.oldstar-tryon-btn{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;width:100%;justify-content:center;padding:3rem 2rem;font-family:DM Sans,sans-serif;font-size:1.4rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer;border:none;background:#50c878!important;color:#fff!important;transition:all .25s}.oldstar-tryon-btn:hover{background:#3daf62!important;box-shadow:0 4px 24px #50c87873}.mode-om .oldstar-tryon-btn,body.template-product.mode-om .oldstar-tryon-btn{background:#50c878;color:#fff;border:none}.mode-om .oldstar-tryon-btn:hover{background:#3daf62;box-shadow:0 4px 20px #50c87866}.mode-sb .oldstar-tryon-btn,body.template-product.mode-sb .oldstar-tryon-btn{background:#50c878;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.2em}.mode-sb .oldstar-tryon-btn:hover{background:#3daf62;box-shadow:0 4px 20px #50c87866}.oldstar-tryon-btn svg{width:22px;height:22px;flex-shrink:0}#tryon-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}#tryon-modal.open{opacity:1;visibility:visible}#tryon-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040a06e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#tryon-panel{position:relative;z-index:1;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;padding:2.5rem;transition:background .3s,border .3s}#tryon-panel.panel-om{background:#fff;border:1px solid rgba(14,92,48,.15)}#tryon-panel.panel-sb{background:#0c0c0c;border:1px solid rgba(255,255,255,.06)}#tryon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}#tryon-eyebrow{font-family:DM Sans,sans-serif;font-size:.55rem;letter-spacing:.45em;text-transform:uppercase;margin-bottom:.4rem}.panel-om #tryon-eyebrow{color:#0e5c3066}.panel-sb #tryon-eyebrow{color:#0e5c3099}#tryon-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:400;line-height:1.1}.panel-om #tryon-title{font-family:Playfair Display,serif;color:#0a3d1f}.panel-om #tryon-title i{font-style:italic;color:#1a6b3a}.panel-sb #tryon-title{font-family:Bebas Neue,sans-serif;color:#fff;letter-spacing:.08em}.panel-sb #tryon-title span{color:#0e5c30}#tryon-close{background:none;border:none;cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s;opacity:.4;flex-shrink:0}#tryon-close:hover{opacity:1}.panel-om #tryon-close svg{stroke:#0a3d1f}.panel-sb #tryon-close svg{stroke:#fff}#tryon-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.8rem}.tryon-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;aspect-ratio:3/4;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.panel-om .tryon-upload-zone{background:#f8f4ed;border:1px dashed rgba(14,92,48,.2)}.panel-om .tryon-upload-zone:hover{border-color:#0e5c30;background:#f2ede4}.panel-sb .tryon-upload-zone{background:#111;border:1px dashed rgba(255,255,255,.08)}.panel-sb .tryon-upload-zone:hover{border-color:#0e5c3066;background:#141414}.tryon-upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.tryon-upload-icon svg{width:28px;height:28px;fill:none;stroke-width:1.5}.panel-om .tryon-upload-icon svg{stroke:#0e5c3080}.panel-sb .tryon-upload-icon svg{stroke:#fff3}.tryon-upload-label{text-align:center}.tryon-upload-label strong{display:block;font-weight:600;margin-bottom:.2rem}.panel-om .tryon-upload-label strong{font-family:Cormorant Garamond,serif;font-size:1.8rem;color:#0a3d1f}.panel-sb .tryon-upload-label strong{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.08em;color:#fff}.tryon-upload-label span{font-family:DM Sans,sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.panel-om .tryon-upload-label span{color:#0e5c30b3;font-size:.95rem}.panel-sb .tryon-upload-label span{color:#ffffff73}.tryon-upload-zone.has-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tryon-upload-zone.has-image .tryon-upload-icon,.tryon-upload-zone.has-image .tryon-upload-label{display:none}#tryon-generate{width:100%;padding:1rem;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:1.5rem}.panel-om #tryon-generate{background:#0e5c30;color:#fff;font-size:1rem;padding:1.3rem}.panel-om #tryon-generate:hover{background:#0a3d1f}.panel-sb #tryon-generate{background:#0e5c30;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.2em}.panel-sb #tryon-generate:hover{background:#0a3d1f;box-shadow:0 0 30px #0e5c3059}#tryon-generate:disabled{opacity:.35;cursor:not-allowed}#tryon-loading{display:none;flex-direction:column;align-items:center;gap:1.2rem;padding:3rem 0}#tryon-loading.visible{display:flex}.tryon-spinner{width:36px;height:36px;border-radius:50%;border:1px solid transparent;animation:tryonSpin .8s linear infinite}.panel-om .tryon-spinner{border-top-color:#0e5c30;border-right-color:#0e5c3033}.panel-sb .tryon-spinner{border-top-color:#0e5c30;border-right-color:#0e5c3026}@keyframes tryonSpin{to{transform:rotate(360deg)}}.tryon-loading-text{font-family:DM Sans,sans-serif;font-size:.6rem;letter-spacing:.35em;text-transform:uppercase}.panel-om .tryon-loading-text{color:#0e5c3066}.panel-sb .tryon-loading-text{color:#ffffff40}#tryon-result{display:none}#tryon-result.visible{display:block}#tryon-result-label{font-family:DM Sans,sans-serif;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;margin-bottom:1rem}.panel-om #tryon-result-label{color:#0e5c3059}.panel-sb #tryon-result-label{color:#fff3}#tryon-result-img{width:100%;max-width:360px;display:block;margin:0 auto 1.5rem}#tryon-result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tryon-result-btn{padding:.75rem 2rem;font-family:DM Sans,sans-serif;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border:none;transition:all .22s;text-decoration:none;display:inline-block}.panel-om .tryon-result-btn.primary{background:#0e5c30;color:#fff}.panel-om .tryon-result-btn.secondary{background:transparent;border:1px solid rgba(14,92,48,.25);color:#0e5c30}.panel-sb .tryon-result-btn.primary{background:#0e5c30;color:#fff;font-family:Bebas Neue,sans-serif;font-size:.9rem}.panel-sb .tryon-result-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80}#tryon-error{display:none;padding:1rem 1.2rem;margin-bottom:1rem;font-family:DM Sans,sans-serif;font-size:.62rem;letter-spacing:.1em}#tryon-error.visible{display:block}.panel-om #tryon-error{background:#fff5f5;border:1px solid rgba(204,31,31,.15);color:#cc1f1f}.panel-sb #tryon-error{background:#cc1f1f14;border:1px solid rgba(204,31,31,.2);color:#e02020}.tryon-rule{width:100%;height:1px;margin:1.5rem 0}.panel-om .tryon-rule{background:#0e5c3014}.panel-sb .tryon-rule{background:#ffffff0a}.tryon-hint{font-family:DM Sans,sans-serif;font-size:.58rem;letter-spacing:.1em;text-align:center;line-height:1.7}.panel-om .tryon-hint{color:#0e5c30b3;font-size:1.2rem}.panel-sb .tryon-hint{color:#ffffff26}@media(max-width:600px){#tryon-panel{padding:1.5rem}#tryon-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tryon.css.map */