.vr-sd{--vr-sd-w: 420px;--vr-sd-pad: 28px;--vr-sd-open: .8s;--vr-sd-close: .5s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;color:var(--vr-brand-green);visibility:hidden;transition:visibility 0s linear var(--vr-sd-close)}.vr-sd.is-open{visibility:visible;transition:visibility 0s linear 0s}.vr-sd__scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vr-scrim);-webkit-backdrop-filter:blur(var(--vr-scrim-blur));backdrop-filter:blur(var(--vr-scrim-blur));cursor:pointer}.vr-sd__panel{position:relative;display:flex;flex-direction:column;width:var(--vr-sd-w);max-width:100vw;height:100%;border-left:1px solid var(--vr-glass-border);background:var(--vr-glass-bg-panel);-webkit-backdrop-filter:var(--vr-glass-filter);backdrop-filter:var(--vr-glass-filter);font-family:var(--font-body-family);font-size:var(--vr-fs-small);line-height:1.5;outline:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.vr-sd__panel{background:var(--vr-glass-bg-solid)}.vr-sd__scrim{background:rgba(var(--vr-glass-rgb),.55)}}@media screen and (max-width:749px){.vr-sd{--vr-sd-pad: 20px}.vr-sd__panel{width:92%}}.vr-sd :focus-visible{outline:var(--vr-focus-outline);outline-offset:var(--vr-focus-offset)}.vr-sd__form{display:flex;align-items:center;gap:10px;margin:0;position:relative;padding:16px calc(var(--vr-sd-pad) - 12px) 16px var(--vr-sd-pad)}.vr-sd__form:after{content:"";position:absolute;left:var(--vr-sd-pad);right:var(--vr-sd-pad);bottom:0;height:1px;background:var(--vr-glass-border);transition:background-color var(--t-ui)}.vr-sd__icon{flex:none;color:var(--vr-green-76)}.vr-sd__input{flex:1;min-width:0;height:44px;padding:0;border:0;background:none;color:var(--vr-brand-green);font-family:var(--font-body-family);font-size:16px;letter-spacing:.02em;-webkit-appearance:none;appearance:none;box-shadow:none}.vr-sd__input::placeholder{color:var(--vr-green-76);opacity:1}.vr-sd__input::-webkit-search-cancel-button,.vr-sd__input::-webkit-search-decoration{-webkit-appearance:none}.vr-sd .vr-sd__input:focus,.vr-sd .vr-sd__input:focus-visible{outline:none!important;box-shadow:none}.vr-sd__form:focus-within:after{background:var(--vr-green-60)}.vr-sd__clear,.vr-sd__close{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--vr-radius-pill);background:none;color:var(--vr-brand-green);cursor:pointer;transition:background-color var(--t-ui)}.vr-sd__clear[hidden]{display:none}.vr-sd__clear:hover,.vr-sd__close:hover{background:var(--vr-green-06)}.vr-sd__results{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px calc(var(--vr-sd-pad) - 12px) 24px}.vr-sd-group{padding-top:16px}.vr-sd-group+.vr-sd-group{border-top:1px solid var(--vr-glass-border);margin-top:8px}.vr-sd-group--all{padding-top:8px}.vr-sd-group__title{margin:0 12px 6px;font-family:var(--font-body-family);font-size:var(--vr-fs-label);font-weight:400;letter-spacing:var(--vr-ls-eyebrow);text-transform:uppercase;color:var(--vr-green-76)}.vr-sd-list{margin:0;padding:0;list-style:none}.vr-sd-item{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 12px;border-radius:var(--vr-radius-input);color:var(--vr-brand-green);text-decoration:none;transition:background-color var(--t-ui)}.vr-sd-option[aria-selected=true]>.vr-sd-item{background:var(--vr-green-06)}.vr-sd-item__media{flex:none;width:56px;height:56px;overflow:hidden;border-radius:var(--vr-radius-image);background:var(--vr-green-06)}.vr-sd-item__media img{display:block;width:100%;height:100%;object-fit:cover}.vr-sd-item__text{display:flex;flex-direction:column;gap:2px;min-width:0}.vr-sd-item__title{font-family:var(--font-heading-family);font-size:var(--vr-fs-h3);line-height:1.2}.vr-sd-item--text .vr-sd-item__title,.vr-sd-item--article .vr-sd-item__title{font-size:var(--vr-fs-body)}.vr-sd-item__meta{font-size:var(--vr-fs-small);color:var(--vr-green-76)}.vr-sd-item--all{justify-content:space-between}.vr-sd-item--all .vr-sd-item__title{font-family:var(--font-body-family);font-size:var(--vr-fs-small);letter-spacing:.02em}.vr-sd-item--all svg{flex:none;transition:transform var(--t-ui)}.vr-sd-option[aria-selected=true] .vr-sd-item--all svg{transform:translate(3px)}.vr-sd-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 8px}.vr-sd-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--vr-green-12);border-radius:var(--vr-radius-pill);background:none;color:var(--vr-brand-green);font-family:var(--font-body-family);font-size:var(--vr-fs-small);letter-spacing:.02em;cursor:pointer;transition:background-color var(--t-ui),border-color var(--t-ui)}.vr-sd-chip:hover{background:var(--vr-green-06);border-color:var(--vr-green-60)}.vr-sd-results--idle .vr-sd-group:first-child{padding-top:20px}.vr-sd-empty{margin:16px 12px 0;color:var(--vr-green-76)}.vr-sd__results[aria-busy=true]{opacity:.6;transition:opacity var(--t-ui)}.vr-sd__scrim{opacity:0;transition:opacity .4s var(--ease-out)}.vr-sd.is-open .vr-sd__scrim{opacity:1;transition:opacity .5s var(--ease-out)}.vr-sd__panel{opacity:0;transform:translate(100%);transition:transform var(--vr-sd-close) var(--ease-in-out),opacity var(--vr-sd-close) ease}.vr-sd.is-open .vr-sd__panel{opacity:1;transform:none;transition:transform var(--vr-sd-open) var(--ease-out),opacity .5s var(--ease-out)}.vr-sd__reveal{opacity:0;transform:translateY(8px);transition:opacity 0s linear var(--vr-sd-close),transform 0s linear var(--vr-sd-close)}.vr-sd.is-open .vr-sd__reveal{opacity:1;transform:none;transition:opacity .45s var(--ease-out) .15s,transform .45s var(--ease-out) .15s}.vr-sd-results{animation:vr-sd-in .3s var(--ease-out) both}@keyframes vr-sd-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.vr-sd{--vr-sd-close: .2s}.vr-sd__scrim,.vr-sd.is-open .vr-sd__scrim{transition:opacity .2s ease}.vr-sd__panel,.vr-sd.is-open .vr-sd__panel{transform:none;transition:opacity .2s ease}.vr-sd__reveal,.vr-sd.is-open .vr-sd__reveal{opacity:1;transform:none;transition:none}.vr-sd-results{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vr-search-drawer.css.map */