.vue-customizer-wrapper{grid-column:2;width:100%;max-width:1440px;margin:0 auto;padding:var(--padding-xl)}.vue-customizer-container{display:grid;grid-template-columns:1fr;gap:var(--padding-4xl);width:100%}@media screen and (min-width: 750px){.vue-customizer-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.vue-canvas-section{position:relative;width:100%}@media screen and (min-width: 750px){.vue-canvas-section{align-self:stretch;display:flex;flex-direction:column}}.vue-canvas-wrapper{position:relative;background:var(--color-background);border-radius:var(--style-border-radius-lg);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));margin-bottom:var(--padding-xl);width:100%;max-width:100%}.vue-canvas,canvas{width:100%;height:auto;display:block;border-radius:var(--style-border-radius-md);background:var(--color-background);max-width:100%;box-shadow:0 2px 4px #0003}@media screen and (max-width: 749px){.vue-canvas-placeholder{display:block;height:var(--padding-md)}}.vue-controls-section{position:relative;width:100%}.vue-controls-sticky{position:relative}@media screen and (min-width: 750px){.vue-drawer-handle,.vue-drawer-trigger,.vue-drawer-close,.vue-drawer-overlay,.vue-drawer-expand{display:none!important}}.vue-section{margin-bottom:var(--padding-3xl);padding-bottom:var(--padding-xl);width:100%;max-width:100%;background:var(--color-background);border-radius:var(--style-border-radius-sm);padding:var(--padding-lg);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));box-shadow:0 2px 10px rgb(var(--color-shadow-rgb) / var(--opacity-10))}.vue-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:var(--padding-lg)}.vue-section-title{font-size:1rem;margin-bottom:var(--padding-md);color:#164a95}.vue-section-title .vue-selected-value{color:#009cde;font-weight:400}#add-to-cart-form{width:100%;max-width:100%}.vue-photo-section,.vue-photo-upload{text-align:center}.vue-photo-upload button{margin:auto}.vue-photo-controls{margin-top:var(--padding-xl);text-align:center}.vue-section-subtitle{font-size:var(--font-size--body-md);font-weight:var(--font-weight-medium);margin-bottom:var(--padding-lg);color:rgb(var(--color-foreground))}.vue-zoom-controls{display:flex;gap:var(--padding-md);justify-content:center;margin-bottom:var(--padding-xl)}.vue-control-btn{display:flex;align-items:center;gap:var(--padding-xs);min-width:120px;justify-content:center}.vue-control-icon{font-size:var(--font-size--body-md)}.vue-position-controls{margin-bottom:var(--padding-xl)}.vue-position-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:var(--padding-xs);max-width:200px;margin:0 auto}.vue-position-cell{display:flex;align-items:center;justify-content:center;min-height:50px}.vue-arrow-btn{width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.vue-center-cell{background:rgb(var(--color-foreground-rgb) / var(--opacity-5));border-radius:var(--style-border-radius-md);border:2px dashed rgb(var(--color-foreground-rgb) / var(--opacity-20))}.vue-position-indicator{font-size:var(--font-size--body-lg);opacity:.6}.vue-photo-help{font-style:italic;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));font-size:var(--font-size--body-sm)}.vue-text-inputs{width:100%}.vue-text-inputs .field{margin-bottom:var(--padding-lg);width:100%}.vue-text-inputs .__input-wrapper{position:relative;width:100%}.vue-text-inputs .field__input{background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;padding:12px 16px;font-size:1rem;width:100%;height:auto;min-height:48px;transition:background-color .2s ease,border-color .2s ease}.vue-text-inputs .field__input:focus{border-color:#164a95;box-shadow:0 0 0 1px #164a95;outline:none}.vue-text-inputs .field__input:disabled{background-color:#f5f5f5;border-color:#e5e5e5;color:#999;cursor:not-allowed;opacity:.7}.vue-text-inputs .field__input::placeholder{color:#999;opacity:1}.vue-text-inputs .field__input::-webkit-input-placeholder{color:#999;opacity:1}.vue-text-inputs .field__input::-moz-placeholder{color:#999;opacity:1}.vue-text-inputs .field__input:-ms-input-placeholder{color:#999;opacity:1}.vue-text-inputs .field__label{color:#164a95;font-weight:600;font-size:.85rem;position:static;transform:none;margin-bottom:6px;display:block;left:0;top:0}.vue-text-inputs .__character-count{display:block;font-size:.75rem;color:#888;margin-top:4px;text-align:left}.vue-font-slider-wrapper,.vue-icon-slider-wrapper,.vue-color-slider-wrapper,.vue-orbit-icons-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--padding-md);width:100%;margin:0}.vue-font-slider,.vue-icon-slider,.vue-color-slider,.vue-orbit-slider{flex:1;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;min-width:0;width:100%}.vue-font-slider::-webkit-scrollbar,.vue-icon-slider::-webkit-scrollbar,.vue-color-slider::-webkit-scrollbar,.vue-orbit-slider::-webkit-scrollbar{display:none}.vue-font-slider-track,.vue-icon-slider-track,.vue-color-slider-track,.vue-orbit-slider-track{display:flex;gap:var(--padding-md);padding:var(--padding-xs) 0;width:max-content;margin:0 auto}.vue-slider-nav{background:transparent;border:none;color:#333;cursor:pointer;padding:var(--padding-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;border-radius:var(--style-border-radius-50);transition:background-color var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing)}.vue-slider-nav:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.vue-slider-nav:disabled{opacity:.3;cursor:not-allowed}.vue-slider-nav .svg-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.vue-slider-nav .svg-wrapper svg{width:100%;height:100%}.vue-slider-nav .svg-wrapper svg path{stroke:currentColor!important;stroke-width:var(--icon-stroke-width, 1.5)!important}.vue-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--padding-md);width:100%}.vue-option-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;padding:var(--padding-md);border:2px solid #e5e5e5;border-radius:var(--style-border-radius-md);transition:all var(--animation-speed) var(--animation-easing);background:var(--color-background)}.vue-option-item input,.vue-option-label,.vue-orbit-icon-item input,.vue-orbit-icon-label{display:none}.vue-option-item:hover{border-color:#164a95;transform:translateY(-1px)}.vue-option-item.active{border-color:#ffcd00;background-color:#fffcf0}.vue-font-item{min-width:130px;flex-shrink:0;border-radius:12px;padding:4px 12px}.vue-font-preview{font-size:1.1rem;font-weight:var(--font-weight-medium);min-height:30px;display:flex;align-items:center;justify-content:center}.vue-color-preview{display:flex;border-radius:var(--style-border-radius-sm);overflow:hidden;width:60px;height:60px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10))}.vue-color-swatch{flex:1}.vue-set-preview{width:60px;height:60px;object-fit:cover;border-radius:9px}.vue-icon-item,.vue-color-item{min-width:60px;flex-shrink:0;border-radius:12px;padding:2px}.vue-option-label{font-size:.75rem;color:#333;font-weight:600;text-transform:uppercase}.vue-orbit-icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;padding:10px;border:2px solid #e5e5e5;border-radius:12px;width:60px;height:60px;transition:all var(--animation-speed) var(--animation-easing);background:var(--color-background);flex-shrink:0}.vue-orbit-icon-item:hover{border-color:#164a95;transform:translateY(-1px)}.vue-orbit-icon-item.active{border-color:#ffcd00;background-color:#fffcf0}.vue-orbit-icon{font-size:2rem;line-height:1.1;color:rgb(var(--color-foreground));font-family:OL-ICONS!important}.vue-orbit-icon-label{font-size:.75rem;color:#333;font-weight:600;text-transform:uppercase}.vue-quantity{margin-bottom:0;width:100%;display:flex;align-items:center;justify-content:flex-start}.vue-quantity .quantity-selector{max-width:140px;width:auto}.vue-section .button.button--primary{width:100%;margin-top:var(--padding-lg);margin-bottom:var(--padding-md);min-height:54px;background-color:#6fae5a;color:#fff;border:none;border-radius:8px;font-size:1.3rem;font-weight:700;letter-spacing:.5px;transition:background-color .2s ease;text-transform:none}.vue-section .button.button--primary:hover:not(:disabled){background-color:#5c924a;box-shadow:0 4px 6px #0000001a}.vue-section .button.button--primary:disabled{background-color:#a5cda0;cursor:not-allowed;opacity:.8}.vue-confirm-wrapper{margin-bottom:var(--padding-lg);text-align:center}.vue-confirm{display:inline-flex;align-items:flex-start;justify-content:center;gap:.5rem}.vue-confirm .checkbox__label-text{font-size:.85rem;font-weight:500;color:rgb(var(--color-foreground))}.vue-confirm--disabled{opacity:.5;cursor:not-allowed}.vue-confirm--disabled .checkbox__input,.vue-confirm--disabled .checkbox__label{cursor:not-allowed}.vue-confirm-hint{display:block;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;color:rgb(var(--color-foreground));opacity:.7}.vue-non-refundable-note{margin-top:var(--padding-md);color:#888;font-size:.8rem;text-align:center}.vue-controls-section .product-title{color:#164a95}.price-container{margin-bottom:10px}.price--compare{color:#164a95;opacity:.5;margin-left:var(--padding-xs);text-decoration:line-through}.price--current{color:#164a95}.product-package-info{margin-bottom:var(--padding-lg);color:#009cde;font-size:.9rem}.engravement-badge{opacity:0;position:absolute;top:64%;left:6%;width:24.1%;height:21.1%;background-size:cover;pointer-events:none}.vue-product-gallery-wrapper{margin-top:var(--padding-xl);width:100%}.vue-product-gallery{display:flex;gap:var(--padding-md);overflow-x:auto;padding-bottom:var(--padding-md);scroll-behavior:smooth;scrollbar-width:thin;width:100%}.vue-product-gallery::-webkit-scrollbar{height:4px}.vue-product-gallery::-webkit-scrollbar-track{background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.vue-product-gallery::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground-rgb) / var(--opacity-30));border-radius:2px}.vue-gallery-item{flex-shrink:0;width:80px}.vue-product-gallery-img{width:100%;height:80px;object-fit:cover;border-radius:6px;transition:transform var(--animation-speed) var(--animation-easing);cursor:pointer;border:1px solid rgba(0,0,0,.1)}@media screen and (min-width: 750px){.vue-gallery-item{width:120px}.vue-product-gallery-img{height:120px;border-radius:8px}}.vue-product-gallery-img:hover{transform:scale(1.05)}.vue-video-wrapper{margin-top:var(--padding-xl);border-radius:var(--style-border-radius-md);overflow:hidden}.vue-video-wrapper video{width:100%;height:auto;border-radius:var(--style-border-radius-md)}.vue-pack-selector{margin-top:var(--padding-lg)}.vue-pack-options{display:flex;gap:var(--padding-md);justify-content:center}.vue-pack-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--padding-lg) var(--padding-xl);padding-top:calc(var(--padding-lg) + 8px);background:#fff;border:2px solid #e5e5e5;border-radius:var(--style-border-radius-lg);cursor:pointer;transition:all .2s ease;width:33.33%;text-align:center}.vue-pack-option:hover{border-color:#ccc}.vue-pack-option.active{border-color:#ffcd00;background-color:#fffcf0}.vue-pack-check{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#d9d9d9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.vue-pack-check svg{opacity:0}.vue-pack-option.active .vue-pack-check{background:#4caf50}.vue-pack-option.active .vue-pack-check svg{opacity:1}.vue-pack-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:var(--padding-xs)}.vue-pack-price{font-size:1rem;font-weight:600;color:#019cdf}.vue-pack-compare{font-size:.9rem;color:#dc3545;text-decoration:line-through;margin-top:2px}.vue-pack-discount{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#4caf50;margin-top:var(--padding-xs)}.vue-pack-discount svg{flex-shrink:0}@media screen and (max-width: 749px){.section-vue-customizer,.vue-customizer{position:relative}.vue-customizer-container{gap:var(--padding-xl);display:block;grid-template-columns:1fr}.vue-section-title{font-size:1rem}.vue-font-slider-track,.vue-icon-slider-track,.vue-color-slider-track,.vue-orbit-slider-track{gap:var(--padding-sm)}.vue-slider-nav{min-width:36px;min-height:36px;padding:var(--padding-xs)}.vue-canvas-wrapper{margin-bottom:var(--padding-lg)}.vue-controls-section .product-title{font-size:1.5rem}.vue-section{margin-bottom:var(--padding-xl);padding-bottom:var(--padding-lg)}.vue-pack-options{flex-wrap:wrap;gap:var(--padding-sm)}.vue-pack-option{flex:1;min-width:100px;padding:var(--padding-md) var(--padding-sm)}.vue-pack-title{font-size:.9rem}.vue-pack-price{font-size:1rem}.vue-pack-compare{font-size:.8rem}.vue-pack-discount{font-size:.75rem}.vue-drawer-trigger{position:fixed;bottom:var(--padding-lg);left:50%;transform:translate(-50%);z-index:100;background:var(--color-button);color:var(--color-button-text);border:none;border-radius:var(--style-border-radius-pill);padding:var(--padding-md) var(--padding-xl);font-size:1rem;font-weight:600;box-shadow:0 4px 16px rgba(var(--color-shadow-rgb),.3);cursor:pointer;display:flex;align-items:center;gap:var(--padding-sm);transition:transform .2s ease,box-shadow .2s ease}.vue-drawer-trigger:hover,.vue-drawer-trigger:focus{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px rgba(var(--color-shadow-rgb),.4)}.vue-drawer-trigger:active{transform:translate(-50%) scale(.98)}.vue-drawer-trigger,.vue-drawer-handle{display:none}.vue-controls-section{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:140px;overflow:hidden;z-index:9999999999;background:var(--color-background);box-shadow:0 -4px 20px #00000026;border-radius:12px 12px 0 0;transition:max-height var(--animation-speed) var(--animation-easing);will-change:max-height;padding:var(--padding-lg)}.vue-price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-md);margin-top:var(--padding-sm)}.vue-drawer-expand{flex-shrink:0;padding:var(--padding-md) var(--padding-3xl)}.vue-controls-section .vue-controls-sticky>*:not(.product-title):not(.vue-price-row){display:none}body.vue-drawer-open{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none}body:has(.drawer-active){overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none}.drawer-active .vue-canvas-sticky{display:flex;flex-direction:column;align-items:center;justify-content:center;height:35vh;height:42vh;min-height:120px;padding-top:var(--header-height);padding-top:0}.drawer-active .vue-canvas-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.drawer-active .vue-canvas-wrapper .vue-canvas{max-height:100%;max-width:100%;object-fit:contain}.drawer-active .vue-product-gallery-wrapper,.drawer-active .vue-video-wrapper,.drawer-active .vue-canvas-placeholder{display:none}.drawer-active .vue-controls-section{position:fixed;bottom:0;left:0;right:0;top:calc(var(--header-height, 80px) + 30vh);height:auto;background:#fdf5e6;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 20px rgba(var(--color-shadow-rgb),.2);border-top:5px solid #fdf5e6;z-index:9999999999;max-height:none;display:flex;flex-direction:column;transition:transform var(--animation-speed) var(--animation-easing);will-change:transform;isolation:isolate;padding:0;overflow:hidden;box-shadow:0 -10px 30px #00000040}.drawer-active.vue-customizer-wrapper .vue-controls-section .vue-controls-sticky>*{display:block}.drawer-active.vue-customizer-wrapper .vue-controls-section .vue-controls-sticky>.vue-price-row{display:flex}.drawer-active.vue-customizer-wrapper .vue-controls-section #customizer-app,.drawer-active.vue-customizer-wrapper .vue-controls-section form{display:block}.drawer-active .vue-drawer-expand{display:none}.vue-drawer-close{position:absolute;top:var(--padding-sm);right:var(--padding-md);width:40px;height:40px;border:none;background:#fff;top:4px;right:6px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;color:rgb(var(--color-foreground-rgb) / var(--opacity-60));font-size:1.5rem;border-radius:50%;transition:background .2s ease,color .2s ease;border:.5px solid #999}.vue-drawer-close:hover,.vue-drawer-close:focus{background:rgb(var(--color-foreground-rgb) / var(--opacity-10));color:rgb(var(--color-foreground-rgb))}.drawer-active .vue-drawer-close{display:flex}.drawer-active .vue-controls-sticky{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding:var(--padding-lg);min-height:0;background:#fffaf2}.drawer-active .vue-controls-sticky h1{padding-right:50px}.drawer-active.vue-customizer-wrapper{min-height:100vh;padding-bottom:60vh}.vue-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0;transition:opacity var(--animation-speed) ease}.drawer-active .vue-drawer-overlay{display:block;opacity:1}}.vue-slider-nav:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.vue-option-item:focus-within,.vue-orbit-icon-item:focus-within{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.input-wrapper{position:relative}.input-wrapper .error-message{color:rgb(var(--color-base-accent-2));position:absolute;right:0;font-size:var(--font-size--body-xs);bottom:5px}.vue-oos-section{margin-top:var(--padding-lg);margin-bottom:var(--padding-lg)}.vue-oos-banner{text-align:center;color:#4caf50}.vue-oos-title{margin:0 0 var(--padding-md) 0;color:#164a95;font-size:var(--font-h4--size)}.vue-oos-message{font-size:1rem;margin:0 0 var(--padding-lg) 0;border:2px dashed #4caf50;line-height:1.1;padding:.5rem;border-radius:12px;color:#4caf50}.vue-oos-message strong{font-weight:700;font-size:1.1em}.vue-oos-form-container{margin-top:var(--padding-xl);padding:var(--padding-lg);background:var(--color-background);border-radius:var(--style-border-radius-md);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10))}
/*# sourceMappingURL=/cdn/shop/t/104/assets/vue-customizer.css.map */