.lookbook-carousel-section .lookbook-carousel__tab-label{position:relative;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;background-position-x:right;transition:background-size .3s cubic-bezier(.3,1,.3,1);color:var(--color-foreground)}.lookbook-carousel-section .lookbook-carousel__tab.is-open .lookbook-carousel__tab-label,.lookbook-carousel-section .lookbook-carousel__tab:hover .lookbook-carousel__tab-label{background-position-x:left;background-size:100% 1px}.lookbook-carousel-section .lookbook-carousel__tab-thumb{aspect-ratio:5 / 3;background:#f6f7fb;margin-bottom:clamp(8px,calc(12 / 1024 * 100vw),12px)}.lookbook-carousel-section .lookbook-carousel__scene{margin-inline:calc(-1 * var(--page-padding))}.lookbook-carousel-section .lookbook-carousel__hotspot{left:var(--pos-x-mobile, var(--pos-x));top:var(--pos-y-mobile, var(--pos-y));transform:translate(-50%,-50%)}.lookbook-carousel-section .lookbook-carousel__marker{width:clamp(12px,calc(20 / 1024 * 100vw),20px);height:clamp(12px,calc(20 / 1024 * 100vw),20px);background:#fff}.lookbook-carousel-section .lookbook-carousel__marker:before{content:"";position:absolute;inset:calc(-1*clamp(4px,.78125vw,8px));border-radius:50%;background-color:#9ed3f466;z-index:-1}.lookbook-carousel-section .lookbook-carousel__marker:not(.is-active):before{animation:lookbook-carousel-pulse 1.6s ease infinite}.lookbook-carousel-section .lookbook-carousel__mini-card{display:flex;position:absolute;left:50%;bottom:calc(100% + clamp(10px,1.5625vw,16px));transform:translate(-50%);align-items:center;gap:clamp(6px,calc(10 / 1024 * 100vw),10px);max-width:clamp(180px,calc(250 / 1024 * 100vw),250px);width:max-content;padding:clamp(6px,calc(10 / 1024 * 100vw),10px);background:#f6f7fb;border-radius:8px;text-align:left;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease;z-index:2;color:var(--color-foreground-heading)}.lookbook-carousel-section .lookbook-carousel__hotspot--card-below .lookbook-carousel__mini-card{top:calc(100% + clamp(10px,1.5625vw,16px));bottom:unset}.lookbook-carousel-section .lookbook-carousel__mini-card-title{font-size:clamp(13px,1.5625vw,16px)}.lookbook-carousel-section .lookbook-carousel__mini-card-price{font-size:clamp(12px,calc(14 / 1024 * 100vw),14px)}.lookbook-carousel__mini-card.is-active{opacity:1;visibility:visible;pointer-events:auto}@media(hover:hover)and (pointer:fine){.lookbook-carousel__hotspot:hover .lookbook-carousel__mini-card{opacity:1;visibility:visible;pointer-events:auto}}.lookbook-carousel-section .lookbook-carousel__detail{background:#fff;border:1px solid #1c2c58}.lookbook-carousel-section .lookbook-carousel__panels-track.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.lookbook-carousel-section .lookbook-hotspot-panel{flex:0 0 100%;width:100%;min-width:0;display:flex;flex-direction:column;gap:clamp(10px,calc(14 / 1024 * 100vw),14px);padding:clamp(16px,calc(20 / 1024 * 100vw),20px)}.lookbook-carousel-section .lookbook-hotspot-panel__media{width:100%;border-radius:5px;overflow:hidden;aspect-ratio:4 / 3;pointer-events:none}.lookbook-carousel-section .lookbook-hotspot-panel__price{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-foreground-heading)}.lookbook-carousel-section .lookbook-hotspot-panel__price-original{font-weight:400;font-size:14px;color:var(--color-foreground-subtext);text-decoration:line-through}.lookbook-carousel-section .lookbook-hotspot-panel__divider{display:block;width:100%;height:1px;background:var(--color-border);margin-top:auto}.lookbook-carousel-section .lookbook-carousel__pager{padding:0 clamp(16px,calc(20 / 1024 * 100vw),20px) clamp(16px,calc(20 / 1024 * 100vw),20px)}.lookbook-carousel-section .lookbook-carousel__pager-dot{width:8px;height:8px;padding:0;border-radius:50%;background:var(--color-navigation-background);opacity:.4}.lookbook-carousel-section .lookbook-carousel__pager-dot.is-active{opacity:1}@media screen and (min-width:1024px){.lookbook-carousel-section .lookbook-carousel__grid{display:grid;grid-template-columns:minmax(0,1fr) 350px}.lookbook-carousel-section .lookbook-carousel__scene{height:100%;margin-inline:0}.lookbook-carousel-section .lookbook-carousel__hotspot{left:var(--pos-x);top:var(--pos-y)}.lookbook-carousel-section .lookbook-carousel__panels-track{transition:transform .5s cubic-bezier(.33,1,.68,1)!important}}@keyframes lookbook-carousel-pulse{0%{transform:scale(1)}to{transform:scale(1.6);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/component-lookbook-carousel.css.map */