@import"ht-colours.css";.ht-wizard-modal{display:none!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.ht-wizard-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}.ht-wizard-modal.is-active{display:flex!important;align-items:center;justify-content:center}.ht-wizard-modal.is-active:not(:has(.ht-wizard-modal-container)) .ht-wizard-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:calc(100% - 40px);max-height:calc(100vh - 40px);overflow-y:auto}.ht-wizard-modal.is-active:has(.ht-wizard-modal-container) .ht-wizard-modal-content{position:relative;top:auto;left:auto;transform:none;max-width:600px;width:90%;margin:0 auto}.ht-wizard-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#ht-artwork-modal.ht-wizard-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:10000!important}#ht-artwork-modal:has(.ht-wizard-modal-container){display:flex;align-items:center;justify-content:center}#ht-artwork-modal:has(.ht-wizard-modal-container) .ht-wizard-modal-content{position:relative!important;top:auto!important;left:auto!important;transform:none!important;max-width:600px;width:90%;margin:0 auto}#ht-artwork-modal:not(:has(.ht-wizard-modal-container)){display:block}#ht-artwork-modal:not(:has(.ht-wizard-modal-container)) .ht-wizard-modal-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:600px;width:calc(100% - 40px);max-height:calc(100vh - 40px);overflow-y:auto;margin:0}.ht-wizard-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}.ht-wizard-modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;pointer-events:all}.ht-wizard-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb;position:relative;background:linear-gradient(to bottom,#fff,#fafafa)}.ht-wizard-modal-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#111827}.ht-wizard-modal-header p{margin:0;color:#6b7280;font-size:.95rem}.ht-wizard-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#fff;border:1px solid #e5e7eb;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .2s ease}.ht-wizard-modal-close:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.ht-wizard-modal-body{padding:2rem}.ht-artwork-view{transition:opacity .3s ease}.ht-artwork-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;position:relative;overflow:hidden}.ht-artwork-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05));transform:translate(-100%);transition:transform .3s ease}.ht-artwork-option:hover:before{transform:translate(0)}.ht-artwork-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f626}.ht-artwork-option-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.ht-artwork-option-content{flex:1;position:relative;z-index:1}.ht-artwork-option-content h4{font-weight:600;margin:0 0 .5rem;font-size:1.125rem;color:#111827}.ht-artwork-option-content p{margin:0 0 .5rem;color:#6b7280;line-height:1.5;font-size:.95rem}.ht-artwork-option-benefits{font-size:.875rem;color:#059669;font-weight:500}.ht-artwork-option-price{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;display:inline-block;margin:.5rem 0;box-shadow:0 1px 2px #0000000d}.ht-artwork-option-arrow{font-size:1.25rem;color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.ht-artwork-option:hover .ht-artwork-option-arrow{transform:translate(4px);color:#3b82f6}.ht-artwork-upload-header{margin-bottom:2rem}.ht-artwork-upload-header h3{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.ht-artwork-upload-header p{color:#6b7280;font-size:.95rem}.ht-artwork-back-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.ht-artwork-back-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translate(-2px)}.ht-artwork-upload-container{min-height:200px;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;background:#f9fafb;margin-bottom:2rem;position:relative}.ht-artwork-upload-footer{text-align:right}.ht-artwork-continue-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;padding:.875rem 2rem;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #3b82f640}.ht-artwork-continue-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ht-artwork-continue-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 12px #3b82f659}.ht-artwork-confirmation-content{text-align:center;padding:2rem 0}.ht-artwork-confirmation-icon{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem;box-shadow:0 8px 16px #10b98140}.ht-artwork-confirmation-content h3{margin:0 0 .75rem;font-size:1.5rem;color:#111827}.ht-artwork-confirmation-content p{color:#6b7280;margin:0 0 1.5rem}.ht-artwork-confirmation-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin:1.5rem 0;text-align:left}.ht-artwork-confirmation-detail{margin-bottom:1rem;line-height:1.5;color:#374151}.ht-artwork-confirmation-detail:last-child{margin-bottom:0}.ht-artwork-confirmation-detail strong{color:#111827;font-weight:600}.ht-artwork-confirmation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.ht-artwork-change-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.ht-artwork-change-btn:hover{background:#f3f4f6;border-color:#9ca3af}.ht-artwork-proceed-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 4px 6px #10b98140}.ht-artwork-proceed-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #10b98159}@media (max-width: 640px){.ht-wizard-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000b3}.ht-artwork-option:before{display:none}}@media (prefers-reduced-motion: reduce){.ht-wizard-modal-content,.ht-artwork-view,.ht-artwork-option,.ht-artwork-option-arrow,.ht-artwork-back-btn,.ht-artwork-continue-btn,.ht-artwork-proceed-btn,.ht-wizard-modal-close{transition:none!important;animation:none!important}.ht-artwork-option:hover{transform:none!important}}@supports (padding: env(safe-area-inset-top)){.ht-wizard-modal-container{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (max-width: 375px){.ht-wizard-modal-header{padding:1.25rem 1rem .75rem}.ht-wizard-modal-body{padding:1rem}.ht-wizard-modal-header h3{font-size:clamp(1.125rem,4vw,1.25rem);margin-bottom:.375rem}.ht-wizard-modal-header p{font-size:clamp(.875rem,3.5vw,.95rem)}.ht-artwork-option{padding:.875rem .75rem;gap:.75rem;margin-bottom:.75rem}.ht-artwork-option-icon{width:40px;height:40px}.ht-artwork-option-content h4{font-size:clamp(1rem,4vw,1.125rem);margin-bottom:.375rem}.ht-artwork-option-content p{font-size:clamp(.875rem,3.5vw,.95rem);line-height:1.4}.ht-artwork-option-benefits{font-size:.8125rem}.ht-artwork-option-price{font-size:.8125rem;padding:.3125rem .625rem}.ht-artwork-upload-container{padding:1.25rem .75rem;min-height:180px}.ht-artwork-upload-header h3{font-size:clamp(1.125rem,4vw,1.25rem)}.ht-artwork-back-btn,.ht-artwork-continue-btn,.ht-artwork-change-btn,.ht-artwork-proceed-btn{padding:.75rem 1.25rem;min-height:44px;font-size:.9375rem}.ht-wizard-modal-close{width:44px;height:44px;top:1rem;right:1rem;font-size:1.125rem}.ht-artwork-confirmation-icon{width:64px;height:64px;font-size:1.75rem;margin-bottom:1.25rem}.ht-artwork-confirmation-content h3{font-size:clamp(1.25rem,5vw,1.5rem);margin-bottom:.5rem}.ht-artwork-confirmation-content p{font-size:clamp(.875rem,3.5vw,.95rem)}.ht-artwork-confirmation-details{padding:1.25rem 1rem;margin:1.25rem 0}.ht-artwork-confirmation-detail{font-size:.9375rem;margin-bottom:.75rem}.ht-artwork-confirmation-actions{gap:.75rem;margin-top:1.5rem}}@media (min-width: 376px) and (max-width: 640px){.ht-wizard-modal-container{padding:15px}.ht-wizard-modal-content{max-height:calc(100vh - 30px);border-radius:10px}.ht-wizard-modal-header{padding:1.5rem 1.25rem .875rem}.ht-wizard-modal-header h3{font-size:clamp(1.25rem,4vw,1.375rem)}.ht-wizard-modal-header p{font-size:clamp(.9375rem,3.5vw,1rem)}.ht-wizard-modal-body{padding:1.25rem}.ht-wizard-modal-close{width:44px;height:44px;top:1.25rem;right:1.25rem}.ht-artwork-option{padding:1rem;gap:.875rem;flex-direction:row;text-align:left}.ht-artwork-option-icon{width:44px;height:44px}.ht-artwork-option-content h4{font-size:clamp(1.0625rem,4vw,1.125rem)}.ht-artwork-option-content p{font-size:clamp(.9375rem,3.5vw,1rem)}.ht-artwork-option-arrow{display:flex}.ht-artwork-upload-container{padding:1.5rem 1rem}.ht-artwork-back-btn,.ht-artwork-continue-btn,.ht-artwork-change-btn,.ht-artwork-proceed-btn{padding:.8125rem 1.5rem;min-height:44px;font-size:1rem}.ht-artwork-confirmation-actions{flex-direction:column;gap:.875rem}.ht-artwork-confirmation-actions button{width:100%}}@media (max-width: 374px){.ht-artwork-option-arrow{display:none}.ht-artwork-option{flex-direction:column;text-align:center;padding:.75rem}.ht-wizard-modal-content{max-height:calc(100vh - 20px)}.ht-wizard-modal-header{padding:1rem .75rem .625rem}.ht-wizard-modal-body{padding:.875rem}}@media (max-width: 640px) and (orientation: landscape){.ht-wizard-modal-content{max-height:calc(100vh - 20px);max-width:90vw}.ht-wizard-modal-header{padding:1rem 1.25rem .75rem}.ht-wizard-modal-body{padding:1rem 1.25rem 1.25rem}.ht-artwork-option{padding:.75rem 1rem;margin-bottom:.75rem}.ht-artwork-confirmation-content{padding:1rem 0}.ht-artwork-confirmation-icon{width:56px;height:56px;font-size:1.5rem;margin-bottom:.875rem}.ht-artwork-confirmation-actions{margin-top:1.25rem;flex-direction:row;flex-wrap:wrap}.ht-artwork-confirmation-actions button{flex:1 1 auto;min-width:140px}}@media (hover: none) and (pointer: coarse){.ht-artwork-option:hover{transform:none;border-color:var(--neutral-border, #e5e7eb);box-shadow:none}.ht-artwork-option:hover .ht-artwork-option-arrow{transform:none;color:var(--neutral-text-light, #9ca3af)}.ht-wizard-modal-close:hover{background:#fff;border-color:var(--neutral-border, #e5e7eb)}.ht-artwork-option:active{background:var(--neutral-bg-light, #f9fafb);border-color:var(--brand-focus, #3b82f6)}.ht-wizard-modal-close:active{background:var(--neutral-bg-light, #f3f4f6)}.ht-artwork-continue-btn:active:not(:disabled),.ht-artwork-proceed-btn:active,.ht-artwork-back-btn:active,.ht-artwork-change-btn:active{transform:scale(.98);opacity:.9}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.ht-artwork-option{border-width:1px}.ht-wizard-modal-content{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ht-artwork-selector.css.map */