.sl-search-row{box-sizing:border-box;border-bottom:1px solid rgb(var(--ink-rgb) / .1);top:var(--site-header-offset,0px);align-items:center;gap:8px;padding:0 16px;transition:top .25s;display:flex;position:sticky;@media (prefers-reduced-motion:reduce){transition:none}z-index:6;background-color:rgb(var(--page-rgb) / .5);backdrop-filter:blur(24px)}.sl-search-row:focus-within{background-image:linear-gradient(rgb(var(--ink-rgb) / .05), rgb(var(--ink-rgb) / .05))}.sl-search-icon{color:rgb(var(--ink-rgb) / .5);cursor:text;flex-shrink:0;display:flex}.sl-search-field{flex:1 1 0;width:0;min-width:0;display:flex;position:relative}.sl-ph{pointer-events:none;color:rgb(var(--ink-rgb) / .4);white-space:nowrap;align-items:center;font-size:14px;display:flex;position:absolute;inset:0;overflow:hidden}.sl-ph[hidden]{display:none}.sl-ph-text{text-overflow:ellipsis;transition:transform .25s,opacity .25s;overflow:hidden}.sl-ph-text.is-out{opacity:0;transform:translateY(-60%)}.sl-ph-text.is-in{opacity:0;transition:none;transform:translateY(60%)}@media (prefers-reduced-motion:reduce){.sl-ph-text{transition:none}}.sl-search{width:100%;min-width:0;height:44px;color:inherit;background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:14px}.sl-search::placeholder{color:rgb(var(--ink-rgb) / .4)}.sl-search::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.sl-clear{width:32px;height:32px;color:rgb(var(--ink-rgb) / .5);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;display:flex}.sl-clear[hidden]{display:none}.sl-clear:hover{color:rgb(var(--ink-rgb) / .8);background:rgb(var(--ink-rgb) / .08)}.sl-clear:focus-visible{outline:2px solid rgb(var(--ink-rgb) / .5);outline-offset:-2px}.sl-count{white-space:nowrap;color:rgb(var(--ink-rgb) / .6);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.sl-list{--sl-pitch:88px;border-top:1px solid rgb(var(--ink-rgb) / .1)}.sl-head{display:none}.sl-body{height:calc(var(--rows) * var(--sl-pitch));position:relative}.sl-row{box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:auto var(--sl-pitch);position:relative}.sl-c{min-width:0;overflow:hidden}.sl-thumb-link{border:1px solid rgb(var(--ink-rgb) / .1);border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.sl-thumb-link img{object-fit:cover;width:100%;height:100%}.sl-title-link{color:inherit;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sl-nm{color:inherit}.sl-more{color:rgb(var(--ink-rgb) / .5);white-space:nowrap;font-size:11px}@media (width<=767.98px){main:has(>.sl-list){overflow:clip}.sl-search,.sl-ph{font-size:16px}.sl-list{border-top:0}.sl-search-row{top:calc(var(--site-header-offset,0px) + 8px);border:1px solid rgb(var(--ink-rgb) / .12);background-color:rgb(var(--page-rgb) / .7);border-radius:9999px;gap:6px;margin:8px 12px;padding:0 14px;box-shadow:0 4px 16px #00000040}.sl-clear{margin-right:0}.sl-search-row .sl-count{display:none}.sl-count-sp{border-bottom:1px solid rgb(var(--ink-rgb) / .1);color:rgb(var(--ink-rgb) / .5);font-variant-numeric:tabular-nums;padding:0 16px 8px;font-size:12px}.sl-row{border-bottom:1px solid rgb(var(--ink-rgb) / .1);grid-template:"thumb title faces"22px"thumb meta meta"20px"thumb credits credits"18px/68px minmax(0,1fr) auto;row-gap:2px;height:88px;padding:12px 16px;display:grid}.sl-thumb{align-self:center}.sl-meta{grid-area:meta;min-width:0;line-height:20px;display:flex}.sl-meta>.sl-artist{flex:0 auto;order:0}.sl-meta>.sl-date{flex:none;order:1}.sl-title{line-height:22px}.sl-date:before{content:"・"}.sl-talent{display:none}.sl-faces{grid-area:faces;align-items:center;padding-left:8px;display:flex}.sl-face{background:rgb(var(--ink-rgb) / .1);width:22px;height:22px;box-shadow:0 0 0 1.5px rgb(var(--page-rgb));border-radius:9999px;flex-shrink:0;position:relative;overflow:hidden}.sl-face+.sl-face{margin-left:-6px}.sl-face:first-child{z-index:4}.sl-face:nth-child(2){z-index:3}.sl-face:nth-child(3){z-index:2}.sl-face:nth-child(4){z-index:1}.sl-face img{object-fit:cover;width:100%;height:100%}.sl-face.is-hit{box-shadow:0 0 0 1.5px rgb(var(--page-rgb)), 0 0 0 3px rgb(var(--ink-rgb) / .85)}.sl-faces-more{color:rgb(var(--ink-rgb) / .6);font-variant-numeric:tabular-nums;margin-left:4px;font-size:11px}.sl-row:active{background:rgb(var(--ink-rgb) / .06)}.sl-thumb{grid-area:thumb}.sl-title{grid-area:title;font-size:14px}.sl-artist{grid-area:artist}.sl-talent{grid-area:talent}.sl-credits{grid-area:credits;gap:10px;display:flex;overflow:hidden}.sl-date{color:rgb(var(--ink-rgb) / .5);white-space:nowrap;grid-area:date;font-size:11px;line-height:20px}.sl-yt{display:none}.sl-artist,.sl-talent,.sl-credits>.sl-c{color:rgb(var(--ink-rgb) / .6);white-space:nowrap;text-overflow:ellipsis;font-size:12px}.sl-credits>.sl-c{flex:0 auto}.sl-credits>.sl-c:empty{display:none}.sl-c[data-label]:not(:empty):before{content:attr(data-label);background:rgb(var(--ink-rgb) / .08);color:rgb(var(--ink-rgb) / .6);border-radius:4px;margin-right:4px;padding:0 3px;font-size:10px}.sl-nm+.sl-nm:before{content:"・"}.sl-more{margin-left:2px}.sl-title-link:after{content:"";position:absolute;inset:0}}@media (width>=768px){.sl-list{--sl-pitch:88px;border-top-color:rgb(var(--ink-rgb) / .15)}.sl-search-row{border-bottom-color:rgb(var(--ink-rgb) / .15);width:100dvw;left:0}body:has(.sl-list),.block-main:has(.sl-list){width:max-content;min-width:100%}body:has(.sl-list)>footer{width:100dvw;position:sticky;left:0}.block-main:has(.sl-list)>header{width:100dvw;left:0;right:auto}main:has(>.sl-list){margin-inline:0;overflow:visible}.sl-head{grid-template-columns:var(--song-cols);top:calc(var(--site-header-offset,99px) + 45px);z-index:5;background:rgb(var(--page-rgb) / .5);backdrop-filter:blur(24px);border-bottom:1px solid rgb(var(--ink-rgb) / .15);display:grid;position:sticky}.sl-head>:first-child,.sl-head>:nth-child(2){z-index:1;position:sticky}.sl-head>:first-child{left:0}.sl-head>:nth-child(2){left:90px}.sl-col-head{color:rgb(var(--ink-rgb) / .6);white-space:nowrap;text-overflow:ellipsis;padding:10px 6px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.sl-head>.sl-col-head[style]{clip-path:inset(0 0 0 max(0px, calc(var(--scroll-x,0px) + var(--sticky-w) - var(--x))))}.sl-resize{cursor:col-resize;touch-action:none;user-select:none;width:10px;position:absolute;top:0;bottom:0;right:0}.sl-resize:after{content:"";background:rgb(var(--ink-rgb) / .15);width:1px;transition:background 50ms;position:absolute;top:25%;bottom:25%;right:3px}.sl-resize:hover:after,.sl-resize:focus-visible:after{background:rgb(var(--ink-rgb) / .5)}.sl-resize:focus-visible{outline:none}.sl-row{grid-template-columns:var(--song-cols);border-bottom:1px solid rgb(var(--ink-rgb) / .1);align-items:center;height:88px;padding:8px 0;display:grid}.sl-credits,.sl-meta{display:contents}.sl-faces,.sl-count-sp{display:none}.sl-c{padding:0 6px;font-size:13px}.sl-thumb{z-index:1;justify-content:flex-start;align-self:stretch;align-items:center;padding-left:20px;display:flex;position:sticky;left:0}.sl-thumb:before{content:"";width:var(--sticky-w);z-index:-1;background:rgb(var(--page-rgb) / .5);backdrop-filter:blur(24px);position:absolute;top:-8px;bottom:-8px;left:0}.sl-title{z-index:1;flex-direction:column;justify-content:center;align-self:stretch;gap:6px;display:flex;position:sticky;left:90px}.sl-yt{gap:4px;display:flex}.sl-yt a{border:1px solid rgb(var(--ink-rgb) / .15);color:rgb(var(--ink-rgb) / .8);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.sl-yt a:hover{background:rgb(var(--ink-rgb) / .1)}.sl-artist,.sl-talent,.sl-credits>.sl-c{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sl-nm{border:1px solid rgb(var(--ink-rgb) / .1);max-width:100%;color:rgb(var(--ink-rgb) / .8);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;padding:3px 8px;font-size:12px;line-height:16px;display:block;overflow:hidden}.sl-nm:hover{background:rgb(var(--ink-rgb) / .1)}.sl-more{padding-left:9px}}
