.cr{--cr-wall:#f6efe0;--cr-ink:#1b2340;background:var(--cr-wall);color:var(--cr-ink);border:1px solid #1b234024;border-radius:20px;padding:8px 0 6px;position:relative;overflow:hidden}.cr+.cr{margin-top:14px}.cr-track{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin:0;padding:0 18px;list-style:none;display:flex;overflow-x:auto}.cr-slot{--cr-w:clamp(168px, 23vw, 244px);flex:0 0 var(--cr-w);scroll-snap-align:center;padding-top:18px;position:relative}.cr-slot:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#eef0f4,#8f97a3 55%,#c9ced6);border-radius:4px;height:8px;position:absolute;top:26px;left:0;right:0;box-shadow:0 3px 5px #1b234047}.cr-link{color:inherit;outline-offset:4px;text-decoration:none;display:block}.cr-swing{z-index:2;transform-origin:50% 12px;animation:5.2s ease-in-out infinite cr-sway;animation-delay:var(--cr-delay,0s);display:block;position:relative}.cr-hanger{z-index:0;width:calc(var(--cr-w) * .2);height:calc(var(--cr-w) * .32);top:calc(12px - var(--cr-w) * .07);left:calc(50% - var(--cr-w) * .075);pointer-events:none;display:block;position:absolute;overflow:visible}.cr-garment{width:100%;padding-top:calc(12px + var(--cr-w) * .19);transform-origin:50% 0;will-change:transform;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block;position:relative;transform:rotateY(80deg)}.cr-garment:not(.cr-cut){mix-blend-mode:multiply}.cr-swing:has(.cr-garment:not(.cr-cut)){background:var(--cr-wall)}.cr-shirt{z-index:1;aspect-ratio:1;display:block;position:relative}.cr-cut .cr-shirt{filter:drop-shadow(0 7px 7px #1b234033)}.cr-garment img{object-fit:contain;width:100%;height:100%;display:block}.cr-slot:hover .cr-garment,.cr-link:focus-visible .cr-garment,.cr-slot.is-front .cr-garment{transform:rotateY(0)}.cr-slot:hover .cr-swing,.cr-slot.is-front .cr-swing{animation-play-state:paused}.cr-cap{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:2px 8px 12px;display:flex}.cr-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.cr-cap .s-tag{font-size:13px}.cr-hint{color:#4a5470;margin:6px 18px 2px;font-size:13px}.cr-more{justify-content:center;margin:16px 0 4px;display:flex}@keyframes cr-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@media (prefers-reduced-motion:reduce){.cr-swing{animation:none}.cr-garment{transition:none;transform:none}}@media (hover:none){.cr-slot:hover .cr-garment{transform:rotateY(80deg)}.cr-slot.is-front .cr-garment{transform:rotateY(0)}}