.carousel-signature{width:100vw;height:110vh;position:relative;overflow:hidden;margin-top:-50px}.list{width:100%;height:100%}.item{width:100%;height:100%;background-color:var(--background);position:absolute;top:0;left:0;overflow:hidden;display:none}.item img.fruit{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.item .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:12rem;color:#eee;font-weight:700;font-family:system-ui;text-transform:uppercase;white-space:nowrap}.item.active{display:block}.item.hidden{display:block;pointer-events:none;background-color:transparent;z-index:1}#prev,#next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:transparent;border:1px solid #eee9;background-color:#eee5;color:#eee;font-size:x-large;font-family:monospace;cursor:pointer;z-index:15}#prev{left:20px}#next{right:20px}@keyframes toActive{0%{top:100%;opacity:0}}@keyframes toOut{0%{top:50%;opacity:1}}.item.active img.fruit{animation:toActive .5s ease-in-out 1}.item.hidden img.fruit{animation:toOut .8s ease-in-out 1;top:-100%;opacity:0}.item.active .content{animation:toActive .8s ease-in-out 1}.item.hidden .content{opacity:0}.carousel-signature.right .item.active img.fruit{animation:toActivePrev .5s ease-in-out 1}.carousel-signature.right .item.hidden img.fruit{animation:toOut .8s ease-in-out 1;top:100%;opacity:0}.carousel-signature.right .item.active .content{animation:toActivePrev .8s ease-in-out 1}@keyframes toActivePrev{0%{top:0;opacity:0}}:root{--width-mockup: calc(438px / 2.2);--height-mockup: calc(966px / 2.2)}.mockup{position:absolute;top:50%;left:50%;--left: 0%;transform:translate(-50%,-50%);height:var(--height-mockup);width:var(--width-mockup);background:url(mockup.webp) 0 0 no-repeat,url(listSoda.webp) var(--left) 0;background-size:auto 100%;background-blend-mode:multiply;-webkit-mask-image:url(mockup.webp);-webkit-mask-repeat:no-repeat;-webkit-mask-size:auto 100%;transition:background .5s}.leaves{position:absolute;width:170px;height:170px;background-image:url(leaves.webp);background-size:100%;top:calc((50% - (var(--height-mockup) / 1.7)));left:calc((50% + (var(--width-mockup) / 5)))}.shadow{display:none}@media screen and (max-width: 768px){.item .content{transform:translate(-50%,-50%) scale(.5)}.item img.fruit{width:100%;height:100%;object-fit:cover}.carousel-signature{width:100vw;height:70vh;position:relative;overflow:hidden;margin-top:-50px}.list{width:100%;height:80%}.item{width:100%;height:100%;background-color:var(--background);position:absolute;top:0;left:0;overflow:hidden;display:none}.item img.fruit{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.item .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:4.0625rem;color:#eee;font-weight:700;font-family:system-ui;text-transform:uppercase;white-space:nowrap}.item.active{display:block}.item.hidden{display:block;pointer-events:none;background-color:transparent;z-index:1}#prev,#next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:transparent;border:1px solid #eee9;background-color:#eee5;color:#eee;font-size:x-large;font-family:monospace;cursor:pointer;z-index:15}#prev{left:20px}#next{right:20px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/carousel.css.map */