.hah-layered{--hah-ink:#242424;--hah-soft:#f7f7f8;--hah-line:#d4d4db;--hah-accent:#222;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:28px;color:var(--hah-ink);margin:18px 0;font:14px/1.5 Arial,Helvetica,sans-serif}.hah-layered *,.hah-layered-gallery *{box-sizing:border-box}.hah-layered [hidden],.hah-layered-gallery [hidden]{display:none!important}.hah-layered--external-preview{display:block}.hah-layered-gallery,.hah-layered__preview{min-width:0}.hah-layered__preview{align-self:start;scroll-margin-top:100px}.hah-layered__surface-field{border-top:1px solid var(--hah-line,#dedee5);padding-top:14px;margin-top:3px}.hah-layered .hah-layered__surface-field .hah-layered__label{font-size:13px;font-weight:500;color:#555}.hah-layered .hah-layered__surface-field select{min-height:42px;font-size:14px}.hah-layered__view{display:flex;justify-content:center;gap:4px;padding:4px;border:1px solid #e0e0e4;background:var(--hah-soft,#f7f7f8);border-radius:7px;width:max-content;max-width:100%;margin:0 auto 12px}.hah-layered__view button{border:0;background:transparent;border-radius:4px;color:#6b6b73;padding:8px 14px;font:12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}.hah-layered__view button[aria-pressed=true]{background:#fff;color:#222;box-shadow:0 1px 4px #00000012}.hah-layered__canvas-wrap{border:1px solid #e4e4e8;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#f3f3f4 0% 25%,#fff 0% 50%) 50%/20px 20px}.hah-layered__canvas-wrap canvas{display:block;width:100%;height:auto;max-height:780px;object-fit:contain}.hah-layered__canvas-wrap canvas:focus{outline:2px solid #333;outline-offset:-3px}.hah-layered__canvas-wrap canvas[data-hah-draggable]{cursor:grab;touch-action:pan-y}.hah-layered__canvas-wrap canvas[data-hah-draggable].is-dragging{cursor:grabbing}.hah-layered__preview-note{margin:10px 4px;color:#666670;font:11px/1.6 Arial,Helvetica,sans-serif;text-align:center}.hah-layered__editor{min-width:0}.hah-layered .hah-layered__heading{margin:0 0 13px}.hah-layered .hah-layered__heading h2{margin:0;color:#222;font:700 19px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.3px;text-transform:none}.hah-layered__panel{padding:18px;border:1px solid #e0e0e7;border-radius:9px;background:var(--hah-soft)}.hah-layered__fields{display:grid;gap:17px}.hah-layered__field{display:grid;gap:7px;min-width:0}.hah-layered .hah-layered__label{display:block;margin:0;color:#262626;font:700 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}.hah-layered__required{color:#e6655f;margin-left:2px}.hah-layered__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hah-layered__field input:not([type=range]),.hah-layered__field select{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;background:#fff;border:1px solid var(--hah-line);border-radius:6px;box-shadow:none;color:#262626;font:14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}.hah-layered__field input::placeholder{color:#aaaab2;opacity:1}.hah-layered__field input:focus-visible,.hah-layered__field select:focus-visible,.hah-layered button:focus-visible,.hah-layered__view button:focus-visible{outline:2px solid #333;outline-offset:3px}.hah-layered__text-input{position:relative;min-width:0}.hah-layered__text-input input:not([type=range]){padding-right:64px}.hah-layered__count{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666670;font:12px/1 Arial,Helvetica,sans-serif;pointer-events:none;font-variant-numeric:tabular-nums}.hah-layered__field input[type=file]{padding:8px;font-size:12px;line-height:24px}.hah-layered__field input[type=file]::file-selector-button{border:1px solid #cdced4;background:#fff;color:#292929;border-radius:4px;padding:6px 10px;margin-right:9px;font:600 12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}.hah-layered__field small{font:12px/1.5 Arial,Helvetica,sans-serif;color:#666670}.hah-layered__adjustments{display:grid;gap:5px;border:1px solid #e0e0e5;border-radius:6px;padding:12px;background:#fff}.hah-layered__adjustment-note{margin:0 0 6px;color:#707079;font:12px/1.5 Arial,Helvetica,sans-serif}.hah-layered__adjustments label{display:flex;justify-content:space-between;gap:10px;font:12px/1.4 Arial,Helvetica,sans-serif;color:#595961}.hah-layered__adjustments input[type=range]{width:100%;min-width:0;height:18px;accent-color:#333;margin:0 0 8px;padding:0;border:0;box-shadow:none}.hah-layered__reset{justify-self:start;border:0;background:transparent;font:12px/1.5 Arial,Helvetica,sans-serif;color:#333;text-decoration:underline;padding:0;cursor:pointer}.hah-layered__swatches{display:flex;gap:9px;flex-wrap:wrap;padding:4px}.hah-layered__swatches button{width:29px;height:29px;min-width:29px;flex:0 0 29px;padding:0;border:1px solid #b7b7bf;border-radius:50%;cursor:pointer}.hah-layered__swatches button[aria-pressed=true]{outline:2px solid #222;outline-offset:3px}.hah-layered .hah-layered__notice{margin:14px 0 12px;padding:0;background:transparent;border:0;border-radius:0;color:#666670;font:12px/1.5 Arial,Helvetica,sans-serif}.hah-layered .hah-layered__preview-button{display:block;width:100%;min-height:46px;margin:0;padding:10px 16px;border:1.5px solid #222;border-radius:6px;box-shadow:none;background:#fff;color:#171717;font:700 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}.hah-layered .hah-layered__preview-button:hover:not(:disabled){background:#efeff1}.hah-layered__status{min-height:0;font:11px/1.5 Arial,Helvetica,sans-serif;color:#71717a;margin:10px 0 0;overflow-wrap:anywhere}.hah-layered__status:empty{display:none}.hah-layered__status.is-error{color:#a33b32;background:#fff1ef;border:1px solid #edc8c3;padding:9px 10px;border-radius:5px}.hah-layered__status+.hah-layered__reset{margin-top:8px}.hah-layered.is-preparing .hah-layered__fields{opacity:.65}.hah-layered button:disabled,.hah-layered input:disabled,.hah-layered select:disabled{cursor:wait;opacity:.65}@media(max-width:760px){.hah-layered{grid-template-columns:1fr;gap:22px}.hah-layered__view button{padding:8px 13px}.hah-layered__canvas-wrap{border-radius:8px}.hah-layered .hah-layered__heading h2{font-size:18px}.hah-layered__panel{padding:15px}.hah-layered__fields{gap:16px}.hah-layered__field input:not([type=file]):not([type=range]),.hah-layered__field select{font-size:16px}.hah-layered__preview-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.hah-layered__preview{scroll-behavior:auto}}.hah-customer-modal{padding:0;width:min(820px,calc(100vw - 24px));max-width:calc(100vw - 16px);max-height:96vh;max-height:96dvh;border:0;border-radius:12px;background:#fff;color:#252525;box-shadow:0 24px 80px #0004;font:14px/1.5 Arial,Helvetica,sans-serif;overscroll-behavior:contain;overflow:hidden}.hah-customer-modal[open]{display:flex;flex-direction:column}.hah-customer-modal::backdrop{background:#0008}.hah-customer-modal *{box-sizing:border-box}.hah-customer-modal__header{position:relative;flex:0 0 auto;padding:10px 52px;text-align:center;border-bottom:1px solid #eee}.hah-customer-modal__header h2{margin:0;font:700 21px/1.3 Arial,Helvetica,sans-serif;color:#242424}.hah-customer-modal button,.hah-customer-modal__replace{font:600 14px/1.4 Arial,Helvetica,sans-serif;color:#222;background:#fff;border:1px solid #d8d8dc;border-radius:6px;min-height:40px;padding:9px 15px;cursor:pointer;letter-spacing:0;text-transform:none}.hah-customer-modal button:disabled{opacity:.45;cursor:wait}.hah-customer-modal button:focus-visible,.hah-customer-modal input:focus-visible,.hah-customer-modal select:focus-visible,.hah-customer-modal summary:focus-visible,.hah-customer-modal__replace:focus-within{outline:2px solid #7358ce;outline-offset:3px}.hah-customer-modal button.hah-customer-modal__close{position:absolute;right:10px;top:7px;font-size:25px;min-width:40px;border:0;padding:0}.hah-customer-modal__body{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px 12px;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain}.hah-customer-modal__stage{position:relative;height:100%;min-height:0;background:#fff;border:0;border-radius:5px;min-width:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.hah-customer-modal__stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;touch-action:none;cursor:grab}.hah-customer-modal__stage canvas:active{cursor:grabbing}.hah-customer-modal__selection{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hah-customer-modal button.hah-customer-modal__handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;pointer-events:auto;touch-action:none;border:0;background:transparent;box-shadow:none;border-radius:50%;line-height:1;z-index:2}.hah-customer-modal button.hah-customer-modal__handle:after{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:2px solid #7863dd;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;pointer-events:none}.hah-customer-modal button.hah-customer-modal__handle--corner{cursor:nwse-resize;border-radius:50%}.hah-customer-modal__rotation-stem{position:absolute;height:2px;background:#7863dd;transform-origin:0 50%;pointer-events:none}.hah-customer-modal button.hah-customer-modal__handle--corner:nth-child(2n){cursor:nesw-resize}.hah-customer-modal button.hah-customer-modal__handle--rotate{cursor:grab}.hah-customer-modal button.hah-customer-modal__handle:active{cursor:grabbing}.hah-customer-modal .hah-customer-modal__selection [hidden],.hah-customer-modal [hidden]{display:none!important}.hah-customer-modal__controls{display:flex;flex-direction:column;gap:6px;min-width:0}.hah-customer-modal__target{display:flex;align-items:center;gap:12px}.hah-customer-modal__target label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:13px;color:#555}.hah-customer-modal__target label span{flex:0 0 auto}.hah-customer-modal__target select{flex:1}.hah-customer-modal__size{min-width:48px;font:600 14px/1.4 Arial,Helvetica,sans-serif;color:#5b43b2;text-align:right;font-variant-numeric:tabular-nums}.hah-customer-modal__toolbar{display:flex;justify-content:center;gap:7px}.hah-customer-modal__toolbar button{width:42px;min-width:42px;height:40px;min-height:40px;padding:0;font-size:23px!important;line-height:1!important;background:#fff;border-color:#ddd}.hah-customer-modal__quick{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.hah-customer-modal button.hah-customer-modal__fill{border-color:#d1c9eb;color:#5b43b2;background:#faf8ff}.hah-customer-modal__replace{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;overflow:hidden;text-align:center}.hah-customer-modal__replace input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.hah-customer-modal__hint{font:12px/1.5 Arial,Helvetica,sans-serif;color:#666;margin:0;text-align:center}.hah-customer-modal__hint--warning{color:#855311;background:#fff8e8;border-radius:5px;padding:7px 10px}.hah-customer-modal__advanced{border-top:1px solid #eee;padding-top:2px}.hah-customer-modal__advanced summary{cursor:pointer;text-align:center;list-style-position:inside;padding:8px;color:#555;font-size:13px;-webkit-user-select:none;user-select:none}.hah-customer-modal__settings{display:grid;gap:12px;padding:8px 4px 4px}.hah-customer-modal__controls select{width:100%;min-width:0;min-height:42px;padding:9px;border:1px solid #d4d4dc;border-radius:6px;background:#fff;color:#222;font:14px/1.4 Arial,Helvetica,sans-serif}.hah-layered__field select,.hah-customer-modal__controls select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%235d5d68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:16px 16px;padding-left:16px;padding-right:52px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hah-customer-modal__sliders{display:grid;gap:8px}.hah-customer-modal__sliders label{display:flex;justify-content:space-between;font-size:13px}.hah-customer-modal__sliders input{width:100%;margin:0 0 8px;accent-color:#7155ca}.hah-customer-modal__actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 14px;border-top:1px solid #eee;background:#fff}.hah-customer-modal__actions button{min-height:46px;font-weight:600!important;font-size:16px!important}.hah-customer-modal button.hah-customer-modal__primary{background:#e85550;color:#fff;border-color:#e85550;min-width:90px}.hah-customer-modal--processing{width:min(440px,calc(100vw - 32px))}.hah-customer-modal--processing .hah-customer-modal__header h2{font-size:18px}.hah-customer-modal__processing{padding:24px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;overflow:auto}.hah-customer-modal__processing p{width:100%;margin:0}.hah-customer-modal__processing-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;padding-top:4px}.hah-customer-modal__spinner{width:34px;height:34px;flex:0 0 auto;border:3px solid #eee5e5;border-top-color:#e85550;border-radius:50%;animation:hah-cutout-spin 1s linear infinite}@keyframes hah-cutout-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hah-customer-modal__spinner{animation:none;border-color:#e85550}}@media(max-width:680px){.hah-customer-modal{width:calc(100vw - 16px);max-height:96vh;max-height:96dvh}.hah-customer-modal__body{padding:8px;gap:8px}.hah-customer-modal__header{padding:10px 46px}.hah-customer-modal__header h2{font-size:20px}.hah-customer-modal__toolbar{gap:4px}.hah-customer-modal__toolbar button{width:36px;min-width:0;height:38px;min-height:38px;flex:0 1 36px}.hah-customer-modal__actions{padding:10px 12px;gap:10px}.hah-customer-modal--processing{width:min(420px,calc(100vw - 28px))}.hah-customer-modal__processing{padding:22px 18px}.hah-customer-modal__quick .hah-customer-modal__replace,.hah-customer-modal__quick button{font-size:13px!important}}@media(max-width:760px){.hah-layered .hah-layered__field select,.hah-customer-modal .hah-customer-modal__controls select{font-size:16px!important}}.hah-customer-modal:not(.hah-customer-modal--processing){width:min(500px,calc(100vw - 16px),max(320px,calc(94vh - 270px)));width:min(500px,calc(100vw - 16px),max(320px,calc(94dvh - 270px)));height:min(770px,94vh,calc(100vw + 248px));height:min(770px,94dvh,calc(100vw + 248px));margin:auto;border-radius:6px}.hah-customer-modal:not(.hah-customer-modal--processing)[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.hah-customer-modal:not(.hah-customer-modal--processing) .hah-customer-modal__header{padding:12px 52px}.hah-customer-modal:not(.hah-customer-modal--processing) .hah-customer-modal__header h2{font-size:20px}.hah-customer-modal__body{padding:40px 20px 8px;gap:10px}.hah-customer-modal__stage{overflow:visible}.hah-customer-modal__stage canvas{border-radius:5px}.hah-customer-modal__controls{gap:8px}.hah-customer-modal__controls>.hah-customer-modal__hint:not(.hah-customer-modal__hint--warning):not(.is-error){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hah-customer-modal__hint.is-error{color:#a33b32;background:#fff1ef;border-radius:5px;padding:7px 10px}.hah-customer-modal__target{gap:10px;justify-content:center}.hah-customer-modal__target label{gap:6px}.hah-customer-modal__modes{display:flex;gap:3px;padding:2px;background:#f5f5f5;border-radius:6px}.hah-customer-modal__modes button{min-height:24px;padding:3px 9px;border:0;background:transparent;font-size:12px!important;font-weight:500;color:#555}.hah-customer-modal__modes button[aria-pressed=true]{background:#fff;color:#5140c4;box-shadow:0 1px 3px #0002}.hah-customer-modal__size{font-size:12px;min-width:38px}.hah-customer-modal__controls select{min-height:36px;padding-top:6px;padding-bottom:6px}.hah-customer-modal__toolbar{gap:6px}.hah-customer-modal__toolbar button{width:40px;min-width:0;height:40px;min-height:40px;flex:0 1 40px;background:#f5f5f5;border:0;border-radius:9px}.hah-customer-modal__quick{gap:6px}.hah-customer-modal__quick .hah-customer-modal__replace,.hah-customer-modal__quick button{min-height:36px;padding:7px 12px;background:#f5f5f5;border-color:transparent}.hah-customer-modal__header{border-bottom:0}.hah-customer-modal__actions{border-top:0;padding:14px 16px;gap:12px}.hah-customer-modal__actions button{min-height:48px}@media(max-height:540px)and (min-width:600px){.hah-customer-modal:not(.hah-customer-modal--processing){width:min(820px,calc(100vw - 20px));height:96vh;height:96dvh}.hah-customer-modal__body{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);grid-template-rows:minmax(0,1fr);gap:12px;align-items:center;padding:48px 20px 8px}.hah-customer-modal__controls{align-self:center}}@media(max-width:360px){.hah-customer-modal__body{padding-top:48px}}html:has(dialog.hah-customer-modal[open]){overflow:hidden}.hah-layered-gallery .hah-layered__gallery-live{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;aspect-ratio:1;padding:0;border:1px solid #d4d4db;border-radius:8px;background:#fff;color:#262626;cursor:pointer;overflow:hidden;font:600 10px/1.3 Arial,Helvetica,sans-serif}.hah-layered__gallery-live canvas{display:block;width:100%;height:100%;object-fit:contain}.hah-layered__gallery-live span{position:absolute;bottom:0;inset-inline:0;padding:4px 2px;background:#fffffff0;text-align:center}.hah-layered-gallery .hah-layered__gallery-live[aria-pressed=true]{border-color:#7358ce;box-shadow:0 0 0 2px #7358ce22}.hah-layered-gallery--live .hah-product-thumb.is-active{border-color:#e6e8ec;box-shadow:none}.hah-layered__gallery-tabs{display:flex;gap:6px;justify-content:center}.hah-layered__gallery-tabs button,.hah-layered-gallery .hah-layered__gallery-tabs .hah-layered__gallery-live{aspect-ratio:auto;padding:8px 14px;border:1px solid #dddde3;border-radius:6px;background:#fff;color:#555;font:600 12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}.hah-layered__gallery-tabs button[aria-pressed=true]{color:#5139a5;border-color:#7358ce;background:#f6f3ff}.hah-layered-gallery button:focus-visible{outline:2px solid #7358ce;outline-offset:3px}.hah-layered__choices{display:grid;gap:10px;min-width:0}.hah-layered__choice-filters{display:flex;flex-wrap:wrap;gap:6px}.hah-layered .hah-layered__choice-filters button{padding:6px 10px;border:1px solid #d8d8df;border-radius:5px;background:#fff;color:#4b4b55;font:12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}.hah-layered .hah-layered__choice-filters button[aria-pressed=true]{border-color:#7358ce;background:#f4f0ff;color:#573db2}.hah-layered__choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.hah-layered .hah-layered__choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:100px;gap:6px;padding:7px;border:1px solid #d7d7df;border-radius:7px;background:#fff;color:#25252c;font:12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;overflow-wrap:anywhere}.hah-layered .hah-layered__choice[aria-pressed=true]{border-color:#7358ce;box-shadow:0 0 0 1px #7358ce;background:#faf8ff}.hah-layered .hah-layered__choice[aria-busy=true]{border-style:dashed}.hah-layered__choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px;background:#f7f7f9}.hah-layered__choice-label{display:block;width:100%;text-align:center}.hah-layered__field .hah-layered__choice-feedback{font-size:10px;color:#8d463d;text-align:center}.hah-layered__field .hah-layered__choice-selected{color:#55545e;font-size:11px}@media(min-width:1001px){.hah-product-detail .hah-product-gallery.hah-layered-gallery--multi-surface{grid-template-columns:80px minmax(0,1fr);column-gap:16px;align-items:start}.hah-product-detail .hah-product-gallery.hah-layered-gallery--multi-surface>.hah-layered__preview,.hah-product-detail .hah-product-gallery.hah-layered-gallery--multi-surface>.hah-product-main-media{grid-column:2;grid-row:1;min-width:0}.hah-product-detail .hah-product-gallery.hah-layered-gallery--multi-surface>.hah-product-thumbs{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;gap:10px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;max-height:min(760px,calc(100vh - 120px));max-height:min(760px,calc(100dvh - 120px));width:80px;padding:2px 3px 2px 2px}.hah-product-detail .hah-product-gallery.hah-layered-gallery--multi-surface>.hah-product-thumbs>button{flex:0 0 82px;width:74px;min-width:74px;max-width:74px;height:82px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hah-layered.css.map */