.dtc-idx__title{margin-top:14px}.dtc-idx__sub{margin-inline:auto;padding-inline:var(--gutter)}.dtc-idx{max-width:var(--container-index);margin:clamp(26px,4vw,54px) auto 0;padding-inline:clamp(18px,3vw,32px);text-align:left;border-bottom:1px solid var(--hairline-3)}.dtc-idx__row{display:block;border-top:1px solid var(--hairline-3);padding:clamp(18px,2.6vw,30px) clamp(2px,1vw,10px);transition:background .4s var(--ease-fade)}.dtc-idx__row:nth-of-type(8n+1){--pc: #1E2A44;--pb: rgba(30, 42, 68, .045)}.dtc-idx__row:nth-of-type(8n+2){--pc: #B45309;--pb: rgba(245, 179, 1, .09)}.dtc-idx__row:nth-of-type(8n+3){--pc: #C2410C;--pb: rgba(234, 88, 12, .06)}.dtc-idx__row:nth-of-type(8n+4){--pc: #0F766E;--pb: rgba(15, 118, 110, .06)}.dtc-idx__row:nth-of-type(8n+5){--pc: #6D28D9;--pb: rgba(109, 40, 217, .055)}.dtc-idx__row:nth-of-type(8n+6){--pc: #1D4ED8;--pb: rgba(29, 78, 216, .055)}.dtc-idx__row:nth-of-type(8n+7){--pc: #4D7C0F;--pb: rgba(77, 124, 15, .06)}.dtc-idx__row:nth-of-type(8n+8){--pc: #BE185D;--pb: rgba(190, 24, 93, .055)}.dtc-idx__row .dtc-idx__rank,.dtc-idx__row .dtc-idx__name:hover,.dtc-idx__row .dtc-idx__count{color:var(--pc)}.dtc-idx__row .dtc-idx__shirt--more{background:var(--pc)}.dtc-idx__head{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2.5vw,28px);transition:padding-left .4s var(--ease-move)}@media(hover:hover){.dtc-idx__row:hover{background:var(--pb, var(--navy-tint))}.dtc-idx__row:hover .dtc-idx__head{padding-left:clamp(22px,3.5vw,48px)}}.dtc-idx__row:focus-within{background:var(--pb, var(--navy-tint))}.dtc-idx__row:focus-within .dtc-idx__head{padding-left:clamp(22px,3.5vw,48px)}.dtc-idx__rank{flex:none;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.dtc-idx__name{flex:1;min-width:180px;font-family:var(--font-sans);font-weight:900;font-size:var(--idx-fs, clamp(20px, 3vw, 36px));line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink);padding-block:6px}.dtc-idx__name:hover{color:var(--navy)}.dtc-idx__row[data-tier="1"]{--idx-fs: clamp(34px, 5.4vw, 72px)}.dtc-idx__row[data-tier="2"]{--idx-fs: clamp(29px, 4.6vw, 60px)}.dtc-idx__row[data-tier="3"]{--idx-fs: clamp(26px, 4vw, 52px)}.dtc-idx__row[data-tier="4"]{--idx-fs: clamp(23px, 3.5vw, 44px)}.dtc-idx__row[data-tier="5"]{--idx-fs: clamp(20px, 3vw, 36px)}.dtc-idx__strip{display:flex;gap:clamp(10px,1.4vw,16px);margin-top:clamp(14px,2vw,22px);overflow-x:auto;overscroll-behavior-x:contain;padding:6px 2px 10px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 96%,transparent 100%)}.dtc-idx__strip::-webkit-scrollbar{display:none}.dtc-idx__shirt{flex:0 0 auto;display:block;width:clamp(120px,13vw,168px);aspect-ratio:1;border-radius:var(--r-card);overflow:hidden;background:var(--tile);transition:transform .25s var(--ease-move)}.dtc-idx__shirt img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.dtc-idx__shirt:hover{transform:scale(1.06)}}.dtc-idx__shirt:focus-visible{transform:scale(1.06)}.dtc-idx__shirt--more{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--navy);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.9}.dtc-idx__shirt--more:hover{color:var(--gold)}@media(max-width:699px){.dtc-idx__shirt{width:clamp(116px,32vw,150px)}}.dtc-idx__count{flex:none;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--navy);text-transform:uppercase;white-space:nowrap}.dtc-idx__more{max-width:820px;margin:34px auto 0;padding-inline:24px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:2.4;color:var(--muted-2);text-transform:uppercase}.dtc-idx__more a{display:inline-block;padding-block:7px;color:inherit;transition:color .25s var(--ease-fade)}.dtc-idx__more a:hover{color:var(--navy)}.dtc-idx__more .dtc-idx__sep{color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dtc-index.css.map */