.haxran-customizer{--hc-bg: #ffffff;--hc-bg-raised: #f7f5f1;--hc-bg-input: #fcfbf9;--hc-border: #e6e2da;--hc-border-strong: #cfc9bb;--hc-text: #1a1a1a;--hc-text-dim: #56524a;--hc-text-faint: #8f8a7c;--hc-accent: #b8865b;--hc-accent-text: #1a1a1a;--hc-danger: #b8483a;--hc-success: #3f7a45;--hc-radius: 2px;--hc-radius-lg: 3px;--hc-gap: 2.4rem;font-family:var(--font-body-family, sans-serif);color:var(--hc-text);background:var(--hc-bg);max-width:108rem;margin:0 auto;padding:3rem 2rem 6rem}.haxran-customizer *{box-sizing:border-box}.haxran-customizer h1,.haxran-customizer h2,.haxran-customizer h3,.haxran-customizer legend{font-family:var(--font-heading-family, serif);font-weight:500;letter-spacing:.03rem;color:var(--hc-text);margin:0}.hc-product-card{display:flex;align-items:center;gap:1.6rem;background:var(--hc-bg-raised);border:1px solid var(--hc-border);border-radius:var(--hc-radius-lg);padding:1.4rem 1.8rem;margin-bottom:2.8rem}.hc-product-card__image{width:5.6rem;height:5.6rem;flex-shrink:0;background:#f5f5f5;border-radius:var(--hc-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.hc-product-card__image img{width:100%;height:100%;object-fit:contain}.hc-product-card__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.hc-product-card__label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--hc-text-faint)}.hc-product-card__name{font-size:1.5rem;color:var(--hc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-product-card__change{margin-left:auto;flex-shrink:0;background:none;border:none;color:var(--hc-accent);font-size:1.3rem;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer;padding:.4rem}.hc-product-card__change:hover{color:var(--hc-text)}.hc-header{margin-bottom:2.8rem}.hc-header__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;gap:1rem}.hc-header__step-count{font-size:1.2rem;text-transform:uppercase;letter-spacing:.12rem;color:var(--hc-text-faint)}.hc-header__step-name{font-size:2.2rem}.hc-progress{height:2px;background:var(--hc-border);border-radius:2px;overflow:hidden}.hc-progress__bar{height:100%;width:11.11%;background:var(--hc-accent);transition:width .35s ease}.hc-tabs{display:flex;flex-wrap:wrap;gap:.4rem 0;list-style:none;margin:1.6rem 0 0;padding:0;border-bottom:1px solid var(--hc-border)}.hc-tabs__item{flex:1 1 auto;min-width:0}.hc-tabs__button{width:100%;background:none;border:none;border-bottom:2px solid transparent;color:var(--hc-text-faint);font-size:1.05rem;text-transform:uppercase;letter-spacing:.05rem;padding:.9rem .4rem;cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-tabs__button:hover:not(:disabled){color:var(--hc-text-dim)}.hc-tabs__button[aria-current=step]{color:var(--hc-text);border-bottom-color:var(--hc-accent)}.hc-tabs__button:disabled{cursor:not-allowed;opacity:.4}.hc-tabs__button--done{color:var(--hc-accent)}@media screen and (max-width:749px){.hc-tabs__button{font-size:0;padding:.9rem .2rem}.hc-tabs__button:before{content:attr(data-index);font-size:1.2rem}}.hc-step{padding-top:2.8rem}.hc-step[hidden]{display:none}.hc-step__intro{color:var(--hc-text-dim);font-size:1.4rem;margin:.6rem 0 2.4rem;max-width:60rem}.hc-fieldset{border:none;padding:0;margin:0 0 3rem}.hc-fieldset legend{font-size:1.5rem;margin-bottom:1.4rem;padding:0}.hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem var(--hc-gap)}.hc-grid>.hc-field--full{grid-column:1 / -1}@media screen and (max-width:749px){.hc-grid{grid-template-columns:1fr}}.hc-field{display:flex;flex-direction:column;gap:.6rem}.hc-label{font-size:1.25rem;color:var(--hc-text-dim);display:flex;gap:.4rem;align-items:baseline}.hc-label__required{color:var(--hc-accent)}.hc-hint{font-size:1.15rem;color:var(--hc-text-faint);margin:-.2rem 0 0}.hc-input,.hc-select,.hc-textarea{width:100%;background:var(--hc-bg-input);border:1px solid var(--hc-border-strong);border-radius:var(--hc-radius);color:var(--hc-text);font-family:var(--font-body-family, sans-serif);font-size:1.4rem;padding:1.1rem 1.2rem;transition:border-color .15s ease}.hc-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238f8a7c'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;padding-right:3rem}.hc-textarea{min-height:9rem;resize:vertical}.hc-input:focus,.hc-select:focus,.hc-textarea:focus{outline:none;border-color:var(--hc-accent)}.hc-input[aria-invalid=true],.hc-select[aria-invalid=true],.hc-textarea[aria-invalid=true]{border-color:var(--hc-danger)}.hc-error{font-size:1.15rem;color:var(--hc-danger);min-height:1.5em;display:none}.hc-field--invalid .hc-error{display:block}.hc-pills{display:flex;flex-wrap:wrap;gap:.8rem}.hc-pill{background:var(--hc-bg-input);border:1px solid var(--hc-border-strong);color:var(--hc-text-dim);font-family:var(--font-body-family, sans-serif);font-size:1.3rem;border-radius:999px;padding:.8rem 1.6rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.hc-pill:hover{border-color:var(--hc-text-faint);color:var(--hc-text)}.hc-pill[aria-pressed=true]{background:var(--hc-accent);border-color:var(--hc-accent);color:var(--hc-accent-text)}.hc-pills[aria-invalid=true] .hc-pill{border-color:var(--hc-danger)}.hc-toggle{display:inline-flex;border:1px solid var(--hc-border-strong);border-radius:999px;overflow:hidden;width:fit-content}.hc-toggle__option{background:var(--hc-bg-input);border:none;color:var(--hc-text-dim);font-size:1.3rem;padding:.8rem 2.2rem;cursor:pointer}.hc-toggle__option[aria-pressed=true]{background:var(--hc-accent);color:var(--hc-accent-text)}.hc-conditional{overflow:hidden;transition:max-height .25s ease}.hc-conditional[hidden]{display:none}.hc-size-matrix{width:100%;border-collapse:collapse;font-size:1.3rem}.hc-size-matrix th,.hc-size-matrix td{border:1px solid var(--hc-border);padding:.8rem;text-align:center}.hc-size-matrix th{color:var(--hc-text-faint);font-weight:400;text-transform:uppercase;font-size:1.1rem}.hc-size-matrix input{width:100%;min-width:5rem;background:var(--hc-bg-input);border:1px solid var(--hc-border-strong);border-radius:var(--hc-radius);color:var(--hc-text);text-align:center;padding:.6rem}.hc-size-matrix__total{margin-top:1rem;font-size:1.3rem;color:var(--hc-text-dim)}.hc-size-matrix__total strong{color:var(--hc-text)}.hc-upload{border:1px dashed var(--hc-border-strong);border-radius:var(--hc-radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;background:var(--hc-bg-input)}.hc-upload:hover,.hc-upload--dragover{border-color:var(--hc-accent);background:#b8865b0f}.hc-upload.hc-field--invalid{border-color:var(--hc-danger)}.hc-upload .hc-error{margin-top:1rem}.hc-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.hc-upload__label{font-size:1.3rem;color:var(--hc-text-dim)}.hc-upload__hint{font-size:1.15rem;color:var(--hc-text-faint);margin-top:.4rem}.hc-file-list{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.hc-file-list__item{display:flex;align-items:center;gap:1rem;background:var(--hc-bg-input);border:1px solid var(--hc-border);border-radius:var(--hc-radius);padding:.8rem 1.2rem;font-size:1.25rem}.hc-file-list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-file-list__size{color:var(--hc-text-faint);font-size:1.1rem}.hc-file-list__remove{background:none;border:none;color:var(--hc-text-faint);cursor:pointer;font-size:1.4rem;line-height:1;padding:.2rem .4rem}.hc-file-list__remove:hover{color:var(--hc-danger)}.hc-review-section{border:1px solid var(--hc-border);border-radius:var(--hc-radius-lg);padding:1.8rem 2rem;margin-bottom:1.6rem}.hc-review-section__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.hc-review-section__head h3{font-size:1.5rem}.hc-review-section__edit{background:none;border:none;color:var(--hc-accent);font-size:1.2rem;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.hc-review-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem;margin:0;font-size:1.3rem}.hc-review-list dt{color:var(--hc-text-faint)}.hc-review-list dd{margin:0;color:var(--hc-text);word-break:break-word}@media screen and (max-width:749px){.hc-review-list{grid-template-columns:1fr}}.hc-confirm{display:flex;gap:1rem;align-items:flex-start;background:var(--hc-bg-raised);border:1px solid var(--hc-border);border-radius:var(--hc-radius-lg);padding:1.6rem 1.8rem;margin:2rem 0}.hc-confirm input{margin-top:.3rem;accent-color:var(--hc-accent)}.hc-confirm label{font-size:1.3rem;color:var(--hc-text-dim)}.hc-confirm.hc-field--invalid{border-color:var(--hc-danger)}.hc-nav{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;margin-top:3.6rem;padding-top:2.4rem;border-top:1px solid var(--hc-border)}.hc-nav__spacer{flex:1}.hc-btn{font-family:var(--font-body-family, sans-serif);font-size:1.3rem;text-transform:uppercase;letter-spacing:.06rem;border-radius:var(--buttons-radius, 999px);padding:1.2rem 2.6rem;cursor:pointer;border:1px solid transparent;transition:opacity .15s ease,background .15s ease;white-space:nowrap}.hc-btn:disabled{opacity:.4;cursor:not-allowed}.hc-btn--primary{background:var(--hc-accent);color:var(--hc-accent-text)}.hc-btn--primary:hover:not(:disabled){opacity:.88}.hc-btn--secondary{background:transparent;border-color:var(--hc-border-strong);color:var(--hc-text)}.hc-btn--secondary:hover:not(:disabled){border-color:var(--hc-text-dim)}.hc-btn--text{background:none;border:none;color:var(--hc-text-faint);text-decoration:underline;text-underline-offset:.2rem}.hc-btn--text:hover{color:var(--hc-text-dim)}@media screen and (max-width:749px){.hc-nav{flex-wrap:wrap}.hc-nav__spacer{display:none}.hc-btn{flex:1 1 auto}}.hc-autosave-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--hc-bg-raised);border:1px solid var(--hc-border);border-radius:var(--hc-radius-lg);padding:1rem 1.6rem;margin-bottom:2rem;font-size:1.25rem;color:var(--hc-text-dim)}.hc-autosave-banner[hidden]{display:none}.hc-status{display:none;align-items:center;gap:.8rem;font-size:1.25rem;padding:1.2rem 1.6rem;border-radius:var(--hc-radius-lg);margin-top:1.6rem}.hc-status--visible{display:flex}.hc-status--error{background:#b8483a14;border:1px solid var(--hc-danger);color:var(--hc-danger)}.hc-status--loading{background:var(--hc-bg-raised);border:1px solid var(--hc-border);color:var(--hc-text-dim)}.hc-spinner{width:1.4rem;height:1.4rem;border:2px solid var(--hc-border-strong);border-top-color:var(--hc-accent);border-radius:50%;animation:hc-spin .7s linear infinite}@keyframes hc-spin{to{transform:rotate(360deg)}}.hc-confirmation{text-align:center;padding:5rem 2rem}.hc-confirmation__icon{width:5.6rem;height:5.6rem;margin:0 auto 2rem;border-radius:50%;border:2px solid var(--hc-success);display:flex;align-items:center;justify-content:center;color:var(--hc-success);font-size:2.6rem}.hc-confirmation__ref{font-family:var(--font-heading-family, serif);font-size:2.4rem;color:var(--hc-accent);margin:1.2rem 0}.hc-confirmation__body{color:var(--hc-text-dim);max-width:46rem;margin:0 auto 2.4rem;font-size:1.4rem;line-height:1.6}[hidden]{display:none!important}.hc-hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/31/assets/haxran-customizer.css.map */