.yeezy-carousel{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--yeezy-white);font-family:var(--yeezy-font);overflow:hidden;padding:80px 24px}.yeezy-quickview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--yeezy-white);opacity:0;visibility:hidden;transition:opacity .3s ease-out;display:flex;align-items:center;justify-content:center;padding:80px 24px;font-family:var(--yeezy-font)}.yeezy-quickview-overlay.is-open{opacity:1;visibility:visible}.yeezy-quickview-overlay__close{position:absolute;top:24px;right:32px;font-size:32px;background:none;border:0;cursor:pointer;color:var(--yeezy-black);line-height:1;z-index:2}body.yeezy-quickview-open{overflow:hidden}.yeezy-carousel__stage{position:relative;width:100%;max-width:640px;display:grid}.yeezy-carousel__slide{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transform:translate(0);transition:opacity .35s ease-out,transform .4s cubic-bezier(.22,1,.36,1)}.yeezy-carousel__slide.is-active{opacity:1;pointer-events:auto}.yeezy-carousel__slide.is-leaving-left{opacity:0;transform:translate(-24px)}.yeezy-carousel__slide.is-leaving-right{opacity:0;transform:translate(24px)}.yeezy-carousel__media{width:100%;height:46vh;display:flex;align-items:center;justify-content:center}.yeezy-carousel__image{max-width:68%;max-height:100%;object-fit:contain;opacity:0;filter:blur(8px);transition:opacity .35s ease-out,filter .4s ease-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.yeezy-carousel__image[src]{opacity:1;filter:blur(0)}.yeezy-carousel__image.is-loading{filter:blur(6px)}.yeezy-carousel__meta{margin-top:28px;font-family:ui-monospace,SF Mono,Courier New,monospace}.yeezy-carousel__title{margin:0 0 4px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.yeezy-carousel__price{margin:0 0 16px;font-size:13px;color:var(--yeezy-gray)}.yeezy-carousel__add-wrap,.yeezy-quickview-add-wrap{position:relative;margin-bottom:14px}.yeezy-carousel__add{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--yeezy-black);padding:4px 14px}.yeezy-carousel__variant-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.yeezy-carousel__variant-picker button{background:none;border:1px solid var(--yeezy-black);padding:5px 12px;font-size:11px;letter-spacing:.05em;cursor:pointer;border-radius:0}.yeezy-carousel__variant-picker button:disabled{opacity:.3;cursor:not-allowed}.yeezy-carousel__info{font-size:11px;margin-bottom:12px}.yeezy-carousel__info summary{cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.08em;color:var(--yeezy-gray)}.yeezy-carousel__info summary::-webkit-details-marker{display:none}.yeezy-carousel__info-body{margin-top:10px;font-size:12px;line-height:1.6;color:var(--yeezy-gray);max-width:320px;margin-left:auto;margin-right:auto;text-align:left}.yeezy-carousel__view-link{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--yeezy-gray);border-bottom:1px solid var(--yeezy-gray);text-decoration:none}.yeezy-carousel__nav{position:absolute;top:42%;transform:translateY(-50%);background:none;border:0;font-size:34px;line-height:1;color:var(--yeezy-black);cursor:pointer;padding:12px;opacity:.45;transition:opacity .2s ease;z-index:2}.yeezy-carousel__nav:hover{opacity:1}.yeezy-carousel__nav--prev{left:4%}.yeezy-carousel__nav--next{right:4%}.yeezy-carousel__dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.yeezy-carousel__dot{width:5px;height:5px;border-radius:50%;background:var(--yeezy-black);opacity:.25;transition:opacity .2s ease;cursor:pointer}.yeezy-carousel__dot.is-active{opacity:1}@media(max-width:749px){.yeezy-carousel,.yeezy-quickview-overlay{padding:56px 16px}.yeezy-carousel__media{height:38vh}.yeezy-carousel__image{max-width:84%}.yeezy-carousel__nav{font-size:26px;padding:8px}.yeezy-carousel__nav--prev{left:2%}.yeezy-carousel__nav--next{right:2%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yeezy-carousel.css.map */