.sbs-variant-steps{--sbs-muted: color-mix(in srgb, var(--color-text-body) 64%, transparent);--sbs-line: color-mix(in srgb, var(--color-text-body) 14%, transparent);--sbs-hover: color-mix(in srgb, var(--color-text-body) 40%, transparent);--sbs-tint: color-mix(in srgb, var(--color-button-primary) 10%, var(--color-body));display:flex;flex-direction:column;row-gap:23px;padding:12px 0 10px;color:var(--color-text-body);font-family:var(--type-base-primary),var(--type-base-fallback);letter-spacing:.04em;line-height:1.45}.sbs-variant-steps .sbs-step{min-width:0;margin:0;border:0;padding:0}.sbs-variant-steps .sbs-step__head{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px;margin-bottom:8px}.sbs-variant-steps .sbs-step__count{grid-column:1 / -1;margin-bottom:6px;color:var(--sbs-muted);font-size:10px;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.sbs-variant-steps .sbs-step__name{font-family:var(--type-header-primary),var(--type-header-fallback);font-size:16px;font-weight:var(--type-header-weight);letter-spacing:0;line-height:1.2}.sbs-variant-steps .sbs-step__help{justify-self:end;margin:0;border:0;padding:0;background:none;color:var(--sbs-muted);font:inherit;font-size:12px;letter-spacing:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}.sbs-variant-steps .sbs-step__help:hover,.sbs-variant-steps .sbs-step__help[aria-expanded=true]{color:var(--color-text-body)}.sbs-variant-steps .sbs-step label:not(.variant__button-label):not(.text-label){width:auto;max-width:100%;margin:0;font-size:inherit}.sbs-variant-steps .sbs-swatches,.sbs-variant-steps .sbs-chips,.sbs-variant-steps .sbs-media,.sbs-variant-steps .sbs-frames,.sbs-variant-steps .sbs-row{position:relative}.sbs-variant-steps .sbs-swatches,.sbs-variant-steps .sbs-frames{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;letter-spacing:.01em;line-height:1.3}.sbs-variant-steps .sbs-swatch{flex:0 0 80px;text-align:center}.sbs-variant-steps .sbs-frames{flex-wrap:nowrap}.sbs-variant-steps .sbs-frames .sbs-swatch{flex:0 1 72px;min-width:0}.sbs-variant-steps .sbs-swatch__box{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-text-body-alpha-008)}.sbs-variant-steps .sbs-swatch__box img{display:block;width:100%;height:100%;object-fit:cover}.sbs-variant-steps .sbs-swatch__label{display:block;margin-top:5px}.sbs-variant-steps input:checked+.sbs-swatch .sbs-swatch__box{box-shadow:0 0 0 1px var(--color-body),0 0 0 2.25px var(--color-text-body)}.sbs-variant-steps input:checked+.sbs-swatch .sbs-swatch__label{font-weight:600}.sbs-variant-steps .sbs-swatch:not(:has(.sbs-swatch__box)){flex-basis:auto;border:1px solid var(--sbs-line);padding:4px 10px;line-height:20px}.sbs-variant-steps .sbs-swatch:not(:has(.sbs-swatch__box)) .sbs-swatch__label{margin-top:0}.sbs-variant-steps input:checked+.sbs-swatch:not(:has(.sbs-swatch__box)){border-color:var(--color-text-body)}.sbs-variant-steps .sbs-chips{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:20px}.sbs-variant-steps .sbs-chip{flex:none;border:1px solid var(--sbs-line);padding:4px 10px;white-space:nowrap}.sbs-variant-steps input:checked+.sbs-chip{border-color:var(--color-text-body);font-weight:600}.sbs-variant-steps .sbs-media{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.sbs-variant-steps .sbs-media-card{display:flex;align-items:center;gap:12px;border:1px solid var(--sbs-line);padding:6px;background:var(--color-card-bg)}.sbs-variant-steps .sbs-media-card__img{flex:none;width:40px;height:40px;object-fit:cover}.sbs-variant-steps .sbs-media-card__title{display:block;font-size:13px;font-weight:600}.sbs-variant-steps .sbs-media-card__sub{display:block;color:var(--sbs-muted);font-size:12px;line-height:1.3}.sbs-variant-steps input:checked+.sbs-media-card{border-color:var(--color-text-body)}.sbs-variant-steps .sbs-paper-note{margin:10px 0 0;color:var(--sbs-muted);font-size:12px;line-height:1.45}.sbs-variant-steps .sbs-row{border:1px solid var(--sbs-line);background:var(--color-card-bg);font-size:13px}.sbs-variant-steps .sbs-row+.sbs-row{margin-top:8px}.sbs-variant-steps .sbs-row.is-selected{border-color:var(--color-text-body);padding-bottom:15px}.sbs-variant-steps .sbs-row__label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:15px 14px}.sbs-variant-steps .sbs-row.is-selected>.sbs-row__label{padding-bottom:0}.sbs-variant-steps .sbs-row__label:before{content:"";box-sizing:border-box;width:14px;height:14px;border:1px solid var(--color-text-body);border-radius:50%}.sbs-variant-steps input:checked+.sbs-row__label:before{background:var(--color-text-body);box-shadow:inset 0 0 0 3px var(--color-card-bg)}.sbs-variant-steps .sbs-row__title{font-size:13px;font-weight:600}.sbs-variant-steps .sbs-row__lead{color:var(--sbs-muted);font-size:12px;white-space:nowrap}.sbs-variant-steps .sbs-row__sub,.sbs-variant-steps .sbs-row__inner{display:none;padding:0 14px 0 38px}.sbs-variant-steps .sbs-row.is-selected>.sbs-row__sub,.sbs-variant-steps .sbs-row.is-selected>.sbs-row__inner{display:block}.sbs-variant-steps .sbs-row__sub{margin:2px 0 0;color:var(--sbs-muted);font-size:12px}.sbs-variant-steps .sbs-row__inner{margin-top:10px}.sbs-variant-steps .sbs-notice{margin-top:12px;padding:9px 11px;background:var(--sbs-tint);font-size:12px;line-height:1.45}.sbs-variant-steps .sbs-notice p{margin:0}.sbs-variant-steps .sbs-notice p+p{margin-top:6px}.sbs-variant-steps .sbs-paper-note a,.sbs-variant-steps .sbs-row__sub a,.sbs-variant-steps .sbs-notice a{color:var(--color-text-body);text-decoration:underline;text-underline-offset:2px}.sbs-variant-steps .sbs-estimate{border-bottom:1px dotted currentColor}@media(hover:hover){.sbs-variant-steps input:not(:checked):not(:disabled)+.sbs-chip:hover,.sbs-variant-steps input:not(:checked):not(:disabled)+.sbs-media-card:hover,.sbs-variant-steps .sbs-row:not(.is-selected):has(>input:not(:disabled)+.sbs-row__label:hover){border-color:var(--sbs-hover)}}.sbs-variant-steps input[data-disabled]+label{opacity:.4}.sbs-variant-steps input:disabled+label{cursor:not-allowed}.sbs-variant-steps .sbs-soldout{display:none}.sbs-variant-steps input[data-disabled]+label .sbs-avail{display:none}.sbs-variant-steps input[data-disabled]+label .sbs-soldout{display:block}.sbs-variant-steps .sbs-unoffered,.sbs-variant-steps .sbs-notinsize,.sbs-variant-steps .sbs-na{display:none}.sbs-variant-steps input[data-unavailable=not-offered]+label .sbs-avail,.sbs-variant-steps input[data-unavailable=not-offered]+label .sbs-soldout,.sbs-variant-steps input[data-unavailable=not-in-size]+label .sbs-avail,.sbs-variant-steps input[data-unavailable=not-in-size]+label .sbs-soldout{display:none}.sbs-variant-steps input[data-unavailable=not-offered]+label .sbs-unoffered,.sbs-variant-steps input[data-unavailable=not-in-size]+label .sbs-notinsize,.sbs-variant-steps input[data-unavailable=not-offered]+label .sbs-na,.sbs-variant-steps input[data-unavailable=not-in-size]+label .sbs-na{display:block}.sbs-variant-steps .sbs-swatch__sold{color:var(--sbs-muted);font-size:12px;line-height:1.3}.sbs-variant-steps input[data-disabled]+.sbs-chip .sbs-chip__text{text-decoration:line-through}.sbs-variant-steps .sbs-size-note{margin:10px 0 0;color:var(--sbs-muted);font-size:12px;line-height:1.45}.sbs-variant-steps .sbs-size-note__link{margin:0;border:0;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sbs-variant-steps .sbs-size-note__link:hover{color:var(--color-text-body)}.sbs-variant-steps .sbs-step[data-sbs-step=orientation]{position:relative}.sbs-variant-steps .sbs-tooltip{position:absolute;right:0;z-index:10;width:min(300px,100%);border:1px solid var(--sbs-line);padding:16px;background:var(--color-card-bg);box-shadow:0 4px 12px color-mix(in srgb,var(--color-text-body) 10%,transparent);font-size:13px;line-height:1.5}.sbs-variant-steps .sbs-tooltip p{margin:0 0 8px}.sbs-variant-steps .sbs-tooltip p:first-of-type{padding-right:20px}.sbs-variant-steps .sbs-tooltip p:last-child{margin-bottom:0}.sbs-variant-steps .sbs-tooltip__close{position:absolute;top:10px;right:10px;margin:0;border:0;padding:2px;background:none;color:var(--sbs-muted);line-height:0;cursor:pointer}.sbs-variant-steps .sbs-tooltip__close:hover{color:var(--color-text-body)}@media(max-width:768px){.sbs-variant-steps{row-gap:19px;padding:10px 0 8px}.sbs-variant-steps .sbs-step__head{margin-bottom:7px}.sbs-variant-steps .sbs-step__count{margin-bottom:3px;font-size:9.5px;letter-spacing:.15em}.sbs-variant-steps .sbs-step__name{font-size:15px}.sbs-variant-steps .sbs-step__help{font-size:11.5px}.sbs-variant-steps .sbs-swatches{gap:6px}.sbs-variant-steps .sbs-swatches,.sbs-variant-steps .sbs-frames{font-size:11.5px}.sbs-variant-steps .sbs-swatch{flex-basis:68px}.sbs-variant-steps .sbs-frames .sbs-swatch{flex-basis:60px}.sbs-variant-steps .sbs-swatch__label{margin-top:4px}.sbs-variant-steps .sbs-swatch:not(:has(.sbs-swatch__box)){padding:4px 9px}.sbs-variant-steps .sbs-chips{flex-wrap:nowrap;gap:6px;margin:-4px calc(var(--page-width-padding) * -1) -4px -4px;padding:4px var(--page-width-padding) 4px 4px;overflow-x:auto;scrollbar-width:none;font-size:11.5px}.sbs-variant-steps .sbs-chips::-webkit-scrollbar{display:none}.sbs-variant-steps .sbs-chip{padding:4px 9px}.sbs-variant-steps .sbs-media{gap:6px}.sbs-variant-steps .sbs-media-card{gap:9px;padding:5px}.sbs-variant-steps .sbs-media-card__img{width:36px;height:36px}.sbs-variant-steps .sbs-media-card__title{font-size:12.5px}.sbs-variant-steps .sbs-media-card__sub{font-size:11px}.sbs-variant-steps .sbs-size-note,.sbs-variant-steps .sbs-paper-note{margin-top:8px;font-size:11.5px}.sbs-variant-steps .sbs-row+.sbs-row{margin-top:6px}.sbs-variant-steps .sbs-row.is-selected{padding-bottom:12px}.sbs-variant-steps .sbs-row__label{column-gap:9px;padding:12px}.sbs-variant-steps .sbs-row__label:before{width:13px;height:13px}.sbs-variant-steps .sbs-row__title{font-size:12.5px}.sbs-variant-steps .sbs-row__lead,.sbs-variant-steps .sbs-row__sub,.sbs-variant-steps .sbs-notice{font-size:11.5px}.sbs-variant-steps .sbs-row__sub,.sbs-variant-steps .sbs-row__inner{padding:0 12px 0 34px}.sbs-variant-steps .sbs-row__sub{margin-top:1px}.sbs-variant-steps .sbs-row__inner{margin-top:9px}.sbs-variant-steps .sbs-tooltip{font-size:12.5px}}.sbs-variant-steps .sbs-step[hidden],.sbs-variant-steps .sbs-paper-note[hidden],.sbs-variant-steps .sbs-size-note[hidden],.sbs-variant-steps .sbs-tooltip[hidden],.sbs-variant-steps [data-sbs-style-source][hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/63/assets/sbs-variant-steps.css.map */