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