2025-03-29 01:07:45 +09:00
|
|
|
@import "tailwindcss";
|
2025-04-29 19:13:40 +09:00
|
|
|
@plugin "@tailwindcss/typography";
|
2024-11-17 00:59:06 +09:00
|
|
|
|
|
|
|
:root {
|
2025-04-29 19:13:40 +09:00
|
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
2024-11-17 00:59:06 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
@supports (font-variation-settings: normal) {
|
|
|
|
:root {
|
2025-04-29 19:13:40 +09:00
|
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
2024-11-17 00:59:06 +09:00
|
|
|
}
|
|
|
|
}
|
2025-05-03 13:01:49 +09:00
|
|
|
|
|
|
|
@supports (font-variation-settings: medium) {
|
|
|
|
:root {
|
|
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports (font-variation-settings: bold) {
|
|
|
|
:root {
|
|
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
|
|
}
|
|
|
|
}
|
2025-05-04 15:21:25 +09:00
|
|
|
|
|
|
|
@keyframes fade-in {
|
|
|
|
from { opacity: 0; }
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fade-out {
|
|
|
|
to { opacity: 0; }
|
|
|
|
}
|
|
|
|
|
|
|
|
::view-transition-old(fade) {
|
|
|
|
animation: 300ms ease both fade-out,
|
|
|
|
}
|
|
|
|
|
|
|
|
::view-transition-new(fade) {
|
|
|
|
animation: 300ms ease both fade-in,
|
|
|
|
}
|
|
|
|
|
|
|
|
.fade {
|
|
|
|
view-transition-name: fade;
|
|
|
|
}
|