.oddit-search-drawer{--oddit-search-panel-bg: #fbf6f1;--oddit-search-surface: #f6f4f0;--oddit-search-text: #282b2e;--oddit-search-muted: #2d2120;--oddit-search-accent: #b6b280;--oddit-search-sale: #eb1200;--oddit-search-border: rgba(45, 33, 32, .24);--oddit-search-backdrop: rgba(40, 43, 46, .6);--oddit-search-placeholder-bg: #e5dfd3;--oddit-search-offset: 0px;--oddit-search-font: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oddit-search-display: "Bradford", Georgia, serif;font-family:var(--oddit-search-font);color:var(--oddit-search-text)}.oddit-search-drawer *,.oddit-search-drawer *:before,.oddit-search-drawer *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-search-drawer [hidden]{display:none!important}.oddit-search-drawer .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oddit-search-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background-color:var(--oddit-search-backdrop);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.oddit-search-drawer.is-open .oddit-search-drawer__backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}.oddit-search-drawer__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:201;display:flex;flex-direction:column;background-color:var(--oddit-search-panel-bg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,visibility 0s linear .35s}.oddit-search-drawer.is-open .oddit-search-drawer__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.oddit-search-drawer__form{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:16px;border-bottom:1px solid var(--oddit-search-border);background-color:var(--oddit-search-panel-bg)}.oddit-search-drawer__input-icon{display:flex;flex-shrink:0;color:var(--oddit-search-muted)}.oddit-search-drawer .oddit-search-drawer__input{flex:1;min-width:0;width:auto;height:auto;margin:0;padding:0;text-indent:0;border:none;border-radius:0;box-shadow:none;background:transparent;outline:none;font-family:var(--oddit-search-font);font-size:16px;font-weight:400;line-height:1.5;color:var(--oddit-search-text);-webkit-appearance:none;appearance:none}.oddit-search-drawer .oddit-search-drawer__input:focus,.oddit-search-drawer .oddit-search-drawer__input:focus-visible{border:none;box-shadow:none;outline:none}.oddit-search-drawer .oddit-search-drawer__input::placeholder{color:var(--oddit-search-muted);opacity:.5}.oddit-search-drawer .oddit-search-drawer__input::-webkit-search-cancel-button,.oddit-search-drawer .oddit-search-drawer__input::-webkit-search-decoration,.oddit-search-drawer .oddit-search-drawer__input::-webkit-search-results-button,.oddit-search-drawer .oddit-search-drawer__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.oddit-search-drawer .oddit-search-drawer__clear,.oddit-search-drawer .oddit-search-drawer__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px!important;border:0;border-radius:100px;background:transparent;color:var(--oddit-search-muted);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.oddit-search-drawer .oddit-search-drawer__clear:hover,.oddit-search-drawer .oddit-search-drawer__close:hover{background:var(--oddit-search-surface);color:var(--oddit-search-text);border:0}.oddit-search-drawer .oddit-search-drawer__clear.is-hidden,.oddit-search-drawer .oddit-search-drawer__close-label{display:none}.oddit-search-drawer__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px 32px}.oddit-search-drawer__results.is-stale{opacity:.45;pointer-events:none;transition:opacity .15s ease}.oddit-search-drawer__group+.oddit-search-drawer__group{margin-top:28px}.oddit-search-drawer .oddit-search-drawer__group-title{margin:0 0 12px;font-family:var(--oddit-search-font);font-size:12px;font-weight:500;letter-spacing:1.04px;text-transform:uppercase;color:var(--oddit-search-muted);opacity:.6}.oddit-search-drawer__pills{display:flex;flex-wrap:wrap;gap:8px}.oddit-search-drawer .oddit-search-drawer__pill{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--oddit-search-border);border-radius:100px;background:transparent;font-size:14px;line-height:1.4;color:var(--oddit-search-text);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.oddit-search-drawer .oddit-search-drawer__pill:hover,.oddit-search-drawer .oddit-search-drawer__pill.is-active{background:var(--oddit-search-muted);border-color:var(--oddit-search-muted);color:var(--oddit-search-panel-bg)}.oddit-search-drawer__layout{display:flex;flex-direction:column;gap:28px}.oddit-search-drawer__rail-list{display:flex;flex-direction:column}.oddit-search-drawer .oddit-search-drawer__rail-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:4px;font-size:15px;line-height:1.4;color:var(--oddit-search-text);transition:background-color .2s ease}.oddit-search-drawer .oddit-search-drawer__rail-item:hover,.oddit-search-drawer .oddit-search-drawer__rail-item.is-active{background:var(--oddit-search-surface);color:var(--oddit-search-text)}.oddit-search-drawer__rail-icon{display:flex;flex-shrink:0;color:var(--oddit-search-muted);opacity:.5}.oddit-search-drawer__rail-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oddit-search-drawer__rail-label b{font-weight:600}.oddit-search-drawer__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oddit-search-drawer .oddit-search-card{display:flex;flex-direction:column;gap:10px;border-radius:4px;color:var(--oddit-search-text);transition:transform .2s ease}.oddit-search-drawer .oddit-search-card:hover,.oddit-search-drawer .oddit-search-card.is-active{color:var(--oddit-search-text)}.oddit-search-drawer .oddit-search-card.is-active .oddit-search-card__title,.oddit-search-drawer .oddit-search-card:hover .oddit-search-card__title{text-decoration:underline;text-underline-offset:2px}.oddit-search-card__media{display:block;overflow:hidden;border-radius:4px;background:var(--oddit-search-placeholder-bg);aspect-ratio:1 / 1}.oddit-search-card__image{display:block;width:100%;height:100%;object-fit:cover}.oddit-search-card__body{display:flex;flex-direction:column;gap:4px}.oddit-search-card__rating{display:flex;align-items:center;gap:4px;font-size:12px;line-height:1;color:var(--oddit-search-muted)}.oddit-search-card__rating-star--full,.oddit-search-card__rating-star--half{color:var(--oddit-search-accent)}.oddit-search-card__rating-star--empty{color:var(--oddit-search-border)}.oddit-search-card__rating-count{opacity:.6}.oddit-search-card__title{display:block;font-size:14px;line-height:1.4;color:var(--oddit-search-text)}.oddit-search-card__price{display:flex;align-items:baseline;gap:4px;font-size:14px;line-height:1.4}.oddit-search-card__price-sale{color:var(--oddit-search-sale)}.oddit-search-card__price-compare{margin-left:4px;color:var(--oddit-search-muted);opacity:.5}.oddit-search-drawer .oddit-search-drawer__view-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;padding:14px 20px;border-radius:2px;background:var(--oddit-search-muted);color:var(--oddit-search-panel-bg);font-size:14px;font-weight:500;letter-spacing:1.04px;text-transform:uppercase;transition:opacity .2s ease}.oddit-search-drawer .oddit-search-drawer__view-all:hover,.oddit-search-drawer .oddit-search-drawer__view-all.is-active{background:var(--oddit-search-muted);color:var(--oddit-search-panel-bg);opacity:.85}.oddit-search-drawer .oddit-search-drawer__empty,.oddit-search-drawer .oddit-search-drawer__error{margin:0 0 24px;font-family:var(--oddit-search-display);font-weight:300;font-size:22px;line-height:1.3;color:var(--oddit-search-text)}.oddit-search-drawer__error-actions{margin-top:12px}.oddit-search-drawer .oddit-search-drawer__retry{padding:10px 18px!important;border:1px solid var(--oddit-search-border);border-radius:2px;background:transparent;color:var(--oddit-search-text);font-size:14px;cursor:pointer}.oddit-search-drawer .oddit-search-drawer__retry:hover{background:var(--oddit-search-muted);border:1px solid var(--oddit-search-muted);color:var(--oddit-search-panel-bg)}.oddit-search-drawer__skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oddit-search-drawer__skeleton-card{display:flex;flex-direction:column;gap:10px}.oddit-search-drawer__skeleton-cell{border-radius:4px;background-image:linear-gradient(90deg,var(--oddit-search-placeholder-bg) 25%,var(--oddit-search-surface) 37%,var(--oddit-search-placeholder-bg) 63%);background-size:400% 100%;animation:oddit-search-shimmer 1.2s ease infinite}.oddit-search-drawer__skeleton-cell--media{aspect-ratio:1 / 1}.oddit-search-drawer__skeleton-cell--line{height:12px}.oddit-search-drawer__skeleton-cell--line-short{height:12px;width:40%}@keyframes oddit-search-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.oddit-search-drawer .oddit-search-drawer__pill:focus-visible,.oddit-search-drawer .oddit-search-drawer__close:focus-visible,.oddit-search-drawer .oddit-search-drawer__clear:focus-visible,.oddit-search-drawer .oddit-search-drawer__view-all:focus-visible,.oddit-search-drawer .oddit-search-drawer__rail-item:focus-visible,.oddit-search-drawer .oddit-search-card:focus-visible{outline:2px solid var(--oddit-search-muted)!important;outline-offset:2px}@media(min-width:1200px){.oddit-search-drawer__panel{inset:auto 0 auto 0;top:var(--oddit-search-offset, 0px);max-height:calc(100vh - var(--oddit-search-offset, 0px) - 24px);border-radius:0 0 12px 12px;box-shadow:0 20px 40px #282b2e1f;transform:translateY(-8px)}.oddit-search-drawer.is-open .oddit-search-drawer__panel{transform:translateY(0)}.oddit-search-drawer__form{padding:20px 32px}.oddit-search-drawer .oddit-search-drawer__input{font-size:15px}.oddit-search-drawer .oddit-search-drawer__close-label{display:inline;font-size:13px;letter-spacing:1.04px;text-transform:uppercase}.oddit-search-drawer .oddit-search-drawer__close{gap:8px;border-radius:2px}.oddit-search-drawer__body{padding:28px 32px 36px}.oddit-search-drawer__layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:40px;align-items:start}.oddit-search-drawer__main--full{grid-column:1 / -1}.oddit-search-drawer__product-grid,.oddit-search-drawer__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oddit-search-drawer .oddit-search-drawer__view-all{margin-left:auto;margin-right:auto;min-width:320px}}@media(min-width:1440px){.oddit-search-drawer__product-grid,.oddit-search-drawer__skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.oddit-search-drawer__backdrop,.oddit-search-drawer__panel,.oddit-search-drawer__results,.oddit-search-drawer .oddit-search-drawer__pill,.oddit-search-drawer .oddit-search-drawer__rail-item,.oddit-search-drawer .oddit-search-card,.oddit-search-drawer .oddit-search-drawer__view-all,.oddit-search-drawer .oddit-search-drawer__clear,.oddit-search-drawer .oddit-search-drawer__close{transition:none}.oddit-search-drawer__skeleton-cell{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/oddit-section-search-drawer.css.map */