.vp-category-select{--vp-category-select-height: 48px;--vp-category-select-padding: 16px;--vp-category-select-bg: var(--color-bg-gray, #f7f7f7);--vp-category-select-panel-bg: var(--color-bg-gray, #f7f7f7);--vp-category-select-text-color: var(--color-neutral-darkest, #000000);--vp-category-select-muted: var(--color-neutral-light, #aaaaaa);--vp-category-select-hover-bg: var(--color-neutral-lighter, #cccccc);--vp-category-select-caret-size: var(--icon-size-xs, 12px);--vp-category-select-panel-max-height: 320px;--vp-category-select-shadow: 2px 2px 0 rgb(0 0 0 / .06);position:relative;width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-family-base, var(--font-paragraph--family))}.vp-category-select *,.vp-category-select *:before,.vp-category-select *:after{box-sizing:border-box}.vp-category-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:var(--vp-category-select-height);margin:0;padding-inline:var(--vp-category-select-padding);padding-block:0;border:0;border-radius:0;background-color:var(--vp-category-select-bg);color:var(--vp-category-select-text-color);font:inherit;font-size:var(--font-size-desktop-paragraph, 16px);line-height:var(--vp-category-select-height);text-align:start;cursor:pointer}.vp-category-select:not([data-has-value]) .vp-category-select__trigger-label{color:#0000008c}.vp-category-select__trigger:focus{outline:none;box-shadow:inset 0 0 0 1px var(--color-pool-blue, #4a90c8)}.vp-category-select__trigger:focus:not(:focus-visible){box-shadow:none}.vp-category-select__trigger:focus-visible{box-shadow:inset 0 0 0 1px var(--color-pool-blue, #4a90c8)}.vp-category-select__trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-category-select__caret{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .15s ease}.vp-category-select__caret svg{width:var(--vp-category-select-caret-size);height:var(--vp-category-select-caret-size)}.vp-category-select[open] .vp-category-select__caret{transform:rotate(180deg)}.vp-category-select[open]{z-index:20}.vp-category-select__panel{position:absolute;inset-inline-start:0;top:100%;z-index:20;display:none;flex-direction:column;width:100%;max-height:min(var(--vp-category-select-panel-max-height),70vh);background-color:var(--vp-category-select-panel-bg);color:var(--vp-category-select-text-color);box-shadow:var(--vp-category-select-shadow)}.vp-category-select[open] .vp-category-select__panel{display:flex}.vp-category-select__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block:4px 8px;scrollbar-width:thin;scrollbar-color:var(--color-neutral-dark, #444444) var(--color-neutral-lighter, #cccccc)}.vp-category-select__list::-webkit-scrollbar{width:8px}.vp-category-select__list::-webkit-scrollbar-track{background-color:var(--color-neutral-lighter, #cccccc)}.vp-category-select__list::-webkit-scrollbar-thumb{background-color:var(--color-neutral-dark, #444444)}.vp-category-select__group{padding-block:8px 4px}.vp-category-select__group-label{margin:0;padding-inline:var(--vp-category-select-padding);padding-block:4px 6px;color:var(--vp-category-select-muted);font-size:var(--font-size-desktop-label, 12px);font-weight:var(--font-weight-semibold, 600);letter-spacing:.04em;line-height:1.2;text-transform:uppercase;border-block-end:1px solid var(--color-neutral-lighter, #cccccc)}.vp-category-select__option{display:block;width:100%;margin:0;padding-inline:var(--vp-category-select-padding);padding-block:10px;border:0;border-radius:0;background:transparent;color:var(--vp-category-select-text-color);font:inherit;font-size:var(--font-size-desktop-paragraph, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.3;text-align:start;cursor:pointer}.vp-category-select__option:hover,.vp-category-select__option[aria-selected=true],.vp-category-select__option.is-active{background-color:var(--vp-category-select-hover-bg)}.vp-category-select__option:focus{outline:none;background-color:var(--vp-category-select-hover-bg)}@media screen and (max-width:749px){.vp-category-select__panel{max-height:min(360px,60vh)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/vp-category-select.css.map */