.shirt-carousel-section{background:var(--sc-bg, #ffffff);position:relative;height:575px;overflow:hidden;-webkit-user-select:none;user-select:none;isolation:isolate;touch-action:pan-y}.shirt-carousel-inner{position:relative;width:330px;height:520px;margin:0 auto}.shirt-carousel-inner:after{content:"";position:absolute;bottom:87px;left:50%;transform:translate(-50%);width:210px;height:32px;background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.character-container{position:absolute;bottom:89px;left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.character-base{display:block;height:336px;width:auto}.character-head-wrapper{position:absolute;bottom:263px;left:50%;transform:translate(calc(-50% + 2px));will-change:transform;z-index:3;pointer-events:auto;touch-action:none;cursor:grab;--eye-offset-l: 0px;--eye-offset-r: 0px;--eye-scale: 1;--swirl-scale: 0;transform-origin:center bottom;transition:transform .3s ease}@keyframes sc-head-wiggle{0%,to{transform:translate(calc(-50% + 2px)) rotate(0)}25%{transform:translate(calc(-50% + 2px)) rotate(-4deg)}75%{transform:translate(calc(-50% + 2px)) rotate(4deg)}}[data-dizzy] .character-head-wrapper{animation:sc-head-wiggle .45s ease-in-out infinite;transition:none}@keyframes sc-head-hover-shake{0%,to{transform:translate(calc(-50% + 2px))}25%{transform:translate(calc(-50% + 1px))}75%{transform:translate(calc(-50% + 3px))}}.character-head-wrapper[data-hover]{animation:sc-head-hover-shake .15s ease-in-out infinite!important;transition:none!important}@keyframes sc-head-postdizzy-shake{0%{transform:translate(calc(-50% + 2px)) rotate(0)}12%{transform:translate(calc(-50% + 2px)) rotate(-10deg)}28%{transform:translate(calc(-50% + 2px)) rotate(7deg)}44%{transform:translate(calc(-50% + 2px)) rotate(-5deg)}60%{transform:translate(calc(-50% + 2px)) rotate(3deg)}76%{transform:translate(calc(-50% + 2px)) rotate(-2deg)}88%{transform:translate(calc(-50% + 2px)) rotate(1deg)}to{transform:translate(calc(-50% + 2px)) rotate(0)}}[data-head-shake] .character-head-wrapper{animation:sc-head-postdizzy-shake .6s ease-in-out forwards!important;transition:none!important}.character-head-wrapper[data-hover] .character-eye{transition:transform .2s ease!important}[data-head-drag] .character-head-wrapper{animation:none!important;transition:none!important;cursor:grabbing}.character-head{display:block;width:auto;height:135px}.character-eye{position:absolute;top:calc(44% + 4px);width:9.2%;height:auto;transition:transform .4s ease}.character-eye--left{left:30.4%;transform:translate(var(--eye-offset-l)) scale(var(--eye-scale))}.character-eye--right{left:60.9%;transform:translate(var(--eye-offset-r)) scale(var(--eye-scale))}.character-eye--blink{opacity:0;top:calc(44% + 9px)}.character-swirls{position:absolute;top:calc(44% + 4px);left:50%;transform:translate(calc(-50% + 1px)) scale(var(--swirl-scale));width:calc(47% + 1px);display:flex;justify-content:space-between;align-items:center;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .05s ease}.character-swirl{width:41%;height:auto;transform-origin:53% 48%;animation:sc-swirl-spin .5s linear infinite}.character-swirl--right{animation-direction:reverse}@keyframes sc-swirl-spin{to{transform:rotate(360deg)}}.character-sweat{display:none}.character-sweat-drop{position:absolute;pointer-events:none;height:auto;z-index:4}@keyframes sc-sweat-fall{0%{transform:translate(0) scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}28%{transform:translateY(2px) scale(1);animation-timing-function:ease-in}to{transform:translateY(20px) scale(.2)}}.shirt-carousel-stage{position:absolute;top:225px;left:0;right:0;z-index:2;transform:translateY(4px);cursor:grab}.shirts-track{display:flex;align-items:center;will-change:transform}.shirt-item{flex:0 0 131.7px;margin:0 3px;cursor:pointer;position:relative;background-color:transparent}.shirt-composite{position:relative;width:131.7px;height:131.7px;background-color:transparent}.shirt-product-img{width:100%;height:100%;object-fit:contain;display:block}@media(hover:hover){.shirt-item:hover,.shirt-item:hover .shirt-composite{background-color:transparent!important}.shirt-item:hover .shirt-product-img{filter:none!important}}.shirt-carousel-controls{position:absolute;bottom:29px;left:0;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px}.shirt-carousel-controls-row{display:flex;align-items:center;gap:12px}.carousel-btn{background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border-radius:var(--buttons-radius-outset);border:0;padding:0 2.4rem;height:4.5rem;font:inherit;font-size:1.5rem;letter-spacing:.04em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;transition:opacity .15s ease,transform .1s ease}.carousel-btn:hover{opacity:.85}.carousel-btn:active{transform:scale(.95)}.carousel-btn--prev,.carousel-btn--next{margin-top:10px}.carousel-btn--view{padding:0 3.2rem;margin-top:10px}.carousel-btn--play{padding:0 3.2rem;background-color:#ff278c;color:#fff}.sc-bb-play-btn:focus,.sc-bb-play-btn:focus-visible,.sc-bb-play-btn.focused{outline:none;box-shadow:none}.shirt-carousel-section.sc-game-active{overflow:visible}.sc-bb-panel{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:30;align-items:center;justify-content:center;padding:30px}.sc-bb-frame{position:relative;aspect-ratio:3 / 4;height:100%;max-width:100%}.sc-bb-close-x{position:absolute;top:-20px;right:-20px;z-index:9999;width:48px;height:48px;background:#fff;border:5px solid #ff278c;border-radius:50%;color:#ff278c;font-size:24px;line-height:1;font-family:system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.sc-bb-close-x:hover{transform:scale(1.15)}.sc-bb-close-x:active{transform:scale(.93)}.sc-bb-morph{position:fixed;background:#ff278c;z-index:9999;pointer-events:none;opacity:1}.shirt-carousel-empty{color:#555;text-align:center;padding:40px 20px;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/shirt-carousel.css.map */