.carousel.multiple-items[data-v-5d617da3]{width:100%;display:grid;align-items:center;justify-content:center;background-color:var(--white);grid-template:"track"/auto;position:relative}.carousel.multiple-items[data-v-5d617da3]:after,.carousel.multiple-items[data-v-5d617da3]:before{z-index:2;content:"";width:100%;height:100%;position:relative}.track[data-v-5d617da3]{width:100%;display:flex;flex-direction:var(--direction);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.track[data-v-5d617da3]::-webkit-scrollbar{display:none;visibility:hidden;background:transparent}.multiple-items .track[data-v-5d617da3]{width:100%;grid-area:track;max-width:100%;background-color:var(--gray-light);grid-gap:1px}.card[data-v-5d617da3-s]{width:100%;flex-shrink:0;scroll-snap-stop:always;scroll-snap-align:start}.card[data-v-5d617da3-s] .product-card{border-bottom:none}.card[data-v-5d617da3-s] .details{padding:0 1.4rem 2.4rem}@media(min-width:960px){.card[data-v-5d617da3-s] .details{padding:0 2.4rem 2.4rem}}.upsell-carousel .card .details{padding:0 1rem 1.4rem}@media(min-width:960px){.upsell-carousel .card .details{padding:0 1.4rem 1.4rem}}.multiple-items .card{width:calc(100%/var(--itemsInView));flex-shrink:0;display:grid;position:relative;scroll-snap-stop:normal;background-color:var(--white);grid-template-areas:". product .";grid-template-columns:.5rem 1fr .5rem}.multiple-items .card .product{grid-area:product}.circle[data-v-5d617da3]{width:8rem;height:8rem;border-radius:4rem;background-color:var(--pink);display:flex;align-items:center}.btn--left[data-v-5d617da3]{top:-2.5rem;position:absolute;left:-7.5rem}.btn--left .icon[data-v-5d617da3]{margin-left:5rem;transform:rotate(180deg)}.btn--right[data-v-5d617da3]{top:-2.5rem;position:absolute;right:-7.5rem}.btn--right .icon[data-v-5d617da3]{margin-left:1rem}.icon[data-v-5d617da3]{display:block;width:2rem;height:2rem;-webkit-mask:url(../icons/forward.svg) no-repeat center/contain;mask:url(../icons/forward.svg) no-repeat center/contain;background-color:var(--black);opacity:1}.slider-control[data-v-5d617da3]{z-index:3;top:50%;width:3rem;height:3rem;position:absolute;transform:translateY(-50%);outline:none}.slider-control.left[data-v-5d617da3]{left:1.3rem}.slider-control.right[data-v-5d617da3]{right:1.3rem}.multiple-items .slider-control[data-v-5d617da3]{top:unset;position:relative;transform:translateY(0)}.left[data-v-5d617da3]:is(.multiple-items .slider-control){position:absolute;justify-self:end}.right[data-v-5d617da3]:is(.multiple-items .slider-control){position:absolute;justify-self:start}.pagination-track[data-v-5d617da3]{left:50%;bottom:0;gap:1rem;z-index:3;display:flex;padding:2.5rem;position:absolute;transform:translate(-50%);pointer-events:none}.pagination-track--vertical[data-v-5d617da3]{left:2.5%;position:absolute;top:50%;transform:translateY(-50%)}.pagination-track--vertical .page-indicator[data-v-5d617da3]{margin:.8rem}.page-indicator[data-v-5d617da3]{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--gray-light)}.page-indicator.is-active[data-v-5d617da3]{background-color:var(--black)}.bottom-btn[data-v-5d617da3]{height:4rem;width:4rem;border-radius:50%}.bottom-btn__container[data-v-5d617da3]{display:flex;flex-direction:row;justify-content:center;margin:.8rem 0 1.6rem;gap:2.4rem}@media screen and (min-width:768px){.bottom-btn__container[data-v-5d617da3]{gap:6.4rem;margin:2.4rem 0 2.8rem}}@media(min-width:720px){.vertical-track[data-v-5d617da3]{height:var(--item-height);overflow-y:auto;scroll-snap-type:y mandatory;min-height:100vh}.disable-vertical-scroll[data-v-5d617da3]{overflow-y:hidden}.btn--left .icon[data-v-5d617da3]{margin-left:5rem}.btn--right .icon[data-v-5d617da3]{margin-left:1rem}}@media(min-width:960px){.multiple-items .track[data-v-5d617da3]{margin:0;max-width:100%}.btn--left .icon[data-v-5d617da3]{margin-left:4rem}.btn--right .icon[data-v-5d617da3]{margin-left:2rem}.carousel:hover .btn--right[data-v-5d617da3]{right:-6rem}.carousel:hover .btn--left[data-v-5d617da3]{left:-6rem}.carousel .icon[data-v-5d617da3]{opacity:0}.carousel:hover .icon[data-v-5d617da3]{opacity:1}}
