@charset "utf-8";

.csh-product-customizer-modal[data-v-593292a2] { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000000; box-sizing: border-box; backdrop-filter: blur(2px); }

.csh-product-customizer-modal__container[data-v-593292a2] { background-color: rgb(254, 254, 254); width: 100%; height: 100%; max-width: 480px; max-height: 100vh; position: relative; flex-direction: column; display: flex; will-change: transform, opacity; transform: translateZ(0px); }

.csh-product-customizer-modal__close-btn[data-v-593292a2] { position: absolute; z-index: 1; top: 20px; right: 10px; width: 32px; height: 32px; border-radius: 4px; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: rgb(124, 58, 237); color: rgb(255, 255, 255); pointer-events: auto; transition: background-color 0.2s; }

.csh-product-customizer-modal__close-btn[data-v-593292a2]:hover { background-color: rgb(109, 40, 217); }

.csh-product-customizer-modal__canvas-section[data-v-593292a2] { display: flex; justify-content: center; align-items: start; padding: 10px; contain: layout style; position: relative; }

.csh-product-customizer-modal__canvas-wrapper[data-v-593292a2] { padding: 0px; overflow: hidden; box-sizing: border-box; will-change: transform; }

.csh-product-customizer-modal__options-panel[data-v-593292a2] { border-radius: 10px 10px 0px 0px; background: rgb(254, 254, 254); box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 6px 0px; min-height: 240px; gap: 10px; display: flex; flex-direction: column; align-items: flex-start; z-index: 1001; }

.csh-product-customizer-modal__resize-handle[data-v-593292a2] { position: relative; padding-top: 30px; background-color: rgb(254, 254, 254); border-top-left-radius: 16px; border-top-right-radius: 16px; display: block; width: 100%; cursor: ns-resize; }

.csh-product-customizer-modal__resize-handle[data-v-593292a2]::before { content: ""; width: 56px; height: 5px; background-color: rgb(230, 230, 230); border-radius: 9999px; margin: 12px auto; position: absolute; inset: 0px; transition: background-color 0.4s; }

.csh-product-customizer-modal__resize-handle[data-v-593292a2]:hover::before { background-color: rgb(209, 213, 219); }

.csh-product-customizer-modal__options-wrapper[data-v-593292a2] { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; }

.csh-product-customizer-modal__options-content[data-v-593292a2] { max-height: 100%; display: flex; flex-flow: column; padding: 0px 0px 10px; flex: 1 1 auto; min-height: 0px; max-width: 100%; height: 100%; overflow: hidden; }

.csh-product-customizer-modal__navigation[data-v-593292a2] { display: flex; width: 100%; gap: 10px; padding: 0px 10px 10px; position: sticky; bottom: 0px; z-index: 1100; background-color: rgb(254, 254, 254); flex-direction: column; }

.csh-product-customizer-modal__navigation-controls[data-v-593292a2] { display: flex; justify-content: space-evenly; align-items: center; width: 100%; gap: 10px; }

.csh-product-customizer-modal__nav-btn[data-v-593292a2] { justify-content: center; flex-direction: row; gap: 10px; min-width: 60px; min-height: 40px; height: 100%; padding: 12px 16px; border: none; display: flex; align-items: center; cursor: pointer; background-color: rgb(124, 58, 237); color: rgb(255, 255, 255); pointer-events: auto; border-radius: 4px; transition: background-color 0.2s; }

.csh-product-customizer-modal__nav-btn span[data-v-593292a2] { display: none; margin: 0px; padding: 0px; font-size: 14px; font-weight: 500; }

.csh-product-customizer-modal__nav-btn.show-label[data-v-593292a2] { width: 100%; }

.csh-product-customizer-modal__nav-btn.show-label span[data-v-593292a2] { display: inline; }

.csh-product-customizer-modal__nav-btn[data-v-593292a2]:disabled { background-color: rgb(209, 213, 219); cursor: not-allowed; }

.csh-product-customizer-modal__cart-actions[data-v-593292a2] { align-content: center; margin-bottom: 0px; width: 100%; height: 100%; display: none; }

.csh-product-customizer-modal__cart-actions.show[data-v-593292a2] { display: block; }

.csh-product-customizer-modal .cl-add-to-cart[data-v-593292a2] { width: 100%; height: 100%; padding: 0px; max-inline-size: unset !important; min-inline-size: unset !important; margin-left: 0px !important; margin-right: 0px !important; }

.csh-product-customizer-modal .cl-add-to-cart > [data-v-593292a2] { margin-top: initial !important; width: 100% !important; flex-grow: 1 !important; flex-basis: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; line-height: 1 !important; }

.csh-product-customizer-modal .modal-cart-button[data-v-593292a2] { padding: 12px 16px; }

.csh-icon[data-v-593292a2] { width: 20px; height: 20px; }