product-texture-picker.product-texture-picker{display:block;margin-bottom:2rem}product-texture-picker.product-texture-picker .product-texture-picker-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"content preview" "note note";gap:1rem;align-items:start}product-texture-picker.product-texture-picker .product-texture-picker-content{grid-area:content;min-width:0}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel{grid-area:preview;display:flex;flex-direction:column;min-width:0;position:sticky;top:0;align-self:start}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel.is-active{opacity:1}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-inner{width:300px;height:300px;max-width:100%;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box;overflow:hidden}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-image{width:300px;height:300px;max-width:100%;object-fit:contain;object-position:center;display:block;border:none;border-radius:0}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-caption{margin:.5rem 0 0;padding:0;border:none;font-size:calc(var(--font-body-scale) * 1.05rem);line-height:1.35;color:rgba(var(--color-foreground),.8);text-align:center;word-break:break-word}product-texture-picker.product-texture-picker .product-texture-picker-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-spacing);font-size:calc(var(--font-heading-scale) * 1.8rem);line-height:calc(1 + .2 / var(--font-heading-scale));color:rgb(var(--color-foreground-alt));width:100%;margin:0 0 1rem;padding:0 0 1rem;border:none;border-bottom:.1rem solid rgb(var(--color-border))}product-texture-picker.product-texture-picker .product-texture-picker-group+.product-texture-picker-group{margin-top:1.75rem}product-texture-picker.product-texture-picker .product-texture-picker-options{display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:.5rem;grid-template-columns:unset!important}product-texture-picker.product-texture-picker .product-texture-picker-option{position:relative;display:flex;flex-direction:row;align-items:center;gap:.85rem;width:100%;max-width:100%;flex:0 0 auto;padding:.55rem .7rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--border-radius-base, .4rem);background:rgb(var(--color-background));box-shadow:none;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}product-texture-picker.product-texture-picker .product-texture-picker-option.is-selected{border-color:rgb(var(--color-accent-1));box-shadow:0 0 0 .1rem rgb(var(--color-accent-1))}product-texture-picker.product-texture-picker .product-texture-picker-option.is-selected .product-texture-picker-option-image-wrap{border-color:rgb(var(--color-accent-1))}product-texture-picker.product-texture-picker .product-texture-picker-option.is-unavailable{opacity:.45;cursor:not-allowed}product-texture-picker.product-texture-picker .product-texture-picker-option-image-wrap{position:relative;width:3.6rem;height:3.6rem;max-width:3.6rem;max-height:3.6rem;flex-shrink:0;margin-inline:0;overflow:hidden;border:.15rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgba(var(--color-foreground),.04);transition:border-color .2s ease,box-shadow .2s ease}product-texture-picker.product-texture-picker .product-texture-picker-option:not(.is-unavailable):hover,product-texture-picker.product-texture-picker .product-texture-picker-option:not(.is-unavailable):focus-visible{border-color:rgba(var(--color-foreground),.28)}product-texture-picker.product-texture-picker .product-texture-picker-option-image{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:50%}product-texture-picker.product-texture-picker .product-texture-picker-option-body{width:auto;flex:1;min-width:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;text-align:left}product-texture-picker.product-texture-picker .product-texture-picker-option-label{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:400;line-height:1.35;color:rgb(var(--color-foreground));word-break:break-word}product-texture-picker.product-texture-picker .product-texture-picker-option-badge{font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:400;color:rgba(var(--color-foreground),.75)}product-texture-picker.product-texture-picker .product-texture-picker-note{grid-area:note;width:100%;margin:.25rem 0 0;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.5;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){product-texture-picker.product-texture-picker .product-texture-picker-option-image-wrap{width:4rem;height:4rem;max-width:4rem;max-height:4rem}}@media screen and (max-width:749px){product-texture-picker.product-texture-picker .product-texture-picker-layout{grid-template-columns:minmax(0,1fr) min(300px,38vw);gap:.5rem;align-items:start}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-inner,product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-image{width:min(300px,38vw);height:min(300px,38vw);max-width:100%}product-texture-picker.product-texture-picker .product-texture-picker-preview-panel-caption{font-size:calc(var(--font-body-scale) * .9rem);line-height:1.25}product-texture-picker.product-texture-picker .product-texture-picker-option{gap:.5rem;padding:.45rem .5rem}product-texture-picker.product-texture-picker .product-texture-picker-option-image-wrap{width:2.75rem;height:2.75rem;max-width:2.75rem;max-height:2.75rem}product-texture-picker.product-texture-picker .product-texture-picker-option-label{font-size:calc(var(--font-body-scale) * 1.25rem);line-height:1.3}product-texture-picker.product-texture-picker .product-texture-picker-option-badge{font-size:calc(var(--font-body-scale) * 1.1rem)}product-texture-picker.product-texture-picker .product-texture-picker-group+.product-texture-picker-group{margin-top:1.35rem}}.product-has-texture-picker variant-radios fieldset[data-texture-option-fieldset],.product-has-texture-picker variant-radios fieldset[data-option-name=Texture],.product-has-texture-picker variant-selects select[name="options[Texture]"]{display:none!important}.product-has-texture-picker variant-selects .product-form-input-dropdown:has(select[name="options[Texture]"]){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-product-texture-picker.css.map */