.dtc-pop{position:relative;--pop-card: clamp(230px, 74vw, 320px);--pop-pad-top: 12px}.dtc-pop__decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;pointer-events:none}.dtc-pop__halftone{left:-110px;bottom:-70px;width:340px;height:340px;opacity:.2}@media(min-width:900px){.dtc-pop__halftone{left:-70px;bottom:-40px;width:520px;height:520px}}.dtc-pop__head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(20px,4vw,60px)}.dtc-pop__title,.dtc-pop__sub{margin-top:14px}.dtc-pop__rule{position:relative;z-index:1;margin-top:clamp(24px,3.2vw,40px)}.dtc-pop__empty{position:relative;z-index:1;margin-top:30px;color:var(--muted-2)}.dtc-pop__hint{position:relative;z-index:1;margin-top:6px;text-align:center}@media(min-width:700px){.dtc-pop__hint{display:none}}.dtc-pop__rail{position:relative;z-index:1}.dtc-pop__nav[hidden]{display:none}.dtc-pop__chev{position:absolute;z-index:3;top:calc(var(--pop-pad-top) + var(--pop-card) / 2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--hairline-2);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-card);transition:background .25s var(--ease-fade),color .25s var(--ease-fade),border-color .25s var(--ease-fade),transform .25s var(--ease-move)}.dtc-pop__chev--prev{left:-18px}.dtc-pop__chev--next{right:-18px}.dtc-pop__chevicon{width:19px;height:19px}@media(hover:hover){.dtc-pop__chev:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-50%) scale(1.07)}}@media(max-width:699px){.dtc-pop__nav{display:none!important}}.dtc-pop__viewport{position:relative;z-index:1;margin-top:clamp(26px,3.6vw,46px);overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none}.dtc-pop__viewport::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.dtc-pop.is-scrollable .dtc-pop__viewport{cursor:grab}.dtc-pop.is-scrollable.is-dragging .dtc-pop__viewport{cursor:grabbing}}.dtc-pop.is-dragging .dtc-pop__viewport{scroll-behavior:auto}.dtc-pop.is-dragging .dtc-pop__track{-webkit-user-select:none;user-select:none}.dtc-pop.is-dragging .dtc-popcard,.dtc-pop.is-dragging .dtc-popcard__img{transition:none}.dtc-pop__track{display:flex;gap:clamp(18px,2.4vw,32px);padding-block:12px 34px}.dtc-pop__item{flex:0 0 var(--pop-card);min-width:0}.dtc-popcard{position:relative;display:flex;flex-direction:column;height:100%;transition:transform .5s var(--ease-fade)}@media(hover:hover){.dtc-pop__item:hover .dtc-popcard{transform:translateY(-8px)}}.dtc-popcard__link,.dtc-popcard__link:hover{display:block;margin-bottom:auto;color:var(--ink)}.dtc-popcard__art{position:relative;display:block}.dtc-popcard__frame{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--r-tile);background:var(--tile);box-shadow:var(--shadow-soft)}.dtc-popcard__img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-fade)}.dtc-popcard__img--empty{display:block}@media(hover:hover){.dtc-pop__item:hover .dtc-popcard__img{transform:scale(1.05)}}.dtc-popcard__badge{position:absolute;z-index:2;left:16px;bottom:0;transform:translateY(50%);max-width:calc(100% - 32px);box-shadow:var(--shadow-pill)}.dtc-popcard__meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:26px}.dtc-popcard__name{margin:0;font-family:var(--font-sans);font-weight:800;font-size:16px;line-height:1.25;letter-spacing:-.005em;min-width:0;overflow-wrap:break-word}.dtc-popcard__price{flex:none;white-space:nowrap}.dtc-popcard .dtc-quickadd{margin-top:16px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/dtc-popular.css.map */