.osr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;padding:clamp(44px,7vh,96px) 16px 24px}.osr[hidden]{display:none}.osr [hidden]{display:none!important}.osr__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f146b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}.osr.is-on .osr__scrim{opacity:1}.osr__card{position:relative;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 24px 60px #0b0f1438,0 2px 6px #0b0f1414;overflow:hidden;opacity:0;translate:0 -8px;transition:opacity .2s ease,translate .24s cubic-bezier(.22,.72,.28,1)}.osr.is-on .osr__card{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.osr__scrim,.osr__card{transition:none}}.osr__bar{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;border-bottom:1px solid rgb(11 15 20 / .09);flex:0 0 auto}.osr__mag{display:flex;color:#0b0f146b}.osr__mag svg,.osr__x svg{width:20px;height:20px}.osr__in{flex:1 1 auto;min-width:0;border:0;background:none;font:inherit;font-size:1.05rem;color:#0b0f14;padding:2px 0}.osr__in:focus{outline:none}.osr__in::placeholder{color:#0b0f1461}.osr__in::-webkit-search-cancel-button{display:none}.osr__x{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:#0b0f140d;color:#0b0f14;cursor:pointer}.osr__x:hover{background:#0b0f141a}.osr__out{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 8px}.osr__cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px 6px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#0b0f146b}.osr__clear{border:0;background:none;font:inherit;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#0b0f146b;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.osr__clear:hover{color:#0b0f14}.osr__recs,.osr__sugs{padding:0 0 4px}.osr__terms{display:flex;flex-wrap:wrap;gap:7px;padding:2px 16px 8px}.osr__term{border:1px solid rgb(11 15 20 / .14);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:.84rem;color:#0b0f14;cursor:pointer;white-space:nowrap}.osr__term:hover{background:#0b0f140d;border-color:#0b0f1442}.osr__term--rec{background:#0b0f140a;border-color:transparent}.osr__note{margin:0;padding:10px 16px 4px;font-size:.86rem;line-height:1.4;color:#0b0f148f}.osr__grp{padding:4px 0 2px}.osr__grpt{margin:0;padding:12px 16px 8px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:#0b0f14}.osr__rows{display:grid;padding-bottom:4px}.osr__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;text-decoration:none;color:#0b0f14;font-size:.92rem}.osr__row:hover{background:#0b0f140a}.osr__arrow{width:15px;height:15px;flex:0 0 auto;color:#0b0f1447}.osr__row:hover .osr__arrow{color:#0b0f1485}.osr__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:0 16px 10px}.osr__tile{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:inherit;border-radius:12px;padding:6px;margin:-6px}.osr__tile:hover{background:#0b0f140a}.osr__shot{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;background:#0b0f140a;box-shadow:inset 0 0 0 1px #0b0f141a}.osr__shot--tint{background:linear-gradient(140deg,#0b0f1417,#0b0f1408 62%),#f4f6f8}.osr__tlabel{font-size:.84rem;line-height:1.25;font-weight:500;color:#0b0f14;text-wrap:balance}.osr__hits{padding:0 0 6px}.osr__hit{display:flex;align-items:center;gap:11px;padding:9px 16px;text-decoration:none;color:#0b0f14;font-size:.92rem}.osr__hit:hover{background:#0b0f140a}.osr__hit img{width:34px;height:34px;flex:0 0 auto;object-fit:cover;border-radius:7px;background:#0b0f140d;box-shadow:inset 0 0 0 1px #0b0f141a}.osr__dot{width:34px;height:34px;flex:0 0 auto;border-radius:7px;background:#0b0f140d}.osr__all{display:block;margin:6px 16px 4px;padding:11px 14px;border-radius:10px;background:#0b0f140d;text-align:center;text-decoration:none;font-size:.86rem;color:#0b0f14}.osr__all:hover{background:#0b0f1417}@media screen and (min-width:561px)and (max-width:759px){.osr__card{width:min(640px,100%)}.osr__tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media screen and (min-width:760px){.osr__card{width:min(1040px,100%)}.osr__grps{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px;padding:8px 20px 12px}.osr__grp{flex:2.1 1 300px;min-width:0;padding:0}.osr__grp:has(.osr__rows){flex:1 1 230px}.osr__grpt{padding:0 0 10px}.osr__tiles,.osr__rows{padding:0}.osr__row{padding:8px 10px;margin-inline:-10px;border-radius:8px}.osr__cap,.osr__note,.osr__terms,.osr__hit{padding-inline:20px}.osr__all{margin-inline:20px}}@media screen and (min-width:1280px){.osr__card{width:min(1180px,100%)}.osr__tiles{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}}@media screen and (min-width:760px)and (max-height:720px){.osr__shot{aspect-ratio:3 / 2}.osr{padding-top:clamp(28px,5vh,56px)}}.osr__tile.is-cur,.osr__hit.is-cur,.osr__row.is-cur{background:#0b0f1412;outline:2px solid rgb(11 15 20 / .16);outline-offset:-2px}.osr__row.is-cur .osr__arrow{color:#0b0f1485}.osr__term.is-cur{background:#0b0f1414;border-color:#0b0f1457}.osr__tile:focus-visible,.osr__hit:focus-visible,.osr__row:focus-visible,.osr__term:focus-visible,.osr__all:focus-visible,.osr__x:focus-visible{outline:2px solid #0b0f14;outline-offset:2px}.osr__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media screen and (max-width:560px){.osr{padding:12px 10px 10px}.osr__card{width:100%;max-height:calc(100% - 4px)}.osr__bar{padding:12px 12px 12px 14px}.osr__in{font-size:1rem}.osr__cap,.osr__grpt,.osr__note,.osr__terms,.osr__tiles,.osr__row,.osr__hit{padding-inline:14px}.osr__tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px}.osr__all{margin-inline:14px}}html.osr-on,html.osr-on body{overflow:hidden}.osr-open{display:flex;align-items:center;gap:10px;width:100%;max-width:920px;margin:0 auto;padding:11px 14px;border:1px solid rgb(11 15 20 / .09);border-radius:12px;background:#0b0f140b;font:inherit;font-size:.95rem;color:#0b0f1485;text-align:left;cursor:pointer}.osr-open:hover{background:#0b0f1412;border-color:#0b0f142e;color:#0b0f14}.osr-open:focus-visible{outline:2px solid var(--brand, #1b5dab);outline-offset:2px}.osr-open svg{flex:0 0 auto;width:18px;height:18px;opacity:.55}.drop-searchrow .osr-open{max-width:none;margin:0}.osrp__grps{display:grid;gap:24px;margin-top:8px}.osrp__grp{display:grid;gap:12px}.osrp__grpt{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.osrp__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.osrp__rows{display:flex;flex-wrap:wrap;gap:8px 10px}.osrp__rows .osr__row{padding:8px 13px;margin:0;border:1px solid rgb(11 15 20 / .14);border-radius:10px;gap:8px}@media screen and (min-width:900px){.osrp__grps{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px}.osrp__grp{flex:2.1 1 320px;min-width:0}.osrp__grp:has(.osrp__rows){flex:1 1 240px}.osrp__rows{flex-direction:column;gap:8px}}@media screen and (max-width:560px){.osrp__tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:11px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ottr-search.css.map */