:root{--drmers-badge-bg: #fff;--drmers-badge-line: #111}html body .grid-product__tag.grid-product__tag,html body .grid__item.grid-product .grid-product__tag.grid-product__tag{padding:5px 8px!important;font-size:8px!important;font-weight:500!important;letter-spacing:.04em!important;line-height:1!important;text-transform:uppercase!important;color:#111!important;background:var(--drmers-badge-bg)!important;border:1px solid var(--drmers-badge-line)!important;border-radius:0!important}@media(max-width:768px){html body .grid-product__tag.grid-product__tag,html body .grid__item.grid-product .grid-product__tag.grid-product__tag{padding:4px 6px!important}}.drmers-sr__head{padding:22px 16px 18px;border-bottom:1px solid #e3e3e3}.drmers-sr__body{padding-bottom:50px}.drmers-sr__body .drmers-results-empty{padding:24px 16px 0}.drmers-sr__body .search-bar{margin:24px 16px 0;max-width:620px}@media(max-width:768px){.drmers-sr__head{padding:16px 8px 14px}.drmers-sr__body{padding-bottom:30px}.drmers-sr__body .drmers-results-empty{padding:16px 8px 0}.drmers-sr__body .search-bar{margin:16px 8px 0}}.drmers-results-line{margin:0;font-size:12px;font-weight:300;line-height:1.4;letter-spacing:-.1px;text-transform:none}.drmers-results-line--bold{font-weight:700;text-transform:uppercase;letter-spacing:-.32px}.drmers-results-empty{padding:8px 0 48px}.drmers-results-empty p{margin:0 0 16px;font-size:12px}.drmers-results-empty .drmers-results-links{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:768px){.drmers-results-line{font-size:10px}}.drmers-search{--ds-top: calc(var(--drmers-header-offset, 0px) + var(--drmers-header-h, 100px));position:fixed;left:0;right:0;top:var(--ds-top);bottom:0;z-index:29;font-family:var(--typeBasePrimary, "Helvetica Neue"),var(--typeBaseFallback, Helvetica, Arial, sans-serif);color:#111;pointer-events:none}.drmers-search[hidden]{display:none!important}.drmers-search__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:auto}.drmers-search__box{position:relative;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid #e3e3e3;pointer-events:auto}:where(.drmers-search) button{font:inherit;color:inherit;background:none;border:0;border-radius:0;margin:0;padding:0;letter-spacing:normal;text-transform:none;cursor:pointer;min-width:0;min-height:0;box-shadow:none}:where(.drmers-search) a{color:inherit;text-decoration:none}:where(.drmers-search) ul{list-style:none;margin:0;padding:0}:where(.drmers-search) li{margin:0}.drmers-search :focus-visible{outline:2px solid #111;outline-offset:2px}.drmers-search{--ds-gutter: max(17px, calc((100% - 1500px)/2 + 17px) )}.drmers-search__top{display:none}.drmers-search__bar{display:flex;align-items:center;gap:12px;margin:0;padding:0 var(--ds-gutter);border-bottom:1px solid #111}.drmers-search__bar>svg{flex:0 0 auto}.drmers-search__field{flex:1;min-width:0;overflow:hidden}.drmers-search .drmers-search__input{display:block;width:100%;height:52px;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:-.32px;text-transform:uppercase;color:#111}.drmers-search .drmers-search__input::placeholder{color:#9a9a9a;opacity:1}.drmers-search .drmers-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.drmers-search__close{display:inline-flex!important;align-items:center;gap:8px;padding:8px 0!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important}.drmers-search .drmers-search__label{margin:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.drmers-search__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e3e3e3}.drmers-search__chips{display:none}.drmers-search__body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding:22px var(--ds-gutter) 28px}.drmers-search__body--empty{display:block;padding-bottom:0}.drmers-search__empty{margin:0;font-size:12px}.drmers-search__left .drmers-search__head+*{margin-bottom:22px}.drmers-search__sugg button{display:block;width:100%;padding:6px 0!important;text-align:left;font-size:12px!important;font-weight:300!important;letter-spacing:-.32px!important;text-transform:uppercase!important}.drmers-search__sugg mark,.drmers-search__chip mark{background:none;color:inherit;font-weight:700}.drmers-search__sugg button:hover{text-decoration:underline;text-underline-offset:3px}.drmers-search__cols li+li{border-top:1px solid #e3e3e3}.drmers-search__col{display:flex;align-items:center;gap:14px;padding:8px 0}.drmers-search__col-img{flex:0 0 auto;width:48px;height:48px;background:#f2f3f7;overflow:hidden}.drmers-search__col-img img{width:100%;height:100%;object-fit:cover;display:block}.drmers-search__col b{flex:1;font-size:12px;font-weight:700;letter-spacing:-.32px;text-transform:uppercase}.drmers-search__col:hover b{text-decoration:underline;text-underline-offset:3px}.drmers-search__rail-wrap{position:relative}.drmers-search__rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.drmers-search__rail::-webkit-scrollbar{display:none}.drmers-search__thumb{flex:0 0 calc((100% - 50px) / 5.4);min-width:0;scroll-snap-align:start;display:block}.drmers-search__thumb-media{position:relative;display:block;aspect-ratio:3 / 4;background:#f2f3f7;overflow:hidden}.drmers-search__thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.drmers-search__thumb-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drmers-search__thumb .drmers-quick-add{z-index:3}.drmers-search__thumb-colors .grid-product__colors{margin-top:6px;justify-content:flex-start;text-align:left}.drmers-search__thumb-colors .swatch-count{font-size:10px;margin-left:4px}.drmers-search .drmers-quick-add__list{--qa-fs: 10px !important;flex-wrap:wrap!important;justify-content:center;align-content:center;row-gap:2px}.drmers-search .drmers-quick-add__list .drmers-quick-sizes__opt{font-size:10px!important;font-weight:700!important;letter-spacing:-.32px!important;line-height:1.2!important;padding:5px 6px!important}.drmers-search .drmers-quick-add__list .drmers-quick-sizes__opt:after{left:6px!important;right:6px!important}.drmers-search__badge{position:absolute;z-index:1;top:6px;left:6px;padding:4px 6px;font-size:8px;font-weight:500;letter-spacing:.04em;line-height:1;text-transform:uppercase;color:#111;background:var(--drmers-badge-bg);border:1px solid var(--drmers-badge-line)}.drmers-search__thumb-title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:-.32px;text-transform:uppercase}.drmers-search__thumb-price{display:block;margin-top:2px;font-size:10px;font-weight:300}.drmers-search__thumb-title:hover,.drmers-search__thumb:has(.drmers-search__thumb-img:hover) .drmers-search__thumb-title{text-decoration:underline;text-underline-offset:2px}.drmers-search__nav{position:absolute!important;top:calc(50% - 40px);z-index:2;width:30px;height:30px;display:grid!important;place-items:center;background:#fff!important;border:1px solid #111!important}.drmers-search__nav[hidden]{display:none!important}.drmers-search__nav--prev{left:-1px}.drmers-search__nav--next{right:-1px}.drmers-search__all{display:flex;justify-content:center;margin-top:22px}.drmers-search__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;background:#111;border:1px solid #111;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.drmers-search__btn:hover{background:#000}@media(min-width:521px)and (max-width:768px){.drmers-search__thumb{flex-basis:calc((100vw - 14px) / 4.4 - 8px)!important}}@media(max-width:768px){.drmers-search{top:0}.drmers-search__scrim{display:none}.drmers-search__box{height:100%;max-height:none;border:0}html.drmers-search-open,html.drmers-search-open body{overflow:hidden!important}.drmers-search__top{display:flex;padding:10px 14px 0;padding-top:calc(10px + env(safe-area-inset-top,0px))}.drmers-search__back{display:inline-flex!important;align-items:center;gap:8px;padding:10px 10px 10px 0!important;font-size:10px!important;font-weight:700!important;letter-spacing:-.32px!important;text-transform:uppercase!important}.drmers-search__bar{padding:6px 14px 0;border-bottom:0;gap:10px}.drmers-search__close{display:none!important}.drmers-search .drmers-search__input{height:64px;margin:-9px -60% -9px 0;font-size:16px!important;letter-spacing:-.512px;width:160%;max-width:none;transform:scale(.625);transform-origin:left center}.drmers-search__chips{display:block;padding:10px 14px 0}.drmers-search .drmers-search__label{font-size:10px;letter-spacing:-.32px}.drmers-search__chips .drmers-search__label{margin-bottom:10px}.drmers-search__chip-row{display:flex;flex-wrap:wrap;gap:6px}.drmers-search__chip-row--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px}.drmers-search__chip-row--scroll::-webkit-scrollbar{display:none}.drmers-search__chip{flex:0 0 auto;padding:9px 11px!important;background:#f2f3f7!important;font-size:10px!important;font-weight:700!important;letter-spacing:-.32px!important;line-height:1.2!important;text-transform:uppercase!important;white-space:nowrap}.drmers-search__chip--col{display:inline-flex;align-items:center;background:#111!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:-.32px!important;text-transform:uppercase}.drmers-search__body{display:block;padding:22px 0 28px}.drmers-search__body--empty{padding:18px 14px 0}.drmers-search__left{display:none}.drmers-search__head{border-bottom:0;padding:0 14px;margin-bottom:12px}.drmers-search__rail{gap:8px;padding:0 14px;scroll-padding:0 14px}.drmers-search__thumb{flex-basis:calc((100vw - 14px) / 3.4 - 8px)}.drmers-search__nav{display:none!important}.drmers-search__all{margin:20px 14px 0}.drmers-search__all .drmers-search__btn{width:100%}}@keyframes dsFade{0%{opacity:0}to{opacity:1}}@keyframes dsDrop{0%{opacity:0;transform:translateY(-10px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}@keyframes dsRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dsItem{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dsOut{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:no-preference){.drmers-search:not([hidden]) .drmers-search__scrim{animation:dsFade .25s ease both}.drmers-search:not([hidden]) .drmers-search__box{animation:dsDrop .34s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__top{animation:dsItem .3s .06s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__chips{animation:dsItem .3s .12s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__left{animation:dsItem .3s .16s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__right{animation:dsItem .3s .2s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__cols>li{animation:dsItem .28s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__cols>li:nth-child(1){animation-delay:.2s}.drmers-search:not([hidden]) .drmers-search__cols>li:nth-child(2){animation-delay:.24s}.drmers-search:not([hidden]) .drmers-search__cols>li:nth-child(3){animation-delay:.28s}.drmers-search:not([hidden]) .drmers-search__cols>li:nth-child(n+4){animation-delay:.32s}.drmers-search:not([hidden]) .drmers-search__rail>*{animation:dsItem .3s cubic-bezier(.2,.8,.2,1) both}.drmers-search:not([hidden]) .drmers-search__rail>:nth-child(1){animation-delay:.24s}.drmers-search:not([hidden]) .drmers-search__rail>:nth-child(2){animation-delay:.28s}.drmers-search:not([hidden]) .drmers-search__rail>:nth-child(3){animation-delay:.32s}.drmers-search:not([hidden]) .drmers-search__rail>:nth-child(4){animation-delay:.36s}.drmers-search:not([hidden]) .drmers-search__rail>:nth-child(n+5){animation-delay:.4s}.drmers-search__live:not([hidden]){animation:dsFade .2s ease both}.drmers-search.is-closing .drmers-search__scrim{animation:dsFade .17s ease reverse both}.drmers-search.is-closing .drmers-search__box{animation:dsOut .17s ease both}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.drmers-search:not([hidden]) .drmers-search__box{animation-name:dsRise;animation-duration:.3s}.drmers-search.is-closing .drmers-search__box{animation:dsFade .17s ease reverse both}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/drmers-search.css.map */