.vendors-side-panel{position:fixed;top:var(--menu-height, 64px);right:0;width:clamp(260px,20vw,390px);height:calc(100vh - var(--menu-height, 64px));background:#fff;transform:translate(100%);transition:transform .35s cubic-bezier(.25,.8,.25,1);border-left:.5px solid #a4adb5;z-index:1300;display:flex;flex-direction:column;font-family:Metropolis,Public Sans,sans-serif}.vendors-side-panel.open{transform:translate(0)}.vendors-panel-header{display:flex;align-items:center;gap:12px;padding:24px}.panel-title{font-weight:200;font-size:16px;color:#a8a29e;letter-spacing:1px}.panel-close{margin-left:auto;background:transparent;border:0;line-height:0;padding:0;cursor:pointer}.panel-close img{width:18px;height:18px}.vendors-panel-body{flex:1 1 auto;padding:24px 0;overflow-y:auto}.sort-options{display:flex;flex-direction:column;gap:8px}.sort-btn{background:transparent;border:0;text-align:left;font-weight:200;font-size:clamp(12px,.9vw,16px);letter-spacing:1px;color:#3f3f3f;cursor:pointer;display:block;width:100%;padding:8px 24px}.sort-btn.selected{background:#eeebe7;color:#a8a29e;text-decoration:none}.by-letter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 24px}.by-letter .letters-grid{display:none;margin-top:8px;row-gap:8px;column-gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:0 24px}.by-letter-toggle[aria-expanded=true]+.letters-grid{display:grid}.letter-btn{height:32px;min-width:32px;padding:0 12px;background:#faf9f8;border:0;font-size:14px;font-weight:200;color:#3f3f3f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.letter-btn.selected{background:#eeebe7;outline:none}.apply-btn{display:block;width:calc(100% - 48px);max-width:300px;height:50px;background:#a8a29e;color:#f5f5f3;border:0;font-weight:400;font-size:clamp(14px,.9vw,16px);letter-spacing:1.2px;cursor:pointer;margin:clamp(50px,4vw,48px) 24px 0}.vendors-filter-panel .vendors-panel-header{padding-inline:24px}.vendors-filter-panel .vendors-panel-body{display:flex;flex-direction:column}.clear-all{background:transparent;border:0;padding:0;font-weight:200;font-size:clamp(12px,.9vw,16px);letter-spacing:1px;color:#a8a29e;display:flex;align-items:center;gap:8px;cursor:pointer}.clear-x{font-size:18px;line-height:1}.vendors-filter-scroll{flex:1 1 auto;padding:24px 0;overflow-y:auto}.filter-cat{margin:0 0 4px}.filter-cat>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-weight:200;font-size:clamp(12px,.9vw,16px);letter-spacing:1px;color:#3f3f3f;padding:8px 24px}.filter-cat[open]>summary{background:#f5f5f3}.arrow-icon{width:12px;height:auto;transition:transform .25s}.filter-list{margin-top:12px;padding-left:24px}.filter-list>li+li{margin-top:8px}.checkbox-wrap{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(12px,.78vw,18px);height:clamp(12px,.78vw,18px);background:url(/build/assets/checkbox-ACPzex0Q.svg) center/contain no-repeat;flex:0 0 clamp(12px,.78vw,18px)}.checkbox-wrap input:checked{background-image:url(/build/assets/checked-QbfcY7Xa.svg)}.filter-label{font-weight:200;font-size:clamp(12px,.9vw,16px);color:#3f3f3f;text-transform:uppercase}.sub-item{margin-left:0}.sub-item details>summary{padding:0 24px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:clamp(12px,.9vw,16px)}.sub-item .filter-label{font-size:clamp(12px,.9vw,16px)}.sub-item details .filter-list{padding-left:20px}.apply-btn{align-self:center;margin:clamp(50px,4vw,48px) 24px 0;font-size:clamp(14px,.9vw,16px)}
