.dyo-product{display:grid;grid-template-columns:1fr 1fr;gap:4rem 5rem;align-items:start;padding-top:4rem;padding-bottom:6rem}@media screen and (max-width:989px){.dyo-product{grid-template-columns:1fr;gap:3rem}}.dyo-product__canvas-col{position:sticky;top:calc(var(--header-height, 80px) + 2rem);display:flex;flex-direction:column;gap:1.6rem}@media screen and (max-width:989px){.dyo-product__canvas-col{position:static}}.dyo-canvas-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background:#0b0b0b;overflow:hidden}#dyo-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default}.dyo-upload-area{width:100%}.dyo-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:2.4rem 2rem;background:#ede8df08;border:1.5px dashed rgba(201,168,76,.45);color:rgb(var(--color-foreground));font-family:var(--font-body-family);cursor:pointer;transition:background .2s ease,border-color .2s ease;text-align:center}.dyo-upload-btn:hover:not(:disabled){background:#c9a84c0f;border-color:#c9a84cbf}.dyo-upload-btn:disabled{cursor:wait;opacity:.6}.dyo-upload-btn[data-state=done]{border-style:solid;border-color:#c9a84c4d;background:#c9a84c0a}.dyo-upload-btn[data-state=error]{border-color:#e0707080;background:#e070700a}.dyo-upload-btn__icon{display:flex;align-items:center;justify-content:center;color:#c9a84c}.dyo-upload-btn[data-state=error] .dyo-upload-btn__icon{color:#e07070}.dyo-upload-btn__label{font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.dyo-upload-btn__hint{font-size:1.05rem;opacity:.38;letter-spacing:.04em}.dyo-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(201,168,76,.25);border-top-color:#c9a84c;border-radius:50%;animation:dyo-spin .7s linear infinite}@keyframes dyo-spin{to{transform:rotate(360deg)}}.dyo-instructions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.dyo-instructions li{font-size:1.1rem;opacity:.45;letter-spacing:.03em;padding-left:1.2rem;position:relative}.dyo-instructions li:before{content:"\2014";position:absolute;left:0;opacity:.5}.dyo-product__info-col{display:flex;flex-direction:column;gap:2rem}.dyo-product__vendor{opacity:.45;letter-spacing:.12em;text-transform:uppercase;font-size:1.1rem;margin:0}.dyo-product__title{font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:-.02em;font-weight:400;margin:0;line-height:1.1}.dyo-product__price{display:flex;align-items:baseline;gap:1rem}.dyo-price{font-size:2rem;letter-spacing:.02em;font-weight:400;color:rgb(var(--color-foreground))}.dyo-price--compare{font-size:1.5rem;opacity:.4;text-decoration:line-through}.dyo-product__description{font-size:1.4rem;line-height:1.7;opacity:.7}.dyo-product-form{display:flex;flex-direction:column;gap:2.4rem}.dyo-option-group{display:flex;flex-direction:column;gap:.8rem}.dyo-option-label{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.dyo-option-values{display:flex;flex-wrap:wrap;gap:.6rem}.dyo-option-btn{display:inline-block;padding:.6rem 1.6rem;border:1px solid rgba(237,232,223,.2);font-size:1.3rem;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,background .15s ease;background:transparent}.dyo-option-btn:hover{border-color:#ede8df80}.dyo-option-radio:checked+.dyo-option-btn{border-color:#c9a84c;color:#c9a84c}.dyo-quantity{display:flex;align-items:center;border:1px solid rgba(237,232,223,.2);width:fit-content}.dyo-qty-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:transparent;border:none;cursor:pointer;font-size:1.8rem;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .15s;line-height:1}.dyo-qty-btn:hover{opacity:1}.dyo-qty-input{width:5rem;height:4rem;text-align:center;background:transparent;border:none;border-left:1px solid rgba(237,232,223,.2);border-right:1px solid rgba(237,232,223,.2);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;-moz-appearance:textfield}.dyo-qty-input::-webkit-outer-spin-button,.dyo-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.dyo-submit-area{display:flex;flex-direction:column;gap:.8rem}.dyo-submit-btn{width:100%;padding:1.4rem 2.4rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s ease,transform .15s ease;cursor:pointer}.dyo-submit-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.dyo-submit-btn:disabled,.dyo-submit-btn[aria-disabled=true]{opacity:.35;cursor:not-allowed}.dyo-submit-note{font-size:1.1rem;opacity:.4;letter-spacing:.04em;text-align:center;margin:0}.dyo-confirm-area{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;border:1px solid rgba(201,168,76,.2);background:#c9a84c08}.dyo-confirm-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1.2rem 2rem;background:#c9a84c;color:#0b0b0b;border:none;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.dyo-confirm-btn:hover{opacity:.88;transform:translateY(-1px)}.dyo-confirm-btn[data-state=confirmed]{background:#c9a84c26;color:#c9a84c;cursor:default;transform:none}.dyo-reposition-btn{display:inline-block;background:none;border:none;padding:0;font-family:var(--font-body-family);font-size:1.1rem;color:rgb(var(--color-foreground));opacity:.5;cursor:pointer;letter-spacing:.03em;text-align:left;transition:opacity .15s ease}.dyo-reposition-btn:hover{opacity:.9}.dyo-error-msg{font-size:1.2rem;color:#e07070;letter-spacing:.02em;padding:1rem 1.2rem;border:1px solid rgba(224,112,112,.3);background:#e070700f}.dyo-custom-text-area{display:flex;flex-direction:column;gap:.9rem;padding:1.6rem;border:1px solid rgba(237,232,223,.12);background:#ede8df05}.dyo-custom-text-area .dyo-option-label{display:flex;align-items:center;justify-content:space-between}.dyo-text-fee-badge{font-size:1.1rem;color:#c9a84c;letter-spacing:.06em;font-weight:500;min-width:5rem;text-align:right;transition:opacity .2s ease}.dyo-custom-text-field{position:relative}.dyo-custom-text-input{width:100%;padding:1.1rem 4.5rem 1.1rem 1.2rem;background:#ede8df0a;border:1px solid rgba(237,232,223,.2);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;outline:none;transition:border-color .15s ease}.dyo-custom-text-input:focus{border-color:#c9a84c80}.dyo-custom-text-input::placeholder{opacity:.3;font-size:1.3rem}.dyo-text-char-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.3;letter-spacing:.04em;pointer-events:none}.dyo-custom-text-hint{font-size:1.05rem;opacity:.35;letter-spacing:.03em;margin:0}.dyo-placement-note{font-size:1.1rem;opacity:.45;letter-spacing:.03em;margin:.8rem 0 0;font-style:italic;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/27/assets/product-customizer.css.map */