@layer components{.logo-mask{--svg:var(--59c1c560);aspect-ratio:1/1;background-color:currentcolor;display:block;height:auto;margin-inline:auto;-webkit-mask:var(--svg) no-repeat center bottom;mask:var(--svg) no-repeat center bottom;-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-portrait{aspect-ratio:90/320;width:90px}@media (width >= 64rem){.logo-mask.logo-mask-portrait{width:130px}}.logo-mask.logo-mask-square{aspect-ratio:1/1;width:120px}@media (width >= 64rem){.logo-mask.logo-mask-square{width:200px}}}@layer components{.tile{background-color:var(--color-gray-900);color:var(--color-white);display:grid;grid-template-areas:"slot";height:400px;margin-bottom:var(--spacing-40);overflow:hidden;padding:var(--spacing-m);position:relative}@media (width >= 80rem){.tile{height:600px}}.tile-illust{grid-area:slot;inset:calc(var(--spacing-m)*-1);place-self:stretch;position:absolute}.tile-illust:after{background-image:linear-gradient(0deg,#000000d4 30%,#0003);content:"";inset:0;pointer-events:none;position:absolute}.tile-illust:has(.tile-illust-video):after{background-image:linear-gradient(to top right,#0000001a,#0009 30%)}.tile-illust-image,.tile-illust-video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:scale var(--transition-duration);width:100%}.tile-body{grid-area:slot;place-self:end center;text-align:center;z-index:var(--z-index-above)}.tag-list{display:inline-flex;flex-wrap:wrap;font-size:var(--text-m);gap:var(--spacing-8);justify-content:center;list-style:none;margin-bottom:0;margin-inline:auto;padding:0;width:-moz-fit-content;width:fit-content}.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}[data-layout*=switcher]:has(.tile){padding-bottom:var(--spacing-l)}[data-layout*=switcher]:has(.tile) .tile{margin-bottom:0}.button-playpause{border:0;border-radius:var(--radius-full);bottom:1rem;color:var(--on-primary);display:block;padding:var(--spacing-4);position:absolute;right:2rem;z-index:var(--z-index-above)}.button-playpause :deep(.iconify){display:block!important}}