funny-balaclava-builder.funny-balaclava-builder{--mask-green: #2c3b32;--mask-pale: #f1f5f1;--mask-border: #d8ddd8;display:block;position:relative;container-type:inline-size;margin-block:12px 20px;color:var(--mask-green);font-family:inherit}.product-form:has(funny-balaclava-builder) .product-purchase-perks{display:none}.product-form:has(funny-balaclava-builder) .product-options__default:has([data-option="Choose your pack"]) .product-options__size-grid{display:flex;flex-wrap:wrap;gap:8px}.product-form:has(funny-balaclava-builder) .product-options__default:has([data-option="Choose your pack"]) .radio-option{flex:0 0 auto}.product-form:has(funny-balaclava-builder) .product-options__default:has([data-option="Choose your pack"]) .radio-option__label{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 16px;border:1px solid #c8d0c9;border-radius:0;background:#fff;color:#2c3b32;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3}.product-form:has(funny-balaclava-builder) .product-options__default:has([data-option="Choose your pack"]) .radio-input:checked+.radio-option__label{border-color:#2c3b32;background:#2c3b32;color:#fff}.product-form:has(funny-balaclava-builder) .product-options__default:has([data-option="Choose your pack"]) .radio-input:focus-visible+.radio-option__label{outline:2px solid #2c3b32;outline-offset:3px}.funny-balaclava-builder [hidden]{display:none!important}.funny-balaclava-builder__heading,.funny-balaclava-builder__tray-heading h3,.funny-balaclava-builder__group-heading,.funny-balaclava-builder__design-name{margin:0;color:inherit;font-family:inherit}.funny-balaclava-builder .funny-balaclava-builder__heading{font-family:var(--base-font-family),Arial,sans-serif!important;font-size:13px;line-height:1.4;font-weight:700;text-transform:none;letter-spacing:normal}.funny-balaclava-builder__tray{padding:12px;margin-block:14px;border:1px solid var(--mask-border);border-radius:0;background:#fff;scroll-margin-top:calc(var(--header-height, 86px) + 24px)}.funny-balaclava-builder__tray.is-updated{animation:mask-tray-update .45s ease-out}@keyframes mask-tray-update{0%{box-shadow:0 0 #2c3b323d}45%{box-shadow:0 0 0 4px #2c3b3224}to{box-shadow:0 0 0 7px #2c3b3200}}.funny-balaclava-builder[data-state=complete] .funny-balaclava-builder__tray{border-color:var(--mask-green)}.funny-balaclava-builder__tray-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:13px;line-height:1.4}.funny-balaclava-builder__tray-heading h3{font-size:14px;font-weight:700}.funny-balaclava-builder__tray-heading>strong{padding:3px 8px;border-radius:0;background:var(--mask-pale);font-size:12px;font-weight:600}.funny-balaclava-builder__slots{display:flex;gap:12px;padding:0;margin:12px 0 0;list-style:none}.funny-balaclava-builder__slot{display:grid;position:relative;flex:0 1 56px;place-items:center;min-width:32px;aspect-ratio:4 / 5;overflow:visible;border:1px dashed #bcc7be;border-radius:0;background:#fafbf9;color:#879188;font-size:14px}.funny-balaclava-builder__slot.is-filled{border-style:solid;border-color:var(--mask-green);background:#fff}.funny-balaclava-builder__slot.is-extra{border-color:#a3473b;background:#fff8f6}.funny-balaclava-builder__slot img{display:block;width:100%;height:100%;object-fit:contain}.funny-balaclava-builder__slot-remove{position:absolute;inset-block-start:-12px;inset-inline-end:-12px;z-index:2;display:grid;place-items:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:1px solid var(--mask-border);border-radius:0;background:#fff;color:var(--mask-green);font:inherit;font-size:18px;font-weight:600;line-height:1;cursor:pointer}.funny-balaclava-builder__slot-number{position:absolute;inset-block-end:2px;inset-inline-start:2px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:0;background:var(--mask-green);color:#fff;font-size:10px;font-weight:600;line-height:1}.funny-balaclava-builder__filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.funny-balaclava-builder__filter{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:102px;padding:7px 4px;border:1px solid var(--mask-border);border-radius:0;background:#fff;color:var(--mask-green);font:inherit;text-align:center;cursor:pointer}.funny-balaclava-builder__filter img{display:block;flex:0 0 44px;width:44px;height:44px;border-radius:0;background:#fff;object-fit:contain}.funny-balaclava-builder__filter-text{display:flex;flex-direction:column;gap:2px;max-width:100%;font-size:11px;line-height:1.3}.funny-balaclava-builder__filter-line{color:#626a63;font-size:10px}.funny-balaclava-builder__filter-text strong{font-weight:600;overflow-wrap:anywhere}.funny-balaclava-builder__filter[data-group-filter="1"] .funny-balaclava-builder__filter-text strong{white-space:nowrap;overflow-wrap:normal}.funny-balaclava-builder__filter[aria-pressed=true]{border-color:var(--mask-green);box-shadow:inset 0 0 0 1px var(--mask-green);background:var(--mask-pale)}.funny-balaclava-builder__feedback{margin:10px 0;color:#626a63;font-size:12px;line-height:1.5}.funny-balaclava-builder[data-state=complete] .funny-balaclava-builder__feedback{color:var(--mask-green)}.funny-balaclava-builder[data-state=error] .funny-balaclava-builder__feedback{color:#9b2929}.funny-balaclava-builder__retry{min-width:44px;min-height:44px;padding:8px 14px;margin-block-end:10px;border:1px solid var(--mask-green);border-radius:0;background:#fff;color:var(--mask-green);font:inherit;font-size:13px;cursor:pointer}.funny-balaclava-builder__validation,.funny-balaclava-builder__group-heading,.funny-balaclava-builder:not([data-state=error]) .funny-balaclava-builder__feedback:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.funny-balaclava-builder__groups{display:grid;min-width:0;gap:20px;margin-block-start:12px}.funny-balaclava-builder__group{min-width:0}.funny-balaclava-builder__group-heading{font-size:15px;line-height:1.4;font-weight:700}.funny-balaclava-builder__grid{display:grid;gap:10px;padding:0;margin:0;list-style:none}.funny-balaclava-builder__grid{grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/4);gap:8px;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.funny-balaclava-builder__grid::-webkit-scrollbar{display:none}.funny-balaclava-builder__grid.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.funny-balaclava-builder__grid:focus-visible{outline:2px solid var(--mask-green);outline-offset:3px}.funny-balaclava-builder__carousel-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-block-start:10px}.funny-balaclava-builder__carousel-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0 0 3px;border:1px solid var(--mask-border);border-radius:0;background:#fff;color:var(--mask-green);font:inherit;font-size:30px;line-height:1;cursor:pointer}.funny-balaclava-builder__carousel-arrow:disabled{color:#9ca59d;background:#f5f7f4;cursor:default}.funny-balaclava-builder__carousel-range{min-width:62px;color:#626a63;font-size:12px;text-align:center}.funny-balaclava-builder__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;border:1px solid var(--mask-border);border-radius:0;background:#fff;color:var(--mask-green);scroll-snap-align:start}.funny-balaclava-builder__design-button{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;width:100%;min-width:0;min-height:44px;padding:4px;border:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.funny-balaclava-builder__card:not(.is-selected) .funny-balaclava-builder__design-button[aria-disabled=true]{opacity:.7}.funny-balaclava-builder__design-button[aria-disabled=true]{cursor:grab}.funny-balaclava-builder .funny-balaclava-builder__design-button:focus-visible{outline:2px solid var(--mask-green);outline-offset:-3px}.funny-balaclava-builder__card.is-selected{border-color:var(--mask-green);box-shadow:inset 0 0 0 1px var(--mask-green)}.funny-balaclava-builder__card-media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:0;background:#fff}.funny-balaclava-builder__image{display:block;width:100%;height:100%;object-fit:contain}.funny-balaclava-builder__badge{position:absolute;inset-block-start:6px;inset-inline-end:6px;display:grid;place-items:center;min-width:26px;min-height:26px;padding:3px 6px;border:1px solid #fff;border-radius:0;background:var(--mask-green);color:#fff;font-size:12px;font-weight:700;line-height:1}.funny-balaclava-builder__design-name{flex:1 1 auto;padding:7px 3px;font-size:12px;line-height:1.4;font-weight:600}.funny-balaclava-builder button:focus-visible,.funny-balaclava-builder__feedback:focus-visible,.funny-balaclava-builder__tray:focus-visible{outline:2px solid var(--mask-green);outline-offset:3px}@container (max-width: 519px){.funny-balaclava-builder__design-button{padding:2px}.funny-balaclava-builder__card .funny-balaclava-builder__design-name{padding:6px 1px;font-size:10px}.funny-balaclava-builder__badge{inset-block-start:2px;inset-inline-end:2px;min-width:20px;min-height:20px;padding:2px 4px;font-size:10px}}@media(prefers-reduced-motion:reduce){.funny-balaclava-builder__tray.is-updated{animation:none}}@container (max-width: 360px){.funny-balaclava-builder__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.funny-balaclava-builder__filter{flex-direction:row;align-items:center;justify-content:flex-start;min-height:64px;padding:7px;text-align:start}.funny-balaclava-builder__filter-text{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-funny-balaclava-builder.css.map */