.vsd .collection-carousel{--purple: #241078;--white: #fbfaff;--cyan: #b9e2ea;--carousel-ease: cubic-bezier(.16, 1, .3, 1);--carousel-speed: .42s;--card-border: 1px solid rgba(251, 250, 255, .72);--library-cover-width: 25.7333cqw;--library-cover-height: 17.1555cqw;position:relative;width:270px;max-width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;background:transparent;container-type:inline-size}.vsd .carousel-stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:160cqw;perspective-origin:50% 50%;transform-style:preserve-3d;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.vsd .carousel-card{position:absolute;z-index:1;top:50%;left:50%;width:60%;aspect-ratio:3 / 2;box-sizing:border-box;overflow:visible;border:var(--card-border);border-radius:5cqw;box-shadow:0 4cqw 12cqw #08022a3d;transform-origin:50% 50%;backface-visibility:hidden;transition:transform var(--carousel-speed) var(--carousel-ease),opacity var(--carousel-speed) var(--carousel-ease),filter var(--carousel-speed) var(--carousel-ease);will-change:transform,opacity}.vsd .carousel-card.is-settling{transition:none}.vsd .carousel-card--cover{background:var(--cyan)}.vsd .carousel-card--cover img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.vsd .carousel-card--gift{display:grid;place-items:center;color:var(--purple);background:var(--white)}.vsd .gift-icon{width:18cqw;height:18cqw;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.vsd .carousel-card--mystery{display:grid;place-items:center;color:var(--white);background:#fbfaff1f}.vsd .carousel-card--mystery>span{font-size:22cqw;font-weight:430;line-height:1}.vsd .status-check{position:absolute;z-index:4;top:-5cqw;right:-5cqw;display:grid;place-items:center;width:14cqw;height:14cqw;border-radius:50%;color:var(--purple);background:var(--white);opacity:0;transform:scale(.25) rotate(-16deg);box-shadow:0 2cqw 7cqw #08022a40}.vsd .check-icon{width:8cqw;height:8cqw;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.vsd .carousel-card.is-center .status-check{opacity:1;transform:none;animation:vsd-check-arrive .3s .17s var(--carousel-ease) backwards}.vsd .carousel-card.is-center{z-index:5;opacity:1;filter:none;transform:translate(-50%,-50%) translateZ(0) rotateY(0) scale(1)}.vsd .carousel-card.is-left{z-index:4;opacity:.62;filter:saturate(.76) brightness(.86);transform:translate(-50%,-50%) translate3d(-60%,0,-15cqw) rotateY(50deg) scale(.82)}.vsd .carousel-card.is-right{z-index:4;opacity:.62;filter:saturate(.76) brightness(.86);transform:translate(-50%,-50%) translate3d(60%,0,-15cqw) rotateY(-50deg) scale(.82)}.vsd .carousel-card.is-far-left{z-index:3;opacity:.2;filter:saturate(.45) brightness(.74);transform:translate(-50%,-50%) translate3d(-127%,0,-31cqw) rotateY(58deg) scale(.68)}.vsd .carousel-card.is-far-right{z-index:3;opacity:.2;filter:saturate(.45) brightness(.74);transform:translate(-50%,-50%) translate3d(127%,0,-31cqw) rotateY(-58deg) scale(.68)}.vsd .carousel-card.is-hidden{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateZ(-50cqw) scale(.5)}@keyframes vsd-check-arrive{0%{opacity:0;transform:scale(.25) rotate(-16deg)}to{opacity:1;transform:none}}.vsd .collection-cover-bridge{position:absolute;z-index:9;top:30cqw;left:20cqw;width:60cqw;height:40cqw;box-sizing:border-box;overflow:visible;border:var(--card-border);border-radius:5cqw;background:var(--cyan);opacity:0;pointer-events:none;box-shadow:0 4cqw 12cqw #08022a3d;transform:none}.vsd .collection-cover-bridge>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.vsd .collection-cover-bridge__check{opacity:1;transform:none}.vsd .library-stage{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;pointer-events:none}.vsd .library-grid{position:absolute;top:20%;left:8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:84%;gap:3.4cqw}.vsd .library-card{position:relative;display:grid;place-items:center;aspect-ratio:3 / 2;box-sizing:border-box;overflow:visible;border:var(--card-border);border-radius:2.6cqw;opacity:0;transform:scale(.72);box-shadow:0 2cqw 7cqw #08022a2e;backface-visibility:hidden}.vsd .library-card--cover{background:var(--cyan)}.vsd .library-card--gift{color:var(--purple);background:var(--white)}.vsd .library-card--gift .gift-icon{width:9cqw;height:9cqw}.vsd .library-card--mystery{color:var(--white);background:#fbfaff1c}.vsd .library-card--mystery>span{font-size:9cqw;font-weight:440;line-height:1}.vsd .collection-carousel.is-cover-press .carousel-card.is-center{visibility:hidden}.vsd .collection-carousel.is-cover-press .collection-cover-bridge{top:32.4cqw;left:21.8cqw;width:56.4cqw;height:37.6cqw;border-radius:4.7cqw;filter:brightness(.86) saturate(.92);opacity:1;transition:top .15s var(--carousel-ease),left .15s var(--carousel-ease),width .15s var(--carousel-ease),height .15s var(--carousel-ease),border-radius .15s var(--carousel-ease),filter .15s var(--carousel-ease)}.vsd .collection-carousel.is-cover-press .collection-cover-bridge__check{transform:scale(.92)}.vsd .collection-carousel.is-opening-grid .carousel-card:not(.is-center),.vsd .collection-carousel.is-grid-view .carousel-card,.vsd .collection-carousel.is-grid-press .carousel-card{opacity:0}.vsd .collection-carousel.is-opening-grid .carousel-card.is-center{opacity:0;visibility:hidden;transition-delay:90ms}.vsd .collection-carousel.is-cover-press .library-card--cover,.vsd .collection-carousel.is-opening-grid .library-card--cover,.vsd .collection-carousel.is-grid-view .library-card--cover,.vsd .collection-carousel.is-grid-press .library-card--cover,.vsd .collection-carousel.is-closing-grid .library-card--cover{visibility:hidden}.vsd .collection-carousel.is-opening-grid .collection-cover-bridge{opacity:1;animation:vsd-cover-bridge-open .65s var(--carousel-ease) both}.vsd .collection-carousel.is-opening-grid .collection-cover-bridge__check{animation:vsd-cover-bridge-check-open .65s var(--carousel-ease) both}.vsd .collection-carousel.is-opening-grid .collection-cover-bridge__check .check-icon{animation:vsd-cover-bridge-check-icon-open .65s var(--carousel-ease) both}.vsd .collection-carousel.is-opening-grid .library-card:not(.library-card--cover){animation:vsd-library-card-in .34s var(--carousel-ease) both}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(2){animation-delay:.19s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(3){animation-delay:.28s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(4){animation-delay:.37s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(5){animation-delay:.46s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(6){animation-delay:.55s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(7){animation-delay:.64s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(8){animation-delay:.73s}.vsd .collection-carousel.is-opening-grid .library-card:nth-child(9){animation-delay:.82s}.vsd .collection-carousel.is-grid-view .library-card,.vsd .collection-carousel.is-grid-press .library-card{opacity:1;transform:none}.vsd .collection-carousel.is-grid-view .collection-cover-bridge{top:20cqw;left:8cqw;width:var(--library-cover-width);height:var(--library-cover-height);border-radius:2.6cqw;opacity:1;box-shadow:0 2cqw 7cqw #08022a2e}.vsd .collection-carousel.is-grid-view .collection-cover-bridge__check,.vsd .collection-carousel.is-grid-press .collection-cover-bridge__check{top:-2.8cqw;right:-2.8cqw;width:8cqw;height:8cqw}.vsd .collection-carousel.is-grid-view .collection-cover-bridge__check .check-icon,.vsd .collection-carousel.is-grid-press .collection-cover-bridge__check .check-icon{width:4.8cqw;height:4.8cqw}.vsd .collection-carousel.is-grid-press .collection-cover-bridge{top:21.6cqw;left:8.9012cqw;width:23.931cqw;height:15.955cqw;border-radius:2.418cqw;filter:brightness(.84) saturate(.92);opacity:1;box-shadow:0 2cqw 7cqw #08022a2e;transition:top .15s var(--carousel-ease),left .15s var(--carousel-ease),width .15s var(--carousel-ease),height .15s var(--carousel-ease),border-radius .15s var(--carousel-ease),filter .15s var(--carousel-ease)}.vsd .collection-carousel.is-closing-grid .carousel-card:not(.is-center){opacity:0}.vsd .collection-carousel.is-closing-grid .carousel-card.is-center{opacity:1;visibility:hidden;transition-duration:0ms;transition-delay:0ms}.vsd .collection-carousel.is-closing-grid .collection-cover-bridge{opacity:1;animation:vsd-cover-bridge-close .7s 90ms var(--carousel-ease) both}.vsd .collection-carousel.is-closing-grid .collection-cover-bridge__check{animation:vsd-cover-bridge-check-close .7s 90ms var(--carousel-ease) both}.vsd .collection-carousel.is-closing-grid .collection-cover-bridge__check .check-icon{animation:vsd-cover-bridge-check-icon-close .7s 90ms var(--carousel-ease) both}.vsd .collection-carousel.is-closing-grid .library-card:not(.library-card--cover){animation:vsd-library-card-out .26s var(--carousel-ease) both}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(9){animation-delay:0ms}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(8){animation-delay:35ms}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(7){animation-delay:70ms}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(6){animation-delay:105ms}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(5){animation-delay:.14s}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(4){animation-delay:175ms}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(3){animation-delay:.21s}.vsd .collection-carousel.is-closing-grid .library-card:nth-child(2){animation-delay:245ms}@keyframes vsd-cover-bridge-open{0%{top:30cqw;left:20cqw;width:60cqw;height:40cqw;border-radius:5cqw;filter:brightness(.86) saturate(.92);box-shadow:0 4cqw 12cqw #08022a3d}18%{top:31.3675cqw;left:21.9503cqw;width:56.0987cqw;height:37.1486cqw;border-radius:5.668cqw;filter:brightness(.86) saturate(.92)}to{top:20cqw;left:8cqw;width:var(--library-cover-width);height:var(--library-cover-height);border-radius:2.6cqw;filter:none;box-shadow:0 2cqw 7cqw #08022a2e}}@keyframes vsd-cover-bridge-check-open{0%{top:-5cqw;right:-5cqw;width:14cqw;height:14cqw;transform:none}to{top:-2.8cqw;right:-2.8cqw;width:8cqw;height:8cqw;transform:none}}@keyframes vsd-cover-bridge-check-icon-open{0%{width:8cqw;height:8cqw}to{width:4.8cqw;height:4.8cqw}}@keyframes vsd-library-card-in{0%{opacity:0;transform:translateY(4cqw)}to{opacity:1;transform:none}}@keyframes vsd-library-card-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-2cqw)}}@keyframes vsd-cover-bridge-close{0%{top:20cqw;left:8cqw;width:var(--library-cover-width);height:var(--library-cover-height);filter:brightness(.84) saturate(.92);border-radius:2.6cqw;box-shadow:0 2cqw 7cqw #08022a2e}78%,to{top:30cqw;left:20cqw;width:60cqw;height:40cqw;filter:none;border-radius:5cqw;box-shadow:0 4cqw 12cqw #08022a3d}}@keyframes vsd-cover-bridge-check-close{0%{top:-2.8cqw;right:-2.8cqw;width:8cqw;height:8cqw}78%,to{top:-5cqw;right:-5cqw;width:14cqw;height:14cqw}}@keyframes vsd-cover-bridge-check-icon-close{0%{width:4.8cqw;height:4.8cqw}78%,to{width:8cqw;height:8cqw}}@media(max-width:720px){.vsd .collection-carousel{width:min(82vw,326px);max-width:100%}}@media(prefers-reduced-motion:reduce){.vsd .carousel-card{transition:none!important}.vsd .carousel-card.is-center .status-check{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-collection-carousel.css.map */