.deck{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.deck.pile{position:relative}.deck.pile .card{position:absolute;top:0}.deck.plateau{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:2rem;padding:2rem;width:100%}.box[data-v-4799f3c0]{--size:6px;--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-4799f3c0]{height:calc(var(--size)*20)}.box.box-list[data-v-4799f3c0]:hover{--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-4799f3c0]{transition:all .5s ease;will-change:transform}.box.box-selected[data-v-4799f3c0]{height:calc(var(--size)*34)}.box-scene[data-v-4799f3c0]{perspective:2000px}.box.box-hidden[data-v-4799f3c0]{height:0;opacity:0;z-index:0}.box-object[data-v-4799f3c0]{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-4799f3c0]{cursor:pointer}.box-selected .box-object[data-v-4799f3c0]{cursor:grab}.box-object[data-v-4799f3c0]:active{cursor:grabbing}.box .face[data-v-4799f3c0]{backface-visibility:hidden;border:1px solid #000;box-sizing:border-box;color:#fff;font-weight:600;position:absolute}.box .back[data-v-4799f3c0],.box .front[data-v-4799f3c0]{height:100%;width:100%}.box .face.bottom[data-v-4799f3c0],.box .face.top[data-v-4799f3c0]{align-items:center;display:flex;font-size:20px;height:var(--depth);justify-content:center;width:var(--width)}.box .face.left[data-v-4799f3c0],.box .face.right[data-v-4799f3c0]{height:var(--height);width:var(--depth)}.box .face.front[data-v-4799f3c0]{transform:translate(0) translateY(0) translateZ(var(--depth))}.box .face.back[data-v-4799f3c0]{transform:rotateY(180deg) translate(0) translateY(0) translateZ(0)}.box .face.right[data-v-4799f3c0]{transform:rotateY(90deg) translate(calc(var(--depth)*-1)) translateY(0) translateZ(var(--width));transform-origin:top left}.box .face.left[data-v-4799f3c0]{transform:rotateY(-90deg) translate(calc(var(--depth)/2)) translateY(0) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-4799f3c0]{transform:rotateX(90deg) translate(0) translateY(calc(var(--depth)/2)) translateZ(calc(var(--depth)/2))}.box .face.top[data-v-4799f3c0]>*{--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-4799f3c0]{transform:rotateX(-90deg) translate(0) translateY(calc(var(--depth)*-.5)) translateZ(calc(var(--height) - var(--depth)/2))}.box .cover[data-v-4799f3c0]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.box .box-page[data-v-4799f3c0]{opacity:0;pointer-events:none;transition:opacity .25s ease}.box.box-selected .box-page[data-v-4799f3c0]{opacity:1;pointer-events:auto}.box[data-v-4799f3c0]:focus-visible{outline:0;--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[data-v-4799f3c0] .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{display:flex;flex-direction:column-reverse}