@layer components{:root[data-season] .nav__brand img{box-sizing:border-box;background:var(--md-sys-color-primary-container);clip-path:var(--season-shape,var(--shape-circle));padding:3px}:root[data-season=april-fools] .nav__brand img{rotate:180deg}:root[data-season=april-fools] .nav__brand>span{display:none}:root[data-season=april-fools] .nav__brand:after{content:"hanasakigawa"}.season-ornament{color:var(--md-sys-color-tertiary);pointer-events:none;display:grid;position:absolute;top:0;left:0;rotate:-18deg}.season-layer{z-index:-1;pointer-events:none;background:var(--md-sys-color-surface-container);contain:strict;position:fixed;inset:0;overflow:hidden}.season-wash{background:radial-gradient(64rem 52rem at 0 0, color-mix(in srgb, var(--md-sys-color-primary-container) 70%, transparent), transparent 72%), radial-gradient(72rem 44rem at 62% -10%, color-mix(in srgb, var(--md-sys-color-tertiary-container) 60%, transparent), transparent 72%), radial-gradient(68rem 52rem at 100% 100%, color-mix(in srgb, var(--md-sys-color-primary-container) 55%, transparent), transparent 72%), radial-gradient(56rem 44rem at 6% 100%, color-mix(in srgb, var(--md-sys-color-tertiary-container) 50%, transparent), transparent 72%);position:absolute;inset:0}.season-facets{width:100%;height:100%;fill:var(--md-sys-color-surface-bright);opacity:.45;position:absolute;inset:0}.season-depth{opacity:var(--opacity);will-change:transform;position:absolute;inset:-10% 0}.season-depth .season-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);rotate:var(--angle);filter:var(--blur);will-change:transform;animation:season-drift var(--duration) ease-in-out var(--delay) infinite alternate;place-items:center;display:grid;position:absolute}.season-depth .season-particle>svg{width:100%;height:100%}.season-depth .season-particle>svg:not(.material-icon){height:auto}.season-layer[data-scrolling] .season-particle{animation-play-state:paused}.season-layer[data-motif=stars] .season-particle,.season-layer[data-motif=sparkles] .season-particle,.season-layer[data-motif=fireworks] .season-particle{animation-name:season-drift,season-twinkle;animation-duration:var(--duration), calc(var(--duration) / 3)}.season-particle[data-tone="0"]{color:var(--md-sys-color-primary)}.season-particle[data-tone="1"]{color:var(--md-sys-color-tertiary)}.season-particle svg:not(.material-icon){fill:currentColor}.season-dot{background:currentColor;border-radius:50%;width:40%;height:40%}.season-petal{opacity:.8;background:currentColor;border-radius:100% 0;width:70%;height:100%}.season-confetti{background:currentColor;border-radius:2px;width:36%;height:72%}.season-moon{background:var(--md-sys-color-tertiary-container);width:120px;height:120px;box-shadow:0 0 80px 20px color-mix(in srgb, var(--md-sys-color-tertiary-container) 60%, transparent);opacity:.8;border-radius:50%;position:absolute;top:12%;right:8%}.season-celebration{z-index:var(--md-sys-z-index-overlay-toast);pointer-events:none;position:fixed;inset:0;overflow:hidden}.season-celebration .season-particle{width:20px;height:20px}.season-celebration .season-particle>svg{width:100%;height:auto}.season-celebration .season-particle{left:var(--ox);top:var(--oy);animation:season-pop 1.2s var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(.05, .7, .1, 1)) forwards;display:grid;position:absolute}.season-celebration svg:not(.material-icon){fill:currentColor;width:20px}@keyframes season-drift{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--turn))}}@keyframes season-twinkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes season-pop{0%{opacity:1;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}@media (prefers-reduced-motion:reduce){.season-depth{transform:none}.season-depth .season-particle{animation:none}}}@layer shell{:root[data-season-layer] body,:root[data-season-layer] .app-shell{background:0 0}@media (min-width:600px){:root[data-season-layer] :not(.nav-modal-open)>.nav{background:0 0}}:root[data-season-layer] .app-shell__main{background:color-mix(in srgb, var(--md-sys-color-surface) 55%, transparent)}:root[data-season-layer] .top-app-bar{background:color-mix(in srgb, var(--md-sys-color-surface-container) 55%, transparent)}}