@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--av-gold: #c9a96e;--av-gold-light: #e8d5b0;--av-gold-dim: rgba(201,169,110,.18);--av-gold-glow: rgba(201,169,110,.08);--av-gold-hover: rgba(201,169,110,.5);--av-dark: #0e0e0f;--av-surface: #161618;--av-card: #1c1c1f;--av-card-raised: #212124;--av-border: rgba(201,169,110,.15);--av-border-hover: rgba(201,169,110,.45);--av-text: #f0ece4;--av-muted: #8a8578;--av-muted-light: #a09890;--av-success: #6fcf97;--av-error: #eb5757;--av-radius: 14px;--av-radius-sm: 8px;--av-ease: cubic-bezier(.4, 0, .2, 1);--av-spring: cubic-bezier(.16, 1, .3, 1);--av-transition: .3s var(--av-ease)}.avatar-product *,.avatar-product *:before,.avatar-product *:after{box-sizing:border-box;margin:0;padding:0}.avatar-product{font-family:DM Sans,sans-serif;color:var(--av-text);background:var(--av-dark);min-height:100vh;position:relative}.avatar-product:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 75% 15%,rgba(201,169,110,.07) 0%,transparent 65%),radial-gradient(ellipse 40% 55% at 15% 85%,rgba(201,169,110,.04) 0%,transparent 55%);pointer-events:none;z-index:0}.avatar-product__layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1160px;margin:0 auto;padding:60px 40px;position:relative;z-index:1}@media(max-width:860px){.avatar-product__layout{grid-template-columns:1fr;gap:28px;padding:24px 16px}}.avatar-product__gallery{position:sticky;top:40px;align-self:start}@media(max-width:860px){.avatar-product__gallery{position:static;top:auto}}.avatar-product__main-image{border-radius:20px;overflow:hidden;background:var(--av-card);border:1px solid var(--av-border);box-shadow:0 0 0 1px #c9a96e0d,0 40px 80px #0000008c;animation:galleryReveal .9s var(--av-spring) both}@media(max-width:860px){.avatar-product__main-image{max-height:280px;border-radius:14px}.avatar-product__main-image img{aspect-ratio:16/9;object-position:center top}}@keyframes galleryReveal{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-product__main-image img{width:100%;display:block;aspect-ratio:1;object-fit:cover;transition:transform .7s ease}.avatar-product__main-image:hover img{transform:scale(1.035)}.avatar-product__info{animation:infoReveal .9s .12s var(--av-spring) both}@keyframes infoReveal{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:860px){.avatar-product__info{animation:none}}.avatar-product__title{font-family:Cormorant Garamond,serif;font-size:clamp(30px,3.8vw,46px);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px;background:linear-gradient(135deg,#f0ece4,#e8d5b0 60%,#c9a96e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-product__price{font-size:22px;font-weight:500;color:var(--av-gold);margin-bottom:20px;letter-spacing:.02em}.avatar-product__description{font-size:13.5px;color:var(--av-muted);line-height:1.75;margin-bottom:32px;padding-left:14px;border-left:1px solid var(--av-border)}.avatar-product__form:before{content:"";display:block;height:1px;background:linear-gradient(90deg,var(--av-gold-hover),transparent);margin-bottom:28px}.avatar-field{margin-bottom:26px;animation:fieldReveal .5s var(--av-spring) both}.avatar-field:nth-child(2){animation-delay:.08s}.avatar-field:nth-child(3){animation-delay:.16s}@keyframes fieldReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar-field__label{display:flex;align-items:center;gap:10px;margin-bottom:8px}.avatar-field__label-text{font-size:10.5px;font-weight:600;color:var(--av-muted-light);text-transform:uppercase;letter-spacing:.13em}.avatar-field__required{font-size:10px;background:#c9a96e1a;color:var(--av-gold);padding:2px 9px;border-radius:20px;font-weight:500;border:1px solid rgba(201,169,110,.2)}.avatar-field__hint-text{font-size:12px;color:var(--av-muted);margin-bottom:12px;line-height:1.5}.avatar-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:860px){.avatar-slots{grid-template-columns:repeat(2,1fr);gap:10px}}.avatar-slot__zone{aspect-ratio:1;border:1px solid var(--av-border);border-radius:var(--av-radius);background:var(--av-card);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all var(--av-transition)}.avatar-slot__zone:before,.avatar-slot__zone:after{content:"";position:absolute;width:14px;height:14px;opacity:.25;transition:all var(--av-transition)}.avatar-slot__zone:before{top:8px;left:8px;border-top:1px solid var(--av-gold);border-left:1px solid var(--av-gold);border-radius:3px 0 0}.avatar-slot__zone:after{bottom:8px;right:8px;border-bottom:1px solid var(--av-gold);border-right:1px solid var(--av-gold);border-radius:0 0 3px}.avatar-slot__zone:hover{border-color:var(--av-border-hover);background:var(--av-card-raised);box-shadow:0 8px 32px #0006,0 0 0 1px #c9a96e14;transform:translateY(-3px)}.avatar-slot__zone:hover:before,.avatar-slot__zone:hover:after{opacity:1;width:20px;height:20px}#slot-0 .avatar-slot__zone{border-color:#c9a96e38}.avatar-slot__idle{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:8px}.avatar-slot__icon{font-size:22px;line-height:1;color:var(--av-muted);transition:transform .3s var(--av-spring)}.avatar-slot__zone:hover .avatar-slot__icon{transform:scale(1.2);color:var(--av-gold)}.avatar-slot__label{font-size:10px;font-weight:600;color:var(--av-muted);text-transform:uppercase;letter-spacing:.1em}.avatar-slot__hint{font-size:9px;color:#8a857880;letter-spacing:.06em}.avatar-slot__loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-slot__preview{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.avatar-slot__preview img{width:100%;height:100%;object-fit:cover;display:block;animation:previewPop .4s var(--av-spring)}@keyframes previewPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.avatar-slot__remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#eb5757e6;color:#fff;border:1.5px solid var(--av-dark);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s var(--av-spring),opacity .2s;opacity:.85}.avatar-slot__remove:hover{opacity:1;transform:scale(1.2) rotate(90deg)}.avatar-slot__check{position:absolute;bottom:6px;left:6px;font-size:10px;background:#6fcf97e6;color:#0e0e0f;border-radius:20px;padding:2px 7px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-spinner{width:28px;height:28px;border:2px solid rgba(201,169,110,.12);border-top-color:var(--av-gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-field__error{margin-top:7px;font-size:12px;color:var(--av-error);animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.avatar-field__textarea{width:100%;padding:15px 17px;border:1px solid var(--av-border);border-radius:var(--av-radius);font-size:13.5px;line-height:1.65;resize:vertical;min-height:130px;transition:all var(--av-transition);font-family:DM Sans,sans-serif;color:var(--av-text);background:var(--av-card);box-sizing:border-box}.avatar-field__textarea::placeholder{color:var(--av-muted);font-style:italic;font-size:13px}.avatar-field__textarea:focus{outline:none;border-color:var(--av-border-hover);background:var(--av-card-raised);box-shadow:0 0 0 3px #c9a96e0f}.avatar-field__meta{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.avatar-field__char-count{font-size:11px;color:var(--av-muted);font-variant-numeric:tabular-nums;transition:color .3s}.avatar-field__char-count--warn{color:#f59e0b}.avatar-field__hint{font-size:11px;color:var(--av-muted);font-style:italic}.avatar-how-it-works{background:linear-gradient(135deg,#c9a96e0d,#c9a96e05);border:1px solid var(--av-border);border-radius:var(--av-radius);padding:18px 22px;margin-bottom:26px;position:relative;overflow:hidden}.avatar-how-it-works:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,var(--av-gold),transparent)}.avatar-how-it-works h4{font-size:10px;font-weight:600;color:var(--av-gold);margin-bottom:12px;text-transform:uppercase;letter-spacing:.15em}.avatar-how-it-works ol{list-style:none;counter-reset:steps}.avatar-how-it-works li{font-size:12.5px;color:var(--av-muted);line-height:1.6;padding:4px 0 4px 26px;position:relative;counter-increment:steps;transition:color .2s}.avatar-how-it-works li:before{content:counter(steps);position:absolute;left:0;top:5px;width:17px;height:17px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.18);border-radius:50%;font-size:9.5px;font-weight:600;color:var(--av-gold);display:flex;align-items:center;justify-content:center}.avatar-how-it-works li:hover{color:var(--av-text)}.avatar-btn-atc{width:100%;padding:17px 28px;border-radius:var(--av-radius);border:1px solid rgba(201,169,110,.18);cursor:not-allowed;font-size:12.5px;font-weight:500;font-family:DM Sans,sans-serif;letter-spacing:.04em;transition:all var(--av-transition);background:var(--av-card);color:var(--av-muted);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.avatar-btn-atc__text{font-size:13px;font-weight:500}.avatar-btn-atc__disabled-hint{font-size:10.5px;font-weight:400;opacity:.55;letter-spacing:.06em}.avatar-btn-atc--ready{background:linear-gradient(135deg,#b8965a,#c9a96e 40%,#dfc090 65%,#c9a96e);background-size:200% 200%;color:#0e0e0f;border-color:transparent;cursor:pointer;box-shadow:0 8px 32px #c9a96e47,0 2px 8px #0000004d;animation:goldShift 3s ease infinite}@keyframes goldShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.avatar-btn-atc--ready:hover{transform:translateY(-3px);box-shadow:0 16px 48px #c9a96e61}.avatar-btn-atc--ready:active{transform:translateY(0)}.avatar-btn-atc--ready .avatar-btn-atc__disabled-hint{display:none}.avatar-btn-atc--ready .avatar-btn-atc__text{font-weight:600;letter-spacing:.09em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/18/assets/avatar-upload.css.map */