.hat-customization__trigger{width:100%}.hat-customization{padding-bottom:20px}.hat-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;justify-content:center;padding:12px;background:#0000008c;z-index:9999}.hat-modal.is-open{display:flex}.hat-modal__dialog{position:relative;width:min(1040px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #00000059;--hat-header-offset: 72px;height:calc(100dvh - (12px * 2) - var(--hat-header-offset));max-height:calc(100dvh - (12px * 2) - var(--hat-header-offset))}.hat-modal__close{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;font-size:28px;line-height:1;cursor:pointer;z-index:20}.hat-modal__grid{height:100%;display:grid;grid-template-columns:.9fr 1.1fr}.hat-modal__preview{background:#f6f6f6;border-right:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;padding:18px;position:relative;overflow:hidden}.hat-modal__preview .hat-preview__img--base,.hat-modal__preview .hat-preview__img--overlay{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block}.hat-preview__img--overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hat-modal__content{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:18px}.hat-modal__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;opacity:.7}.hat-modal__title{margin:0 0 8px;font-size:34px;line-height:1.05}.hat-modal__desc{margin:0 0 14px;opacity:.85}.hat-back{border:0;background:transparent;padding:0;margin:0 0 10px;cursor:pointer;font-size:14px}.hat-step [data-hat-step-error]{display:block;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#0000000f;font-size:14px}.hat-step{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-gutter:stable}.hat-step-actions{flex-shrink:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:12px 0 6px}.hat-modal__actions{margin-top:0;position:static;border-top:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hat-modal__content{padding-bottom:0}.hat-modal__actions .btn,.hat-step [data-hat-modal-atc],.hat-step [data-step1-next],.hat-step [data-hat-modal-atc-preset]{width:100%;min-height:52px;border-radius:999px}.hat-options{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.hat-options--grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.hat-option{border:1px solid rgba(0,0,0,.15);background:#fff;padding:8px;border-radius:999px;cursor:pointer;text-align:center;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s ease,box-shadow .15s ease}.hat-option.is-active{border-color:#111;box-shadow:0 0 0 2px #00000014 inset}@media(max-width:860px){.hat-modal{padding:10px}.hat-modal__dialog{--hat-header-offset: 88px;width:100%;border-radius:18px 18px 0 0}.hat-modal__grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hat-modal__preview{padding:10px;border-right:0;border-bottom:1px solid rgba(0,0,0,.06);height:160px}.hat-modal__content{padding:14px}.hat-modal__title{font-size:26px}.hat-options--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hat-option{font-size:13px;padding:8px}.hat-modal__actions{grid-template-columns:1fr 1fr;padding:12px 0 8px}.hat-step{padding-bottom:18px}}@media(max-width:420px){.hat-modal__preview{height:140px}.hat-modal__title{font-size:24px}}.hat-modal__actions.is-single{grid-template-columns:1fr}.hat-codes-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:6px 0 14px;padding:0;border:0;background:transparent;text-decoration:underline;cursor:pointer;font-weight:600}.hat-codes-inline{margin:0 0 16px;border-radius:14px;overflow:auto;max-height:320px;border:1px solid rgba(0,0,0,.08);background:#fff}.hat-codes-inline__img{display:block;width:100%;height:auto}@media(max-width:860px){.hat-codes-inline{max-height:260px}}.hat-branding-wrapper{margin-bottom:20px}.hat-option__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;pointer-events:none;display:block}.hat-patch-preview{margin-top:16px;display:none}.hat-patch-preview.is-visible{display:block}.hat-patch-preview__img{width:100%;max-width:280px;aspect-ratio:1 / 1;object-fit:contain;border-radius:10px;display:block;margin:0 auto}.hat-patch-preview__label{text-align:center;font-size:.85rem;margin-top:8px;opacity:.7}.hat-option__label{font-size:.8rem;text-align:center;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/141/assets/hat-customizer.css.map */