.set-builder{--sb-border: color-mix(in srgb, currentColor 18%, transparent);--sb-border-soft: color-mix(in srgb, currentColor 10%, transparent)}.set-builder__step{border:none;margin:0;padding:0}.set-builder__step-title{display:block;margin-block-end:.75rem}.set-builder__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.5rem;row-gap:.375rem}.set-builder__size-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:0 0 .75rem;border:1px solid var(--sb-border-soft);border-radius:var(--sb-tile-radius, 8px);cursor:pointer;text-align:center;overflow:hidden;transition:border-color .15s ease}@supports (grid-template-rows: subgrid){.set-builder__size-tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:0;align-items:start;justify-items:center}.set-builder__sizes--no-per-unit .set-builder__size-tile{grid-row:span 3}}.set-builder__size-tile:hover{border-color:var(--sb-border)}.set-builder__size-tile:has(input:checked){border-color:currentColor}.set-builder__size-tile:has(input:checked):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid currentColor;border-radius:calc(var(--sb-tile-radius, 8px) - 1px);pointer-events:none}.set-builder__size-tile:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}.set-builder__size-badge{align-self:stretch;justify-self:stretch;width:100%;background:var(--sb-badge-background, rgb(var(--text-color)));color:var(--sb-badge-text, rgb(var(--background)));font-size:var(--sb-badge-font-size, .6875rem);font-weight:600;letter-spacing:.04em;padding:.3125rem .375rem;margin-block-end:.3125rem;display:flex;align-items:center;justify-content:center}.set-builder__size-badge--empty{visibility:hidden}.set-builder__size-label{font-weight:600;font-size:.875rem;line-height:1.2;padding-inline:.5rem}.set-builder__size-price{font-size:.8125rem;padding-inline:.5rem}.set-builder__size-price s{opacity:.55;margin-inline-end:.25em}.set-builder__size-per-unit{font-size:.75rem;padding-inline:.5rem}.set-builder__tiles-hint{margin-block-start:.625rem}.set-builder__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}@media screen and (min-width:700px){.set-builder__slots{grid-template-columns:repeat(var(--sb-slots-desktop, 6),minmax(0,1fr))}.set-builder__slots:not(:has([data-slot]:nth-child(4):not([hidden]))){grid-template-columns:repeat(3,minmax(0,1fr))}}.set-builder__slot{position:relative}.set-builder__slot-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;width:100%;padding:.375rem;border:1px dashed var(--sb-border);border-radius:var(--sb-tile-radius, 8px);cursor:pointer;background:none;color:inherit;transition:border-color .15s ease}.set-builder__slot-btn:hover{border-color:currentColor}.set-builder__slot.is-filled .set-builder__slot-btn{border-style:solid}.set-builder__slot-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--sb-tile-radius, 8px) - 2px);overflow:hidden;background:color-mix(in srgb,currentColor 4%,transparent)}.set-builder__slot-media img{width:100%;height:100%;object-fit:cover}.set-builder__slot-plus{opacity:.45}.set-builder__slot-label{min-height:2.25em;display:flex;align-items:center;text-align:center;line-height:1.15}.set-builder__slot-remove{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:none;cursor:pointer;background:rgb(var(--background));color:inherit;box-shadow:0 1px 4px #0000002e}button.set-builder-incomplete{opacity:.55}form.set-builder-set-mode .shopify-payment-button{display:none}.set-builder__drawer::part(body){padding-block-start:.5rem}.set-builder__source-group+.set-builder__source-group{margin-block-start:1.25rem;padding-block-start:1.25rem;border-block-start:1px solid var(--sb-border-soft, color-mix(in srgb, currentColor 10%, transparent))}.set-builder__source-heading{margin-block:0 .75rem}.set-builder__color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media screen and (min-width:700px){.set-builder__color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.set-builder__color-tile{display:flex;flex-direction:column;gap:.375rem;text-align:center}.set-builder__color-media-btn{display:block;width:100%;padding:0;border:none;background:none;color:inherit;cursor:pointer}.set-builder__color-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:color-mix(in srgb,currentColor 4%,transparent)}.set-builder__color-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.set-builder__color-media-btn:hover .set-builder__color-media img{transform:scale(1.04)}.set-builder__color-media-btn:focus-visible,.set-builder__qty-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.set-builder__color-media-btn[disabled]{cursor:not-allowed}.set-builder__color-media--unavailable{filter:grayscale(.85);opacity:.55}.set-builder__color-tile.is-selected .set-builder__color-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;border-radius:inherit;pointer-events:none}.set-builder__color-sold-out{position:absolute;inset-block-start:.375rem;inset-inline-start:.375rem}.set-builder__color-name,.set-builder__color-price{line-height:1.2}.set-builder__color-qty{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-block-start:.125rem}.set-builder__qty-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:none;color:inherit;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.set-builder__qty-btn:hover:not([disabled]){border-color:currentColor}.set-builder__qty-btn[disabled]{opacity:.35;cursor:default}.set-builder__qty-value{min-width:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.set-builder__color-bell{position:absolute;inset-block-start:.375rem;inset-inline-end:.375rem;display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:50%;background:rgb(var(--background));border:1px solid color-mix(in srgb,currentColor 15%,transparent);color:inherit}.set-builder__notify-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;height:2rem;margin-block-start:.125rem;padding-inline:.5rem;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;cursor:pointer;font-size:.75rem;font-weight:600;line-height:1;transition:opacity .15s ease}.set-builder__notify-btn:hover{opacity:.75}.set-builder__notify-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.set-builder__notify-btn-icon{display:flex;flex:none}.set-builder__color-tile.is-notified .set-builder__notify-btn{border-color:color-mix(in srgb,currentColor 20%,transparent);color:rgb(var(--success-text, var(--text-color)))}.set-builder__color-tile.is-notified .set-builder__notify-btn-icon{display:none}.set-builder__notify-sheet{display:grid;gap:.75rem}.set-builder__notify-head{display:flex;align-items:center;gap:.75rem}.set-builder__notify-thumb{display:flex;flex:none;width:2.75rem;height:2.75rem;border-radius:6px;overflow:hidden;background:color-mix(in srgb,currentColor 6%,transparent)}.set-builder__notify-thumb img{width:100%;height:100%;object-fit:cover}.set-builder__notify-body{display:grid;gap:.125rem;min-width:0}.set-builder__notify-title{font-weight:600;line-height:1.25}.set-builder__notify-close{display:flex;align-items:center;justify-content:center;flex:none;margin-inline-start:auto;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:none;color:inherit;cursor:pointer}.set-builder__notify-close:hover{border-color:currentColor}.set-builder__drawer-footer{display:grid;gap:.625rem}.set-builder__drawer-preview{display:grid;gap:.375rem}.set-builder__drawer-thumbs{display:flex;flex-wrap:wrap;gap:.375rem}.set-builder__drawer-thumb{width:2.75rem;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:color-mix(in srgb,currentColor 6%,transparent)}.set-builder__drawer-thumb img{width:100%;height:100%;object-fit:cover}.set-builder__drawer-thumb--empty{background:none;border:1px dashed color-mix(in srgb,currentColor 30%,transparent)}.set-builder__drawer-hint{margin:0}.set-builder__gift{margin-block-start:1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1px solid var(--sb-gift-border, var(--sb-border-soft));border-radius:var(--sb-tile-radius, 8px);background:var(--sb-gift-background, transparent);transition:opacity .2s ease,border-color .2s ease}.set-builder__gift.is-locked{opacity:var(--sb-gift-locked-opacity, .5);filter:grayscale(1)}.set-builder__gift-media{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:calc(var(--sb-tile-radius, 8px) - 2px);overflow:hidden;background:color-mix(in srgb,currentColor 4%,transparent)}.set-builder__gift-media img{width:100%;height:100%;object-fit:cover}.set-builder__gift-placeholder{opacity:.5}.set-builder__gift-body{display:grid;gap:.125rem}.set-builder__gift-title{font-weight:600;line-height:1.25}.set-builder__gift-aside{display:grid;justify-items:end;gap:.25rem}.set-builder__gift-badge{padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap;background:var(--sb-gift-badge-background, rgb(var(--text-color)));color:var(--sb-gift-badge-text, rgb(var(--background)))}.set-builder__gift-compare{opacity:.65}@supports (grid-template-rows: subgrid){.set-builder__sizes--breaks .set-builder__size-tile{grid-row:span 5}.set-builder__sizes--breaks.set-builder__sizes--no-per-unit .set-builder__size-tile{grid-row:span 4}}.set-builder__size-savings{font-weight:600;padding-inline:.5rem}.set-builder__size-savings:empty,.set-builder__size-per-unit:empty{min-height:1px}.set-builder__compact-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.set-builder__compact-head .set-builder__step-title{margin-block-end:0}.set-builder__compact-sub{margin-block:.25rem 0}.set-builder__deal-bar{display:grid;gap:.375rem;margin-block:.75rem}.set-builder__deal-bar:empty{display:none}.set-builder__bar{height:.5rem;border-radius:999px;overflow:hidden;background:rgb(var(--text-color) / .1)}.set-builder__bar-fill{display:block;height:100%;border-radius:inherit;background:var(--sb-badge-background, rgb(var(--text-color)));transition:width .2s ease}.set-builder__bar-text{margin:0}.set-builder__bar.is-reached+.set-builder__bar-text,.set-builder__compact-note--deal{font-weight:600}.set-builder__slot--ghost{opacity:.55}.set-builder__slot-price{display:block;line-height:1.35;font-variant-numeric:tabular-nums}.set-builder__slot-price s{margin-inline-end:.2em}.set-builder__deal-price{font-weight:600}.set-builder__deal-hint{display:inline-block;margin-inline-start:.25rem;padding:1px 6px;border-radius:5px;font-size:.85em;font-weight:600;white-space:nowrap;background:var(--sb-badge-background, rgb(var(--text-color)));color:var(--sb-badge-text, rgb(var(--background)))}.set-builder__compact-note{margin-block:.75rem 0}.set-builder__drawer-deal-hint{margin-block-end:.75rem}.set-builder__drawer-footer .set-builder__deal-bar{margin-block:0 .25rem}@media(prefers-reduced-motion:reduce){.set-builder__bar-fill,.set-builder__color-media img{transition:none}}.set-builder__pill{display:flex;align-items:stretch;min-width:0;max-width:100%;overflow:hidden;border-radius:var(--bundle-bar-radius, var(--rounded-badge));background:rgb(var(--bundle-bar-track-bg, var(--bundle-bar-fill-bg, var(--primary-badge-background)) / .14))}.set-builder__pill-fill,.set-builder__pill-chip{display:inline-flex;align-items:center;padding:.5em .85em;font-size:var(--bundle-badge-font-size, var(--text-sm));line-height:1.2;white-space:nowrap}.set-builder__pill-fill{min-width:fit-content;border-radius:var(--bundle-bar-radius, var(--rounded-badge));background:rgb(var(--bundle-bar-fill-bg, var(--primary-badge-background)));color:rgb(var(--bundle-bar-fill-text, var(--primary-badge-text)));font-weight:600;transition:width .25s ease}.set-builder__pill-chip{display:block;align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-inline-start:auto;color:rgb(var(--bundle-bar-fill-bg, var(--primary-badge-background)));font-weight:700}.set-builder__deal-hint--bundle{background:rgb(var(--bundle-badge-bg, var(--primary-badge-background)));color:rgb(var(--bundle-badge-text, var(--primary-badge-text)));border-radius:var(--bundle-badge-radius, 5px)}.set-builder:has(.set-builder__pill) .set-builder__deal-price{color:rgb(var(--bundle-badge-text, var(--text-color)))}@media screen and (max-width:699px){.set-builder__pill-fill,.set-builder__pill-chip{padding-inline:.65em;font-size:calc(var(--bundle-badge-font-size, var(--text-sm)) - 1px)}}@media(prefers-reduced-motion:reduce){.set-builder__pill-fill{transition:none}}.set-builder--compact .set-builder__slots{grid-auto-rows:1fr;align-items:stretch}@media screen and (min-width:700px){.set-builder--compact .set-builder__slots,.set-builder--compact .set-builder__slots:not(:has([data-slot]:nth-child(4):not([hidden]))){grid-template-columns:repeat(3,minmax(0,1fr))}}.set-builder--compact .set-builder__slot{display:flex}.set-builder--compact .set-builder__slot-btn{height:100%;justify-content:flex-start;gap:.5rem;padding:.5rem .5rem .75rem}.set-builder--compact .set-builder__slot-label{justify-content:center;min-height:0}.set-builder--compact .set-builder__slot-price{margin-block-start:-.25rem}.set-builder--compact .set-builder__slot-price{display:grid;justify-items:center;gap:.375rem;text-align:center}.set-builder--compact .set-builder__slot-price-row{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.35em}.set-builder--compact .set-builder__slot-price s{margin:0}.set-builder--compact .set-builder__deal-hint{margin:0;padding:.2em .6em}@media screen and (min-width:700px){.set-builder--compact .set-builder__slot-price{font-size:var(--text-sm)}.set-builder--compact .set-builder__deal-hint{font-size:.875em}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/set-builder.css.map */