.otf-ss-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;background:var(--fl-scrim);opacity:0;pointer-events:none;transition:opacity .25s ease}.otf-ss-scrim.on{opacity:1;pointer-events:auto}.otf-ss{position:fixed;left:0;right:0;bottom:0;z-index:63;max-width:480px;margin:0 auto;display:flex;flex-direction:column;max-height:72vh;padding:8px var(--fl-pad) calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fbf5ea;color:var(--fl-text);box-shadow:var(--fl-hairtop),var(--fl-edge),0 -30px 80px -24px #30240a4d;font-family:var(--fl-font);box-sizing:border-box;transform:translate3d(0,110%,0);visibility:hidden;will-change:transform;transition:transform .42s cubic-bezier(.2,.9,.25,1),visibility 0s linear .42s,bottom .18s ease}.otf-ss *{box-sizing:border-box}.otf-ss.on{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.2,.9,.25,1),bottom .18s ease}.otf-ss.kb{padding-bottom:16px}.otf-ss .ss-grab{width:36px;height:5px;border-radius:99px;background:#201e1d38;margin:0 auto 10px;flex:0 0 auto}.otf-ss .ss-head{display:flex;align-items:center;gap:8px;flex:0 0 auto}.otf-ss .ss-field{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:50px;padding:0 10px 0 15px;border-radius:16px;background:#fff;box-shadow:var(--fl-edge)}.otf-ss .ss-field:focus-within{box-shadow:var(--fl-edge),0 0 0 2px var(--fl-accent)}.otf-ss .ss-field svg{width:18px;height:18px;flex:0 0 auto;color:var(--fl-text3)}.otf-ss .ss-in{flex:1;min-width:0;height:100%;border:0;outline:none;background:none;padding:0;margin:0;color:var(--fl-text);font:inherit;font-size:16px;font-weight:600;-webkit-appearance:none;appearance:none}.otf-ss .ss-in::placeholder{color:var(--fl-text3)}.otf-ss .ss-in::-webkit-search-decoration,.otf-ss .ss-in::-webkit-search-cancel-button,.otf-ss .ss-in::-webkit-search-results-button{display:none;-webkit-appearance:none}.otf-ss .ss-clear{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:var(--fl-tint);color:var(--fl-text2);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.otf-ss .ss-clear[hidden]{display:none}.otf-ss .ss-cancel{flex:0 0 auto;height:50px;padding:0 4px 0 10px;border:0;background:none;color:var(--fl-accent);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}.otf-ss .ss-under{flex:0 0 auto;min-height:0;padding:10px 2px 0}.otf-ss .ss-hello{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--fl-text2)}.otf-ss .ss-hello i{width:7px;height:7px;border-radius:50%;background:var(--fl-accent);flex:0 0 auto}.otf-ss .ss-understood{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.otf-ss .ss-read{font-size:12.5px;font-weight:600;color:var(--fl-text3);margin-inline-end:2px}.otf-ss .ss-tok{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#b2622d1f;color:var(--fl-accent);font-size:12.5px;font-weight:700;white-space:nowrap;animation:otfssin .25s ease both}@keyframes otfssin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.otf-ss .ss-note{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--fl-text2)}.otf-ss .ss-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 2px 10px;overscroll-behavior:contain}.otf-ss .ss-lbl{margin:10px 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fl-accent)}.otf-ss .ss-chips{display:flex;flex-wrap:wrap;gap:8px}.otf-ss .ss-chip{height:38px;padding:0 15px;border:0;border-radius:999px;background:#fff;box-shadow:var(--fl-edge);color:var(--fl-text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}.otf-ss .ss-chip:active{background:var(--fl-tint)}.otf-ss .ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otf-ss .otf-sr{position:relative;display:block;width:100%;height:150px;border:0;padding:0;margin:0;border-radius:18px;overflow:hidden;background:var(--fl-card);box-shadow:var(--fl-shadow-grid);cursor:pointer;text-align:left;color:#fff;font:inherit}.otf-ss .otf-sr img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.otf-ss .otf-sr .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c150805 38%,#1c150880 66%,#1c1508e6 97%)}.otf-ss .otf-sr .in{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;display:block}.otf-ss .otf-sr b{display:block;font-size:14px;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 1px 10px rgba(20,14,6,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otf-ss .otf-sr small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:#ffffffd1;font-variant-numeric:tabular-nums}.otf-ss .otf-sr.down{transform:scale(.97)}.otf-ss .ss-all{display:flex;align-items:center;justify-content:center;height:44px;margin:12px 0 0;border-radius:999px;background:var(--fl-tint);color:var(--fl-accent);font-size:14px;font-weight:700;text-decoration:none}.otf-ss .ss-none{margin:12px 0;font-size:14.5px;line-height:1.45;color:var(--fl-text2)}.otf-ss .ss-wait{display:flex;gap:6px;padding:18px 2px}.otf-ss .ss-wait span{width:8px;height:8px;border-radius:50%;background:var(--fl-accent);opacity:.35;animation:otfsswait 1s ease-in-out infinite}.otf-ss .ss-wait span:nth-child(2){animation-delay:.15s}.otf-ss .ss-wait span:nth-child(3){animation-delay:.3s}@keyframes otfsswait{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}html[lang=ar] .otf-ss .ss-head,html[lang=ar] .otf-ss .ss-under,html[lang=ar] .otf-ss .ss-lbl,html[lang=ar] .otf-ss .ss-chips,html[lang=ar] .otf-ss .ss-none,html[lang=ar] .otf-ss .ss-note{direction:rtl}html[lang=ar] .otf-ss .ss-lbl{letter-spacing:0;text-align:right}html[lang=ar] .otf-ss .otf-sr{text-align:right}html[lang=ar] .otf-ss .otf-sr .in{direction:rtl}html[lang=ar] .otf-ss .ss-cancel{padding:0 10px 0 4px}@media(prefers-reduced-motion:reduce){.otf-ss,.otf-ss.on,.otf-ss-scrim{transition:none}.otf-ss .ss-tok,.otf-ss .ss-wait span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/otf-search.css.map */