.canvas-container[data-v-03ca7323]{align-items:center;display:flex;justify-content:center;max-width:min(100%,70vh);position:relative;width:100%}@media(min-width:768px){.canvas-container[data-v-03ca7323]{max-width:600px}}.canvas-overflow-image[data-v-03ca7323]{filter:brightness(.5);opacity:.4;pointer-events:none;position:absolute}.canvas-frame[data-v-03ca7323]{align-items:center;border-radius:.25rem;box-shadow:0 0 0 2px #3b82f6cc;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.canvas-frame-transparent-bg[data-v-03ca7323]{background-color:#2a2a2a;background-image:linear-gradient(45deg,#404040 25%,transparent 0),linear-gradient(-45deg,#404040 25%,transparent 0),linear-gradient(45deg,transparent 75%,#404040 0),linear-gradient(-45deg,transparent 75%,#404040 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;inset:0;pointer-events:none;position:absolute;z-index:0}.canvas-frame-image[data-v-03ca7323]{position:relative;z-index:1}.crop-grid[data-v-03ca7323]{border:2px solid rgba(59,130,246,.8);inset:0;pointer-events:none;position:absolute;z-index:10}.grid-line[data-v-03ca7323]{background-color:#3b82f666;position:absolute}.slider[data-v-03ca7323]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.slider[data-v-03ca7323]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider[data-v-03ca7323]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.color-swatch[data-v-03ca7323]{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:transform .1s}.color-swatch[data-v-03ca7323]:hover{transform:scale(1.1)}.color-swatch--active[data-v-03ca7323]{border-color:#3b82f6;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.color-swatch--transparent[data-v-03ca7323]{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.color-swatch-mobile[data-v-03ca7323]{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:transform .1s;width:100%}.color-swatch-mobile[data-v-03ca7323]:hover{transform:scale(1.05)}.color-swatch-mobile.color-swatch--active[data-v-03ca7323]{border-color:#3b82f6;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.color-swatch-mobile.color-swatch--transparent[data-v-03ca7323]{background-image:linear-gradient(45deg,#d4d4d4 25%,transparent 0),linear-gradient(-45deg,#d4d4d4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d4d4d4 0),linear-gradient(-45deg,transparent 75%,#d4d4d4 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.fade-enter-active[data-v-03ca7323],.fade-leave-active[data-v-03ca7323]{transition:opacity .2s ease}.fade-enter-from[data-v-03ca7323],.fade-leave-to[data-v-03ca7323]{opacity:0}.bg-checkered[data-v-0127b252]{background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 0),linear-gradient(-45deg,#f1f5f9 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f1f5f9 0),linear-gradient(-45deg,transparent 75%,#f1f5f9 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.fade-enter-active[data-v-0127b252],.fade-leave-active[data-v-0127b252]{transition:opacity .2s ease}.fade-enter-from[data-v-0127b252],.fade-leave-to[data-v-0127b252]{opacity:0}.bg-checkered[data-v-71ee58cb]{background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 0),linear-gradient(-45deg,#f1f5f9 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f1f5f9 0),linear-gradient(-45deg,transparent 75%,#f1f5f9 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.fade-enter-active[data-v-71ee58cb],.fade-leave-active[data-v-71ee58cb]{transition:opacity .2s ease}.fade-enter-from[data-v-71ee58cb],.fade-leave-to[data-v-71ee58cb]{opacity:0}.list-move[data-v-84ab7f6e]{transition:transform .3s ease}.list-enter-active[data-v-84ab7f6e],.list-leave-active[data-v-84ab7f6e]{transition:all .3s ease}.list-enter-from[data-v-84ab7f6e],.list-leave-to[data-v-84ab7f6e]{opacity:0;transform:translate(-30px)}.preview-fade-enter-active[data-v-84ab7f6e],.preview-fade-leave-active[data-v-84ab7f6e]{transition:opacity .2s ease}.preview-fade-enter-from[data-v-84ab7f6e],.preview-fade-leave-to[data-v-84ab7f6e]{opacity:0}