.outfit-composite[data-v-54c78e56]{height:100%;left:0;position:absolute;top:0;width:100%}.outfit-piece[data-v-54c78e56]{display:block;pointer-events:none;position:absolute}.outfit-bottom[data-v-54c78e56],.outfit-shoes[data-v-54c78e56],.outfit-top[data-v-54c78e56]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.outfit-head[data-v-54c78e56]{animation:headRotate-54c78e56 4s ease-in-out .2s infinite;height:auto;max-height:100%;max-width:100%;width:auto}@keyframes headRotate-54c78e56{0%,to{transform:translate3d(calc(-100%*var(--anchor-x, .5)),0,0) scale(var(--head-scale,1)) rotate(-7deg)}50%{transform:translate3d(calc(-100%*var(--anchor-x, .5)),0,0) scale(var(--head-scale,1)) rotate(7deg)}}.arrow-button[data-v-1b6d5e2c]{align-items:center;background:var(--color-primary);border-radius:var(--radius-large);border-style:solid;box-shadow:0 2px 8px #f631694d;color:var(--color-text);cursor:pointer;display:inline-flex;height:var(--button-square-size);justify-content:center;min-height:var(--button-square-size);min-width:var(--button-square-size);padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:var(--button-square-size);-webkit-touch-callout:none;border:2px solid var(--color-primary);font-family:var(--font-family-base);font-weight:var(--font-weight-black);outline:none}.arrow-button[data-v-1b6d5e2c]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #f6316966;transform:scale(1.1)}.arrow-button[data-v-1b6d5e2c]:active{background:var(--color-primary-active);border-color:var(--color-primary-active);transform:scale(.9)!important}.arrow-icon[data-v-1b6d5e2c]{color:var(--color-text);height:100%;pointer-events:none;width:100%}.arrow-button--left .arrow-icon[data-v-1b6d5e2c]{transform:rotate(180deg)}.generator{align-items:flex-start;display:flex;height:calc(100vh - 70px);height:calc(100dvh - 70px);height:calc(100svh - 70px);justify-content:center;left:0;position:fixed;top:0;width:100vw}.outfit-wrapper{aspect-ratio:1/2;margin-top:12px;max-width:500px;position:relative;width:min(100%,calc(50vh - 47px));width:min(100%,calc(50svh - 47px))}.outfit-composite-wrapper{height:100%;opacity:0;position:relative;width:100%}.sliding-layer{backface-visibility:hidden;height:100%;left:0;perspective:1000;position:absolute;top:0;transform:translateZ(0);transform-style:preserve-3d;transition:none;width:100%;will-change:transform}.sliding-layer-shoes{z-index:1}.sliding-layer-bottom{z-index:2}.sliding-layer-top{z-index:3}.sliding-layer-head{z-index:4}.sliding-layer.slide-out{transform:translate(100%) translateZ(0);transition:transform .2s cubic-bezier(.55,.085,.68,.53)}.sliding-layer.slide-in{animation:slideInFromLeft .25s cubic-bezier(.25,.46,.45,.94) forwards;transition:none}.sliding-layer.slide-out-reverse{transform:translate(-100%) translateZ(0);transition:transform .2s cubic-bezier(.55,.085,.68,.53)}.sliding-layer.slide-in-reverse{animation:slideInFromRight .25s cubic-bezier(.25,.46,.45,.94) forwards;transition:none}@keyframes slideInFromLeft{0%{transform:translate(-100%) translateZ(0)}to{transform:translate(0) translateZ(0)}}@keyframes slideInFromRight{0%{transform:translate(100%) translateZ(0)}to{transform:translate(0) translateZ(0)}}.arrow-buttons-left,.arrow-buttons-right{bottom:36px;display:flex;flex-direction:column;height:calc(55.55556vh - 38.88889px);height:calc(55.55556svh - 38.88889px);justify-content:space-between;position:absolute;z-index:100}.arrow-buttons-left{left:12px}.arrow-buttons-right{right:12px}@media(min-width:500px){.generator{left:calc(50% - 250px);width:500px}}