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