.deck[data-v-6e431b0b]{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-10}.deck .card[data-v-6e431b0b]{display:block;opacity:0;position:absolute;right:calc(50% - 120px);top:0;transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(40px,0,0);transition:all .5s ease;translate:0 0;will-change:transform;z-index:2}.deck .card.half-outside[data-v-6e431b0b]{opacity:1;top:0}.deck .card.half-outside[data-v-6e431b0b]:first-child{transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,-100px,0);translate:120px 20px}.deck .card.half-outside[data-v-6e431b0b]:nth-child(2){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,-40px,0);translate:150px 20px}.deck .card.half-outside[data-v-6e431b0b]:nth-child(3){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,30px,0);translate:190px 20px}.deck .card.half-outside[data-v-6e431b0b]:nth-child(4){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,120px,0);translate:240px 20px}.deck .card.half-outside[data-v-6e431b0b]:nth-child(5){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,200px,0);translate:280px 20px}.deck .card.half-outside[data-v-6e431b0b]:nth-child(10),.deck .card.half-outside[data-v-6e431b0b]:nth-child(11),.deck .card.half-outside[data-v-6e431b0b]:nth-child(6),.deck .card.half-outside[data-v-6e431b0b]:nth-child(7),.deck .card.half-outside[data-v-6e431b0b]:nth-child(8),.deck .card.half-outside[data-v-6e431b0b]:nth-child(9){opacity:0}.deck .card.half-outside.current-track[data-v-6e431b0b]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.deck .card.outside[data-v-6e431b0b]{opacity:1;right:calc(50% + 320px);top:50%;transform:rotateX(0) rotateY(0) rotate(0) translateZ(0);--tw-translate-y:10rem}.deck .card.outside[data-v-6e431b0b],.deck .card.outside[data-v-6e431b0b]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.deck .card.outside[data-v-6e431b0b]:hover{z-index:40;--tw-translate-y:8rem}.deck .card.outside.current-track[data-v-6e431b0b]{z-index:30;--tw-translate-y:7rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.deck .card.outside[data-v-6e431b0b]:first-child{translate:33%}.deck .card.outside[data-v-6e431b0b]:nth-child(2){translate:66%}.deck .card.outside[data-v-6e431b0b]:nth-child(3){translate:99%}.deck .card.outside[data-v-6e431b0b]:nth-child(4){translate:132%}.deck .card.outside[data-v-6e431b0b]:nth-child(5){translate:165%}.deck .card.outside[data-v-6e431b0b]:nth-child(6){translate:198%}.deck .card.outside[data-v-6e431b0b]:nth-child(7){translate:231%}.deck .card.outside[data-v-6e431b0b]:nth-child(8){translate:264%}.deck .card.outside[data-v-6e431b0b]:nth-child(9){translate:297%}.deck .card.outside[data-v-6e431b0b]:nth-child(10){translate:330%}.deck .card.outside[data-v-6e431b0b]:nth-child(11){translate:363%}.box[data-v-a13ac16c]{--size:7px;--height:calc(var(--size)*33.33333);--width:calc(var(--size)*50);--depth:calc(var(--size)*10);transition:height .5s ease,opacity .5s ease}.box.box-list[data-v-a13ac16c]{height:calc(var(--size)*20)}.box.box-list[data-v-a13ac16c]:hover{z-index:20;--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.box.box-list[data-v-a13ac16c]:focus-visible{z-index:20;--tw-scale-x:1.05;--tw-scale-y:1.05;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.box.box-list[data-v-a13ac16c]{transition:all .5s ease;will-change:transform}.box.box-selected[data-v-a13ac16c]{height:calc(var(--size)*34);padding-top:80px}.box-scene[data-v-a13ac16c]{perspective:2000px}.box.box-hidden[data-v-a13ac16c]{height:0;opacity:0;z-index:0}.box-object[data-v-a13ac16c]{height:var(--height);margin:auto;position:relative;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.box-list .box-object[data-v-a13ac16c]{cursor:pointer}.box-selected .box-object[data-v-a13ac16c]{cursor:grab}.box-object[data-v-a13ac16c]:active{cursor:grabbing}.box .face[data-v-a13ac16c]{backface-visibility:hidden;box-sizing:border-box;color:#fff;font-weight:600;position:absolute}.box .back[data-v-a13ac16c],.box .front[data-v-a13ac16c]{filter:brightness(1.1);height:100%;width:100%}.box .face.bottom[data-v-a13ac16c],.box .face.top[data-v-a13ac16c]{align-items:center;display:flex;font-size:20px;height:var(--depth);justify-content:center;width:var(--width)}.box .face.left[data-v-a13ac16c],.box .face.right[data-v-a13ac16c]{filter:brightness(.8);height:var(--height);width:var(--depth)}.box .face.front[data-v-a13ac16c]{transform:translate(0) translateY(0) translateZ(var(--depth))}.box .face.back[data-v-a13ac16c]{transform:rotateY(180deg) translate(0) translateY(0) translateZ(0)}.box .face.right[data-v-a13ac16c]{transform:rotateY(90deg) translate(calc(var(--depth)*-1)) translateY(0) translateZ(var(--width));transform-origin:top left}.box .face.left[data-v-a13ac16c]{transform:rotateY(-90deg) translate(calc(var(--depth)/2)) translateY(0) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-a13ac16c]{transform:rotateX(90deg) translate(0) translateY(calc(var(--depth)/2)) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-a13ac16c]>*{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.box .face.bottom[data-v-a13ac16c]{transform:rotateX(-90deg) translate(0) translateY(calc(var(--depth)*-.5)) translateZ(calc(var(--height) - var(--depth)/2))}.box .cover[data-v-a13ac16c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.box .box-page[data-v-a13ac16c]{opacity:0;pointer-events:none;transition:opacity .25s ease}.box.box-selected .box-page[data-v-a13ac16c]{opacity:1;pointer-events:auto}.box[data-v-a13ac16c] .indice{background-color:#00000080;border-radius:9999px;font-size:1.25rem;line-height:1.75rem;padding:.5rem;position:relative;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.boxes[data-v-35c7dd57]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center;transition:margin-top .5s ease;width:100%}.boxes.box-selected[data-v-35c7dd57]{justify-content:flex-start}.boxes.box-selected .box[data-v-35c7dd57]{width:100%}.boxes .box .play-button[data-v-35c7dd57]{bottom:-50%;opacity:0;position:relative;z-index:40}.boxes .box.box-selected .play-button[data-v-35c7dd57]{bottom:20%;opacity:1;transition:bottom .7s ease,opacity .7s ease;z-index:20}