.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, 0 0 0)));color:var(--sb-badge-text, rgb(var(--background, 255 255 255)));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, 255 255 255));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:3 / 4;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, 255 255 255));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-color, var(--text-color, 0 0 0)))}.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;position:relative}.set-builder__gift.is-locked{opacity:var(--sb-gift-locked-opacity, .5);filter:grayscale(1)}.set-builder__gift-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.set-builder__gift-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sb-tile-radius, 8px)}.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, 0 0 0)));color:var(--sb-gift-badge-text, rgb(var(--background, 255 255 255)))}.set-builder__gift-compare{opacity:.65}
/*# sourceMappingURL=/cdn/shop/t/16/assets/set-builder.css.map */