.base-modal[data-v-4dd8edcf]{animation:close-4dd8edcf .3s forwards;background-color:#fff;border:none;box-shadow:0 0 5px #00000036;inset:0;margin:auto;max-height:calc(100% - 32px);max-width:calc(100% - 32px);padding:0;position:absolute;transition:display allow-discrete .3s,overlay allow-discrete .3s;width:-moz-fit-content;width:fit-content;z-index:999}.base-modal[open][data-v-4dd8edcf]{animation:open-4dd8edcf .3s forwards}.base-modal[open][data-v-4dd8edcf]::backdrop{animation:open-4dd8edcf .3s forwards}.base-modal[data-v-4dd8edcf]::backdrop{animation:close-4dd8edcf .3s forwards;background-color:#0009;transition:background-color allow-discrete .3s}.modal-content[data-v-4dd8edcf]{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:flex-start;max-width:768px;overflow:hidden auto;padding:32px 40px 24px}.modal-icon[data-v-4dd8edcf]{color:var(--primary-color);height:auto;width:84px}.modal-text[data-v-4dd8edcf]{display:block;font-size:14px;font-weight:300;font-weight:400;letter-spacing:0;line-height:1.4;line-height:1.2;margin:8px 0 0;padding:0 40px;text-align:center}.modal-button[data-v-4dd8edcf]{margin-top:24px;width:auto}@keyframes open-4dd8edcf{0%{opacity:0}to{opacity:1}}@keyframes close-4dd8edcf{0%{opacity:1}to{opacity:0}}.base-webglloader-modal[data-v-2f0d1f79]{animation:close-2f0d1f79 .3s forwards;background-color:#000;border:none;height:100%;inset:0;padding:0;position:absolute;transition:display allow-discrete .3s,overlay allow-discrete .3s;width:100%;z-index:999}.base-webglloader-modal[open][data-v-2f0d1f79]{animation:open-2f0d1f79 .3s forwards}.modal-content[data-v-2f0d1f79]{align-items:center;background-color:#000;color:#fff;display:flex;flex-flow:column;gap:56px;height:calc(100dvh - 48px);justify-content:center;margin:24px;overflow:hidden auto}.modal-pattern[data-v-2f0d1f79]{height:auto;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.rotate-mobile[data-v-2f0d1f79]{flex:0 1 40%;max-width:200px}@keyframes open-2f0d1f79{0%{opacity:0}to{opacity:1}}@keyframes close-2f0d1f79{0%{opacity:1}to{opacity:0}}.base-color-picker[data-v-d654edfb]{align-items:center;cursor:pointer;display:flex;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));flex-direction:column;gap:12px;justify-content:center;pointer-events:all;text-align:center;transition:background-color .25s ease-in-out;width:30px}.base-color-picker.is-selected .icon[data-v-d654edfb]{height:30px;width:30px}.hidden-input[data-v-d654edfb]{display:none}.icon[data-v-d654edfb]{height:24px;transition:.25s ease;width:24px}.base-color-wheel[data-v-97b346c5]{align-items:center;bottom:24px;display:flex;flex-direction:column;left:24px;pointer-events:all;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:143px;z-index:1}.base-color-wheel .wheel-container[data-v-97b346c5]{background-color:transparent;border-radius:50%;cursor:grab;height:143px;overflow:visible;position:relative;width:143px}.base-color-wheel .wheel-container[data-v-97b346c5]:active{cursor:grabbing}.base-color-wheel .wheel-segments[data-v-97b346c5]{opacity:0}.base-color-wheel .color-segment[data-v-97b346c5],.base-color-wheel .wheel-segments[data-v-97b346c5]{height:100%;position:absolute;width:100%}.base-color-wheel .indicator-dot[data-v-97b346c5]{border-radius:50%;height:24px;position:relative;top:3px;transition:background-color .3s ease;width:24px}.base-color-wheel .indicator-triangle[data-v-97b346c5]{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #000;height:0;top:-6px;width:0;z-index:1}.base-color-wheel .indicator-triangle[data-v-97b346c5],.base-color-wheel .wheel-indicator[data-v-97b346c5]{left:50%;position:absolute;transform:translate(-50%)}[data-v-2c7c1de5]{touch-action:manipulation}.webgl-overlay[data-v-2c7c1de5]{display:flex;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.webgl-color-picker[data-v-2c7c1de5]{align-items:center;color:var(--primary-color);flex-direction:column;gap:10px;height:calc(100vh - 140px);top:50%;transform:translate3d(0,-50%,0)}.webgl-color-picker[data-v-2c7c1de5],.webgl-undo-button[data-v-2c7c1de5]{display:flex;justify-content:center;left:40px;position:absolute;z-index:1}.webgl-undo-button[data-v-2c7c1de5]{bottom:24px;flex-direction:row;gap:12px}.webgl-undo-button svg[data-v-2c7c1de5]{box-shadow:0 0 5px #0003}.webgl-undo-button button[data-v-2c7c1de5]{flex-shrink:0;padding:0;pointer-events:all}.webgl-undo-button button[data-v-2c7c1de5]:disabled{cursor:default;pointer-events:all}.selection-button-wrapper[data-v-2c7c1de5]{bottom:24px;display:flex;flex-direction:row;gap:12px;justify-content:center;position:absolute;right:40px;z-index:1}.selection-button-wrapper button[data-v-2c7c1de5]{flex-shrink:0;pointer-events:all;width:auto}.selection-button-wrapper button[data-v-2c7c1de5]:disabled{border:1px solid #adaeb2;cursor:default;pointer-events:all}.selections-nav-buttons[data-v-2c7c1de5]{align-items:center;display:flex;gap:12px;justify-content:flex-start;left:40px;position:absolute;top:24px;width:-moz-fit-content;width:fit-content;z-index:1}.selections-nav-buttons button[data-v-2c7c1de5]{pointer-events:all}.help-icon[data-v-2c7c1de5]{box-shadow:0 0 5px #0003}.help-icon[data-v-2c7c1de5] svg{height:18px;width:18px}.undo-icon[data-v-2c7c1de5] svg{height:14px;width:14px}[data-v-57f3c39c]{touch-action:manipulation}.cmp-three-stage[data-v-57f3c39c]{margin:0;overflow:hidden;overscroll-behavior:none;z-index:0}.cmp-three-stage[data-v-57f3c39c],.cmp-three-stage--canvas[data-v-57f3c39c],.cmp-three-stage--gradient[data-v-57f3c39c]{height:100dvh;left:0;position:absolute;top:0;width:100dvw}.cmp-three-stage--gradient[data-v-57f3c39c]:after{background:linear-gradient(5deg,#000000bf,#fff0 75%);content:"";display:block;height:100%;position:absolute;width:100%;z-index:0}