.deck[data-v-40e8467c]{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-10}.deck .card[data-v-40e8467c]{display:block;opacity:0;position:absolute;top:0;transform:rotateX(-20deg) rotateY(20deg) rotate(90deg);transition:all .5s ease;translate:70px 40px;will-change:transform;z-index:2}.deck .card.half-outside[data-v-40e8467c]{opacity:1;right:auto;top:0}.deck .card.half-outside[data-v-40e8467c]:first-child{transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,-100px,0);translate:120px 20px}.deck .card.half-outside[data-v-40e8467c]:nth-child(3){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,-40px,0);translate:150px 20px}.deck .card.half-outside[data-v-40e8467c]:nth-child(5){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,30px,0);translate:190px 20px}.deck .card.half-outside[data-v-40e8467c]:nth-child(7){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,120px,0);translate:240px 20px}.deck .card.half-outside[data-v-40e8467c]:nth-child(9){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,200px,0);translate:280px 20px}.deck .card.half-outside[data-v-40e8467c]:nth-child(11){transform:rotateX(-20deg) rotateY(20deg) rotate(90deg) translate3d(0,260px,0);translate:310px 20px}.deck .card.outside[data-v-40e8467c]{opacity:1;right:66%;top:50%;transform:rotateX(0) rotateY(0) rotate(0)}.deck .card.outside[data-v-40e8467c]:first-child{translate:20%}.deck .card.outside[data-v-40e8467c]:nth-child(2){translate:40%}.deck .card.outside[data-v-40e8467c]:nth-child(3){translate:60%}.deck .card.outside[data-v-40e8467c]:nth-child(4){translate:80%}.deck .card.outside[data-v-40e8467c]:nth-child(5){translate:100%}.deck .card.outside[data-v-40e8467c]:nth-child(6){translate:120%}.deck .card.outside[data-v-40e8467c]:nth-child(7){translate:140%}.deck .card.outside[data-v-40e8467c]:nth-child(8){translate:160%}.deck .card.outside[data-v-40e8467c]:nth-child(9){translate:180%}.deck .card.outside[data-v-40e8467c]:nth-child(10){translate:200%}.deck .card.outside[data-v-40e8467c]:nth-child(11){translate:220%}.box[data-v-2ae2aaf0]{--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-2ae2aaf0]{height:calc(var(--size)*20)}.box.box-list[data-v-2ae2aaf0]: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-2ae2aaf0]: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-2ae2aaf0]{transition:all .5s ease;will-change:transform}.box.box-selected[data-v-2ae2aaf0]{height:calc(var(--size)*34);padding-top:80px}.box-scene[data-v-2ae2aaf0]{perspective:2000px}.box.box-hidden[data-v-2ae2aaf0]{height:0;opacity:0;z-index:0}.box-object[data-v-2ae2aaf0]{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-2ae2aaf0]{cursor:pointer}.box-selected .box-object[data-v-2ae2aaf0]{cursor:grab}.box-object[data-v-2ae2aaf0]:active{cursor:grabbing}.box .face[data-v-2ae2aaf0]{backface-visibility:hidden;box-sizing:border-box;color:#fff;font-weight:600;position:absolute}.box .back[data-v-2ae2aaf0],.box .front[data-v-2ae2aaf0]{filter:brightness(1.1);height:100%;width:100%}.box .face.bottom[data-v-2ae2aaf0],.box .face.top[data-v-2ae2aaf0]{align-items:center;display:flex;font-size:20px;height:var(--depth);justify-content:center;width:var(--width)}.box .face.left[data-v-2ae2aaf0],.box .face.right[data-v-2ae2aaf0]{filter:brightness(.8);height:var(--height);width:var(--depth)}.box .face.front[data-v-2ae2aaf0]{transform:translate(0) translateY(0) translateZ(var(--depth))}.box .face.back[data-v-2ae2aaf0]{transform:rotateY(180deg) translate(0) translateY(0) translateZ(0)}.box .face.right[data-v-2ae2aaf0]{transform:rotateY(90deg) translate(calc(var(--depth)*-1)) translateY(0) translateZ(var(--width));transform-origin:top left}.box .face.left[data-v-2ae2aaf0]{transform:rotateY(-90deg) translate(calc(var(--depth)/2)) translateY(0) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-2ae2aaf0]{transform:rotateX(90deg) translate(0) translateY(calc(var(--depth)/2)) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-2ae2aaf0]>*{--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-2ae2aaf0]{transform:rotateX(-90deg) translate(0) translateY(calc(var(--depth)*-.5)) translateZ(calc(var(--height) - var(--depth)/2))}.box .cover[data-v-2ae2aaf0]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.box .box-page[data-v-2ae2aaf0]{opacity:0;pointer-events:none;transition:opacity .25s ease}.box.box-selected .box-page[data-v-2ae2aaf0]{opacity:1;pointer-events:auto}.box[data-v-2ae2aaf0] .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-110635f8]{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-110635f8]{justify-content:flex-start}.boxes.box-selected .box[data-v-110635f8]{width:100%}.boxes .box .play-button[data-v-110635f8]{bottom:-50%;opacity:0;position:relative;z-index:40}.boxes .box.box-selected .play-button[data-v-110635f8]{bottom:20%;opacity:1;transition:bottom .7s ease,opacity .7s ease;z-index:20}