.model-picker{z-index:10;position:relative;overflow-x:hidden}.model-picker.product-card{overflow-x:hidden;display:flex;flex-direction:row;gap:var(--spacing-spacing-sm)}.model-picker.product-page{overflow-x:scroll}.model-picker.product-page:after{background:linear-gradient(to left,rgba(var(--color-background),.8),transparent)}.product_variant__swatch{width:80px;background-color:#f7f7f7;border:1px solid var(--color-border-secondary);order:2;transition:all .3s ease-in-out}.model-picker.product-card .product_variant__swatch{border-radius:9999px;width:var(--sizing-sizing-6)}.product_variant__swatch .swatch-label{display:block;width:100%;aspect-ratio:1/1;mix-blend-mode:multiply;cursor:pointer}.variant__swatches{display:flex;width:max-content;flex-direction:row;gap:8px;border:none;z-index:10;position:inherit;padding:0;margin:0;max-height:24px}.model-picker.product-page .variant__swatches{display:flex;flex-direction:row;gap:var(--spacing-spacing-sm);padding-bottom:var(--spacing-spacing-lg);margin-bottom:0;max-height:none}.model-picker.product-page .product_variant__swatch{display:flex;width:var(--sizing-sizing-20);border-radius:var(--border-radius-rounded);background:var(--color-bg-subtle)}.product_variant__swatch:hover,.load-more__btn:hover{border:1px solid var(--color-border-subtle-hover)}.product_variant__swatch.active_swatch{border:1px solid rgb(var(--color-primary_button_background));order:1}.product_variant__swatch.active_swatch:hover{border:1px solid rgb(var(--color-primary_button_hover_background));order:1}.load-more__btn{font-size:var(--text-sm);color:rgb(var(--color-foreground));align-items:center;text-decoration:none;transition:all .3s ease-in-out;border-radius:var(--border-radius-rounded-full);width:25px;aspect-ratio:1/1;justify-content:center;border:1px solid var(--color-border-secondary);background-color:var(--color-bg-subtle)}.load-more__btn:hover{background-color:var(--color-bg-subtle)}.model-picker.product-card{max-width:88px}.model-picker__container:has(.product-card){display:flex;gap:var(--spacing-spacing-sm)}@media screen and (min-width: 426px){.model-picker.product-card{max-width:152px}}@media screen and (min-width: 769px){.model-picker.product-card{max-width:120px}}@media screen and (min-width: 1025px){.model-picker.product-card{max-width:184px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/scx_asset_component-model-picker.css.map */