.combined-variant-picker{display:block;width:100%}.combined-variant-picker__fieldset{border:0;padding:0;margin:0 0 var(--spacing-medium)}.combined-variant-picker__fieldset:last-child{margin-bottom:0}.combined-variant-picker__legend{display:block;margin-bottom:var(--spacing-xsmall);padding:0;font-family:var(--font-body--family);font-size:14px;font-weight:600;line-height:1.3;color:var(--color-foreground);text-transform:uppercase}.combined-variant-picker__intensity{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-small);padding-top:18px;margin-bottom:var(--spacing-medium)}.combined-variant-picker__intensity-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-small)}.combined-variant-picker__intensity-label{font-family:var(--font-body--family);font-size:14px;font-weight:600;line-height:1.3;color:var(--color-foreground);opacity:.7}.combined-variant-picker__skew-tag{display:inline-flex;align-items:center;padding:var(--spacing-xxxsmall) var(--spacing-small);border-radius:50px;background-color:var(--color-gray-200);color:var(--color-blue-950);opacity:.7;font-family:var(--font-body--family);font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}.combined-variant-picker__intensity-bars{display:flex;gap:4px}.combined-variant-picker__intensity-bar{flex:1 1 0;height:4px;background:rgb(var(--color-foreground-rgb) / .18);border-radius:10px}.combined-variant-picker__intensity-bar.is-filled{background:var(--color-foreground)}.combined-variant-picker__swatches{display:flex;flex-wrap:wrap;gap:0 var(--spacing-medium)}.combined-variant-picker__swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xsmall);padding:8px 0;width:88px;text-decoration:none;color:var(--color-foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.combined-variant-picker__swatch-circle{display:block;width:40px;height:40px;border-radius:50%;border:2px solid transparent;transition:outline var(--duration-fast) var(--ease-out);background-clip:padding-box}.combined-variant-picker__swatch:hover .combined-variant-picker__swatch-circle{outline:1px solid rgb(var(--color-foreground-rgb) / .4);outline-offset:2px}.combined-variant-picker__swatch.is-current .combined-variant-picker__swatch-circle{outline:2px solid var(--color-foreground);outline-offset:2px}.combined-variant-picker__swatch.is-unavailable{opacity:.4;pointer-events:none}.combined-variant-picker__swatch.is-unavailable .combined-variant-picker__swatch-circle{position:relative}.combined-variant-picker__swatch.is-unavailable .combined-variant-picker__swatch-circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(var(--color-foreground-rgb)) calc(50% - 1px),rgb(var(--color-foreground-rgb)) calc(50% + 1px),transparent calc(50% + 1px))}.combined-variant-picker__swatch-label{font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.3;text-align:center;color:var(--color-foreground);word-break:keep-all;-webkit-hyphens:auto;hyphens:auto}.combined-variant-picker__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.combined-variant-picker__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxxxsmall);padding:9px 25px;border:1px solid var(--color-foreground);border-radius:1000px;background:transparent;color:var(--color-foreground);text-decoration:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.combined-variant-picker__fieldset--formula .combined-variant-picker__button{flex-direction:column}.combined-variant-picker__fieldset--package .combined-variant-picker__button{flex:1 1 0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px var(--spacing-small);padding:12px 16px;min-width:0}.combined-variant-picker__button:hover{background-color:rgb(var(--color-foreground-rgb) / .05)}.combined-variant-picker__button:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:2px}.combined-variant-picker__button.is-current{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background);pointer-events:none}.combined-variant-picker__button.is-unavailable{opacity:.45;text-decoration:line-through;pointer-events:none}.combined-variant-picker__button-primary{font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.3;white-space:nowrap}.combined-variant-picker__fieldset--package .combined-variant-picker__button-primary{line-height:1.1}.combined-variant-picker__button-secondary{font-family:var(--font-body--family);font-size:12px;font-weight:400;line-height:1.3;opacity:.7;white-space:nowrap}.combined-variant-picker.is-loading{opacity:.6;pointer-events:none}@media(max-width:749px){.combined-variant-picker__fieldset{min-width:0}.combined-variant-picker__swatches{flex-wrap:nowrap;gap:0 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:16px;scrollbar-width:none;-ms-overflow-style:none;margin-inline:-16px}.combined-variant-picker__swatches::-webkit-scrollbar{display:none}.combined-variant-picker__swatch{flex:0 0 88px;width:88px;scroll-snap-align:start}.combined-variant-picker__swatches:before,.combined-variant-picker__swatches:after{content:"";flex:0 0 16px}.combined-variant-picker__fieldset--formula .combined-variant-picker__buttons,.combined-variant-picker__fieldset--package .combined-variant-picker__buttons{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--spacing-regular);column-gap:var(--spacing-xsmall)}.combined-variant-picker__fieldset--formula .combined-variant-picker__button,.combined-variant-picker__fieldset--package .combined-variant-picker__button{flex:initial;width:100%;padding:10px 12px;min-width:0}.combined-variant-picker__fieldset--package .combined-variant-picker__button-secondary{overflow:hidden;text-overflow:ellipsis}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/combined-variant-picker.css.map */