.product-finishes-picker{width:100%}.product-finishes-picker__dialog{display:block;width:100%}.product-finishes-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);width:100%;min-height:4.0625rem;padding:var(--padding-md) 0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.product-finishes-picker__trigger:hover{color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.variant-picker__form .product-finishes-picker__trigger{padding-top:var(--padding-2xs);min-height:3.25rem}.product-finishes-picker__trigger-text{display:flex;flex-direction:column;gap:var(--gap-3xs);min-width:0}.product-finishes-picker__trigger-label{font-size:.875rem;font-weight:700;line-height:1.3;text-transform:uppercase}.product-finishes-picker__trigger-value{font-size:.75rem;line-height:1.3;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));text-transform:none;font-weight:400}.product-finishes-picker__trigger-end{display:flex;align-items:center;gap:var(--gap-sm);flex-shrink:0;margin-inline-start:auto}.product-finishes-picker__trigger-preview{display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-finishes-picker__trigger-preview-image{display:block;width:2.75rem;height:2.75rem;background-color:var(--color-variant-background, #f4f4f4);background-image:var(--finish-image);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--color-variant-border, #d9d9d9);border-radius:2px}.product-finishes-picker__trigger-icon{flex-shrink:0;opacity:.55}.product-finishes-picker__drawer{position:fixed;inset-block:0;inset-inline-end:0;width:var(--sidebar-width);max-width:95vw;height:100%;margin:0 0 0 auto;padding:0;border:var(--style-border-drawer);border-radius:0;box-shadow:var(--shadow-drawer);background-color:var(--color-background);overflow:hidden}.product-finishes-picker__drawer:modal{max-height:100dvh}.product-finishes-picker__drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--drawer-header-block-padding) var(--drawer-inline-padding);border-bottom:1px solid var(--color-border)}.product-finishes-picker__drawer-title{margin:0;font-size:.875rem;font-weight:700;line-height:1.3;text-transform:uppercase}.product-finishes-picker__close{position:static;width:var(--minimum-touch-target);height:var(--minimum-touch-target);opacity:.8;animation:none}.product-finishes-picker__drawer-body{overflow-y:auto;max-height:calc(100dvh - 4.5rem);padding:var(--drawer-content-block-padding) var(--drawer-inline-padding) var(--padding-xl)}.product-finishes-picker__group:not(:has([data-finish-item])){display:none}.product-finishes-picker__group+.product-finishes-picker__group{margin-top:var(--margin-md)}.product-finishes-picker__group-heading{margin:0 0 var(--margin-xs);font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.product-finishes-picker__list{display:flex;flex-wrap:wrap;gap:var(--gap-sm);list-style:none;margin:0;padding:0}.product-finishes-picker__item{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2xs);padding:0;border:2px solid transparent;border-radius:0;background:transparent;cursor:pointer;color:inherit;min-width:4.5rem;max-width:5.5rem;text-align:center}.product-finishes-picker__item:hover{border-color:rgb(var(--color-foreground-rgb) / .35)}.product-finishes-picker__item[data-current-checked=true]{border-color:var(--color-foreground)}.product-finishes-picker__image{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--color-variant-background, #f4f4f4);background-image:var(--finish-image);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--color-variant-border, #d9d9d9);border-radius:2px;overflow:hidden}.product-finishes-picker__label{font-size:.6875rem;line-height:1.25;word-break:break-word;color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.product-finishes-picker__item[data-current-checked=true] .product-finishes-picker__label{color:var(--color-foreground);font-weight:600}.product-finishes-picker__item--unavailable .product-finishes-picker__label{opacity:.55}.product-finishes-picker__item--unavailable .product-finishes-picker__image{opacity:.65}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-finishes-picker.css.map */