.oddit-search-drawer{display:block;width:100%;background:#fff;font-family:Beatrice,sans-serif;color:var(--oddit-color-night, #2f3047);position:relative;z-index:50}.oddit-search-drawer *,.oddit-search-drawer *:before,.oddit-search-drawer *:after{box-sizing:border-box}.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__overlay{display:none}.oddit-search-drawer__panel{background:#fff;width:100%;display:flex;flex-direction:column}.oddit-search-drawer__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid #ebebeb;background:#fff}.oddit-search-drawer__topbar-close,.oddit-search-drawer__topbar-cart{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;color:var(--oddit-color-night, #2f3047);cursor:pointer;position:relative;flex:0 0 24px}.oddit-search-drawer__topbar-close:hover,.oddit-search-drawer__topbar-cart:hover{opacity:.7}.oddit-search-drawer__topbar-close svg,.oddit-search-drawer__topbar-cart svg{display:block}.oddit-search-drawer__topbar-logo-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0}.oddit-search-drawer__topbar-logo{display:block;max-width:140px;height:auto}.oddit-search-drawer__topbar-logo-text{font-family:Dark Paradise,serif;font-size:20px;color:var(--oddit-color-night, #2f3047)}.oddit-search-drawer__topbar-cart-count{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--oddit-color-night, #2f3047);color:#fff;font-family:Beatrice,sans-serif;font-size:10px;line-height:16px;text-align:center}form.oddit-search-drawer__form,.oddit-search-drawer__form{position:relative;display:flex;align-items:center;margin:0 16px;height:50px;padding:10px 10px 11px 8px;border:0;border-bottom:.5px solid var(--oddit-color-night, #2f3047);border-radius:0;background:transparent;gap:10px}.oddit-search-drawer__form-icon{position:static;transform:none;width:17px;height:17px;color:var(--oddit-color-night, #2f3047);pointer-events:none;flex-shrink:0}.oddit-search-drawer__form-icon svg{width:100%;height:100%;display:block}input[type=search].oddit-search-drawer__input,input[type=text].oddit-search-drawer__input,.oddit-search-drawer__input{flex:1;min-width:0;width:auto;height:auto;margin:0;background:transparent;border:0;outline:0;box-shadow:none;padding:2px 0 0;font-family:Beatrice,sans-serif;font-size:12px!important;font-weight:300;line-height:1;color:var(--oddit-color-night, #2f3047);appearance:none;-webkit-appearance:none}input[type=search].oddit-search-drawer__input::placeholder,input[type=text].oddit-search-drawer__input::placeholder,.oddit-search-drawer__input::placeholder{color:var(--oddit-color-night, #2f3047);opacity:1}input[type=search].oddit-search-drawer__input::-webkit-search-cancel-button,input[type=search].oddit-search-drawer__input::-webkit-search-decoration,.oddit-search-drawer__input::-webkit-search-cancel-button,.oddit-search-drawer__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}input[type=search].oddit-search-drawer__input:focus,input[type=text].oddit-search-drawer__input:focus,input[type=search].oddit-search-drawer__input:focus-visible,input[type=text].oddit-search-drawer__input:focus-visible,.oddit-search-drawer__input:focus,.oddit-search-drawer__input:focus-visible{outline:0;border:0;background:transparent;box-shadow:none}.oddit-search-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;padding:0;background:transparent;border:0;color:var(--oddit-color-night, #2f3047);cursor:pointer}.oddit-search-drawer__close svg{width:14px;height:14px;display:block}.oddit-search-drawer__close:hover{opacity:.7}.oddit-search-drawer__body{display:flex;flex-direction:column;background:#fff;width:100%}.oddit-search-drawer__column{display:flex;flex-direction:column;gap:24px;padding:24px 16px 36px;margin:0}.oddit-search-drawer__column-title{font-family:Beatrice,sans-serif;font-size:11px;font-weight:400;color:var(--oddit-color-night, #2f3047);letter-spacing:.05em;text-transform:uppercase;line-height:1;margin:0}.oddit-search-drawer__column--results{display:none}@media(max-width:749.98px){.oddit-search-drawer.is-searching .oddit-search-drawer__column--popular,.oddit-search-drawer__body.is-searching .oddit-search-drawer__column--popular{display:none}.oddit-search-drawer.is-searching .oddit-search-drawer__column--results,.oddit-search-drawer__body.is-searching .oddit-search-drawer__column--results{display:flex}}.oddit-search-drawer__popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.oddit-search-drawer__popular-list>li{margin-bottom:0;text-box:trim-both cap alphabetic}.oddit-search-drawer__popular-link{display:inline-flex;align-items:center;gap:10px;font-family:Beatrice,sans-serif;font-size:13px;font-weight:300;line-height:1.9;color:#141111;text-decoration:none;width:fit-content}.oddit-search-drawer__popular-link:hover .oddit-search-drawer__popular-label{text-decoration:underline}.oddit-search-drawer__popular-label{text-box:trim-both cap alphabetic}.oddit-search-drawer__popular-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;color:var(--oddit-color-night, #2f3047)}.oddit-search-drawer__popular-icon svg{width:100%;height:100%;display:block}.oddit-search-drawer__featured{position:relative;display:block;width:100%;height:220px;overflow:hidden;text-decoration:none;color:#fff;background:var(--oddit-color-night, #2f3047)}.oddit-search-drawer__featured-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease}.oddit-search-drawer__featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:13px;padding:0 20px 20px;background:linear-gradient(to top,#0000008c 0% 16.78%,#0000 59.86%)}.oddit-search-drawer__featured-title{font-family:Dark Paradise,serif;font-style:italic;font-size:26px;font-weight:400;color:#fff;line-height:1.05;margin:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oddit-search-drawer__featured-cta{font-family:Beatrice,sans-serif;font-size:14px;font-weight:300;color:#fff;line-height:1.8;text-decoration:underline}@media(min-width:750px){.oddit-search-drawer__form{padding:16px 24px}.oddit-search-drawer__column{padding:32px;gap:28px}.oddit-search-drawer__column--results{display:flex}.oddit-search-drawer__featured{height:260px}}@media(min-width:990px){.oddit-search-drawer__form{padding:16px 40px}.oddit-search-drawer__body{flex-direction:row;align-items:stretch}.oddit-search-drawer__column{padding:clamp(28px,3vw,48px);gap:32px;border-right:1px solid #e8e8e8}.oddit-search-drawer__column:last-child{border-right:0}.oddit-search-drawer__column--popular{flex:0 0 clamp(220px,20vw,287px);width:clamp(220px,20vw,287px)}.oddit-search-drawer__column--results{display:flex;flex:1 1 auto;min-width:0}.oddit-search-drawer__column--featured{flex:0 0 auto;width:clamp(320px,32vw,456px)}.oddit-search-drawer__column-title{letter-spacing:.02em}.oddit-search-drawer__popular-list{gap:24px}.oddit-search-drawer__popular-link{font-size:14px;line-height:1.8}.oddit-search-drawer__featured{width:100%;max-width:360px;height:285px}}.oddit-search-drawer__results-label{font-family:Beatrice,sans-serif;font-size:14px;font-weight:300;color:#141111;line-height:1.8;margin:0}.oddit-search-drawer__results-label strong{font-weight:400;line-height:1.6}.oddit-search-drawer__idle,.oddit-search-drawer__loading,.oddit-search-drawer__empty{font-family:Beatrice,sans-serif;font-size:13px;font-weight:300;color:#636262;line-height:1.6;margin:0;padding:24px 0;text-align:center}.oddit-search-drawer__results-grid{display:flex;gap:8px;align-items:stretch;width:100%;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.oddit-search-drawer__results-grid::-webkit-scrollbar{height:6px}.oddit-search-drawer__results-grid::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.oddit-search-drawer__product-card{display:flex;flex-direction:column;gap:10px;background:var(--oddit-color-body-bg-alt, #f1f0ed);width:180px;flex:0 0 180px;text-decoration:none;color:inherit}.oddit-search-drawer__product-image{position:relative;width:100%;height:207px;background:var(--oddit-color-body-bg-alt, #f1f0ed);overflow:hidden;display:flex;align-items:center;justify-content:center}.oddit-search-drawer__product-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.oddit-search-drawer__product-tags{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:5px;z-index:2}.oddit-search-drawer__product-tag{display:block;padding:5px;background:#fff;font-family:Beatrice,sans-serif;font-size:8px;font-weight:400;color:var(--oddit-color-night, #2f3047);text-transform:uppercase;letter-spacing:.02em;line-height:1;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}.oddit-search-drawer__product-dots{position:absolute;bottom:13px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:2}.oddit-search-drawer__product-dot{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.7;display:inline-block}.oddit-search-drawer__product-dot--active{background:var(--oddit-color-night, #2f3047);opacity:1}.oddit-search-drawer__product-info{display:flex;flex-direction:column;gap:14px;padding:0 12px 16px}.oddit-search-drawer__product-review{display:inline-flex;align-items:center;gap:4px}.oddit-search-drawer__product-stars{display:inline-flex;align-items:center;width:69px;height:13px;flex:0 0 69px}.oddit-search-drawer__product-stars svg{width:100%;height:100%;display:block}.oddit-search-drawer__product-review-count{font-family:Beatrice,sans-serif;font-size:11px;font-weight:300;color:var(--oddit-color-night, #2f3047);line-height:1}.oddit-search-drawer__product-title{font-family:Beatrice,sans-serif;font-size:13px;font-weight:400;color:var(--oddit-color-night, #2f3047);line-height:1.6;margin:0}.oddit-search-drawer__product-price{font-family:Beatrice,sans-serif;font-size:14px;font-weight:300;color:var(--oddit-color-night, #2f3047);line-height:1.7;margin:0}@media(min-width:990px){.oddit-search-drawer__product-card{flex:0 0 calc((100% - 16px) / 3);width:calc((100% - 16px) / 3);align-items:flex-start}.oddit-search-drawer__product-image,.oddit-search-drawer__product-info{width:100%}}.oddit-search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent;visibility:hidden;pointer-events:none}.oddit-search-drawer.is-open{visibility:visible;pointer-events:auto}.oddit-search-drawer__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;opacity:0}.oddit-search-drawer.is-open .oddit-search-drawer__overlay{animation:oddit-search-drawer-overlay-in .4s cubic-bezier(.32,.72,0,1) forwards}@keyframes oddit-search-drawer-overlay-in{0%{opacity:0}to{opacity:1}}.oddit-search-drawer__panel{position:absolute;top:0;left:0;right:0;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(-100%);will-change:transform}.oddit-search-drawer.is-open .oddit-search-drawer__panel{animation:oddit-search-drawer-panel-slide-in .45s cubic-bezier(.32,.72,0,1) forwards}@keyframes oddit-search-drawer-panel-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes oddit-search-drawer-panel-drop-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(min-width:990px){.oddit-search-drawer{top:var(--oddit-search-drawer-top, 0);overflow:hidden}form.oddit-search-drawer__form,.oddit-search-drawer__form,.oddit-search-drawer__topbar{display:none}.oddit-search-drawer__panel{transform:translateY(-100%)}.oddit-search-drawer.is-open .oddit-search-drawer__panel{animation-name:oddit-search-drawer-panel-drop-in}}@media(max-width:989.98px){.oddit-search-drawer{display:none!important}}@media(prefers-reduced-motion:reduce){.oddit-search-drawer.is-open .oddit-search-drawer__overlay,.oddit-search-drawer.is-open .oddit-search-drawer__panel{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/oddit-section-search-drawer.css.map */