.vp-model-select{--vp-model-select-height: 48px;--vp-model-select-padding: 16px;--vp-model-select-bg: var(--color-neutral-dark, #444444);--vp-model-select-panel-bg: var(--color-neutral-dark, #444444);--vp-model-select-text-color: var(--color-white, #ffffff);--vp-model-select-muted: rgb(255 255 255 / .55);--vp-model-select-hover-bg: rgb(255 255 255 / .1);--vp-model-select-caret-size: var(--icon-size-xs, 12px);--vp-model-select-panel-max-height: 320px;--vp-model-select-width: 240px;--vp-model-select-marquee-shift: 0px;--vp-model-select-marquee-duration: 8s;position:relative;display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-family:var(--font-family-base, var(--font-paragraph--family))}@media screen and (min-width:750px){.vp-model-select{width:var(--vp-model-select-width);flex:0 0 var(--vp-model-select-width)}}.vp-model-select *,.vp-model-select *:before,.vp-model-select *:after{box-sizing:border-box}.vp-model-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:var(--vp-model-select-height);margin:0;padding-inline:var(--vp-model-select-padding);padding-block:0;border:0;border-radius:0;background-color:var(--vp-model-select-bg);color:var(--vp-model-select-text-color);font:inherit;font-size:var(--font-size-desktop-paragraph, 16px);line-height:var(--vp-model-select-height);text-align:start;cursor:pointer}.vp-model-select:not([data-has-value]) .vp-model-select__trigger-label{color:#ffffffb8}.vp-model-select__trigger:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff59}.vp-model-select__trigger:focus:not(:focus-visible){box-shadow:none}.vp-model-select__trigger:focus-visible{box-shadow:inset 0 0 0 1px #ffffff59}.vp-model-select__trigger-label{display:flex;align-items:center;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.vp-model-select__trigger-label-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height--body-tight, 1.3)}.vp-model-select__trigger-label[data-marquee] .vp-model-select__trigger-label-text{flex:0 0 auto;overflow:visible;text-overflow:clip;animation:vp-model-select-marquee var(--vp-model-select-marquee-duration) linear infinite}@keyframes vp-model-select-marquee{0%,14%{transform:translate(0)}76%,92%{transform:translate(var(--vp-model-select-marquee-shift))}92.01%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.vp-model-select__trigger-label[data-marquee] .vp-model-select__trigger-label-text{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;animation:none}}.vp-model-select__caret{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .15s ease}.vp-model-select__caret svg{width:var(--vp-model-select-caret-size);height:var(--vp-model-select-caret-size)}.vp-model-select[open] .vp-model-select__caret{transform:rotate(180deg)}.vp-model-select__clear{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2;display:none;align-items:center;justify-content:center;width:var(--vp-model-select-height);height:var(--vp-model-select-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}.vp-model-select[data-has-value]:not([open]) .vp-model-select__clear{display:flex;color:var(--color-neutral-darkest, #000000)}.vp-model-select[data-has-value]:not([open]) .vp-model-select__caret{visibility:hidden}.vp-model-select[data-has-value]:not([open]) .vp-model-select__trigger{padding-inline-end:var(--vp-model-select-height)}.vp-model-select__clear:hover,.vp-model-select__clear:focus-visible{background-color:#0000000f}.vp-model-select__clear:focus{outline:none}.vp-model-select__clear:focus-visible{box-shadow:inset 0 0 0 1px var(--color-neutral-darkest, #000000)}.vp-model-select__clear-icon{display:flex;width:16px;height:16px}.vp-model-select__clear-icon svg{width:100%;height:100%}.vp-model-select__panel{position:absolute;inset-inline-start:0;top:100%;z-index:20;display:none;flex-direction:column;width:max(100%,280px);max-height:min(var(--vp-model-select-panel-max-height),70vh);background-color:var(--vp-model-select-panel-bg);color:var(--vp-model-select-text-color);box-shadow:0 12px 32px #00000059}.vp-model-select[open] .vp-model-select__panel{display:flex}.vp-model-select__search{flex:0 0 auto;padding:12px var(--vp-model-select-padding) 8px;border-block-end:1px solid rgb(255 255 255 / .12)}.vp-model-select__nav{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px var(--vp-model-select-padding);border-block-end:1px solid rgb(255 255 255 / .12)}.vp-model-select__nav[hidden]{display:none}.vp-model-select__back{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--vp-model-select-text-color);cursor:pointer}.vp-model-select__back:hover,.vp-model-select__back:focus-visible{background-color:var(--vp-model-select-hover-bg)}.vp-model-select__back:focus{outline:none}.vp-model-select__back-icon{display:flex;transform:rotate(90deg)}.vp-model-select__back-icon svg{width:var(--vp-model-select-caret-size);height:var(--vp-model-select-caret-size)}.vp-model-select__breadcrumb{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vp-model-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}.vp-model-select__brands{padding-block:4px 8px}.vp-model-select__brands[hidden],.vp-model-select__chassis[hidden],.vp-model-select__search-results[hidden],[data-vp-model-groups][hidden]{display:none}.vp-model-select input.vp-model-select__search-input{width:100%;height:36px;margin:0;padding-inline:12px;padding-block:0;border:0;border-radius:0;-webkit-appearance:none;appearance:none;background-color:#00000047;color:var(--vp-model-select-text-color);font-family:inherit;font-size:var(--font-size-form-control);line-height:36px;box-shadow:inset 0 0 0 1px #ffffff1f}.vp-model-select input.vp-model-select__search-input::placeholder{color:var(--vp-model-select-muted)}.vp-model-select input.vp-model-select__search-input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff59}.vp-model-select input.vp-model-select__search-input::-webkit-search-decoration,.vp-model-select input.vp-model-select__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vp-model-select__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block:4px 8px;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .35) transparent}.vp-model-select__list::-webkit-scrollbar{width:6px}.vp-model-select__list::-webkit-scrollbar-thumb{background-color:#ffffff59}.vp-model-select__group{padding-block:8px 4px}.vp-model-select__group[hidden]{display:none}.vp-model-select__group-label{margin:0;padding-inline:var(--vp-model-select-padding);padding-block:4px 6px;color:var(--vp-model-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 rgb(255 255 255 / .18)}.vp-model-select__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding-inline:var(--vp-model-select-padding);padding-block:10px;border:0;border-radius:0;background:transparent;color:var(--vp-model-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-model-select__option>span:first-child{flex:1 1 auto;min-width:0}.vp-model-select__chevron{flex:0 0 auto;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);opacity:.65}.vp-model-select__chevron svg{width:var(--vp-model-select-caret-size);height:var(--vp-model-select-caret-size)}.vp-model-select__option[hidden]{display:none}.vp-model-select__option:hover,.vp-model-select__option[aria-selected=true],.vp-model-select__option.is-active{background-color:var(--vp-model-select-hover-bg)}.vp-model-select__option:focus{outline:none;background-color:var(--vp-model-select-hover-bg)}.vp-model-select__view-all{display:flex;align-items:center;justify-content:center;width:calc(100% - (var(--vp-model-select-padding) * 2));margin:8px var(--vp-model-select-padding) 4px;padding-inline:12px;padding-block:10px;border:0;border-radius:0;background-color:var(--color-pool-blue, #1b69d3);color:var(--color-white, #ffffff);font:inherit;font-size:var(--font-size-desktop-paragraph-small, 14px);font-weight:var(--font-weight-semibold, 600);line-height:1.3;text-align:center;cursor:pointer}.vp-model-select__view-all:hover,.vp-model-select__view-all:focus-visible{filter:brightness(1.08)}.vp-model-select__view-all:focus{outline:none}.vp-model-select__view-all:focus-visible{box-shadow:inset 0 0 0 1px #ffffff8c}.vp-model-select__empty{display:none;margin:0;padding:16px var(--vp-model-select-padding);color:var(--vp-model-select-muted);font-size:var(--font-size-desktop-paragraph-small, 14px)}.vp-model-select__empty[data-visible]{display:block}.vp-model-select[data-has-value]:not([open]){--vp-model-select-bg: var(--color-white, #ffffff);--vp-model-select-text-color: var(--color-neutral-darkest, #000000)}.vp-model-select[data-has-value]:not([open]) .vp-model-select__trigger:focus-visible{box-shadow:inset 0 0 0 1px var(--color-neutral-darkest, #000000)}@media screen and (max-width:749px){.vp-model-select__panel{width:100%;max-height:min(360px,60vh)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/vp-model-select.css.map */