@layer config,base;@layer components{.logo-mask{--svg:var(--v5aed5ae4);height:auto;-webkit-mask:var(--svg) no-repeat center bottom;-webkit-mask:var(--svg) no-repeat center bottom;mask:var(--svg) no-repeat center bottom;aspect-ratio:1;background-color:currentColor;margin-inline:auto;display:block;-webkit-mask-size:contain;mask-size:contain}.logo-mask.logo-mask-landscape{aspect-ratio:320/90;width:320px}@media (width>=64rem){.logo-mask.logo-mask-landscape{width:400px}}.logo-mask.logo-mask-landscape.logo-mask-compact{width:100px}@media (width>=64rem){.logo-mask.logo-mask-landscape.logo-mask-compact{width:160px}}.logo-mask.logo-mask-portrait{aspect-ratio:90/320;width:90px}@media (width>=64rem){.logo-mask.logo-mask-portrait{width:130px}}.logo-mask.logo-mask-portrait.logo-mask-compact{width:60px}@media (width>=64rem){.logo-mask.logo-mask-portrait.logo-mask-compact{width:100px}}.logo-mask.logo-mask-square{aspect-ratio:1;width:120px}@media (width>=64rem){.logo-mask.logo-mask-square{width:200px}}.logo-mask.logo-mask-square.logo-mask-compact{width:90px}@media (width>=64rem){.logo-mask.logo-mask-square.logo-mask-compact{width:130px}}.tile{height:400px;margin-bottom:var(--spacing-40);padding:var(--spacing-l);background-color:var(--color-gray-900);color:var(--color-white);grid-template-areas:"slot";display:grid;position:relative;overflow:hidden}@media (width>=80rem){.tile{height:600px}}.tile-illust{inset:calc(var(--spacing-l) * -1);grid-area:slot;place-self:stretch stretch;position:absolute}.tile-illust:after{content:"";pointer-events:none;background-image:linear-gradient(#0003,#000000d4 70%);position:absolute;inset:0}.tile-illust:has(.tile-illust-video):after{background-image:linear-gradient(to top right,#0000001a,#0009 30%)}.tile-compact{width:230px;height:230px;padding:var(--spacing-8);margin-bottom:0}@media (width>=80rem){.tile-compact{height:230px}}.tile-compact .tile-illust{inset:calc(var(--spacing-8) * -1)}.tile-compact .tile-title{margin-bottom:var(--spacing-8);font-size:var(--text-m)}.tile-compact .tile-tag{font-size:var(--text-14);line-height:1.2}.tile-illust-image,.tile-illust-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;transition:scale var(--transition-duration);display:block}.tile-body{z-index:var(--z-index-above);text-align:center;grid-area:slot;place-self:end center}.tile-title{margin-bottom:var(--spacing-24);color:var(--color-white);font-size:var(--text-4xl)}.tile-title a{color:var(--color-white);font-weight:700}.tag-list{margin-bottom:0;-moz-column-gap:var(--spacing-8);justify-content:center;column-gap:var(--spacing-8);width:fit-content;font-size:var(--text-m);flex-wrap:wrap;margin-inline:auto;padding:0;list-style:none;display:inline-flex}.tile-container{position:relative}.tile-link{color:inherit;text-decoration:none}.tile-link[href]:where(:hover,:focus) .tile-illust-image,.tile-link[href]:where(:hover,:focus) .tile-illust-video{scale:1.1}.tile-tag{font-size:var(--text-16)}[data-layout*=switcher]:has(.tile){padding-bottom:var(--spacing-xl)}[data-layout*=switcher]:has(.tile) .tile{margin-bottom:0}.button-playpause{z-index:var(--z-index-above);padding:var(--spacing-4);border-radius:var(--radius-full);color:var(--on-primary);border:0;display:block;position:absolute;bottom:1rem;right:2rem}.button-playpause :deep(.iconify){display:block!important}}@layer utilities;