.ss [hidden]{display:none!important}.sheet--search.ss{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;background:transparent;color:var(--c-on-night);overflow:hidden}.ss::backdrop{background:#0805109e;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.ss[open]{display:flex;justify-content:center;align-items:flex-start;padding:clamp(24px,8vh,88px) 20px 20px}.ss__panel{position:relative;width:100%;max-width:920px;max-height:calc(100dvh - clamp(24px,8vh,88px) - 20px);display:flex;flex-direction:column;border-radius:24px;background:linear-gradient(180deg,#1f1638,#160f29 38%,#130d24);box-shadow:0 0 0 1px #ffffff12,0 1px #ffffff14 inset,0 50px 120px -30px #000000d9,0 0 80px -20px #8b5cf659;overflow:hidden;animation:ss-in .28s var(--ease)}.ss__panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(196,181,253,.7),transparent);pointer-events:none}@keyframes ss-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}.ss__bar{position:relative;display:flex;align-items:center;gap:14px;flex:none;min-height:76px;padding:0 16px 0 26px}.ss__bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff12}.ss__bar:focus-within:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.9) 20%,rgba(196,181,253,.9) 50%,rgba(139,92,246,.9) 80%,transparent)}.ss__bar>.icon{width:22px;height:22px;color:#a78bfa;stroke-width:2}.ss .ss__input{flex:1;min-width:0;height:74px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:1.375rem;font-weight:400;letter-spacing:-.02em;outline:none;-webkit-appearance:none;appearance:none;caret-color:#a78bfa}.ss__input::placeholder{color:#6f6790}.ss__input::-webkit-search-cancel-button,.ss__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.ss__input:focus-visible{outline:none}.ss__clear{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#c9c2df;cursor:pointer;flex:none;transition:background-color .15s ease}.ss__clear:hover{background:#ffffff29;color:#fff}.ss__clear .icon{width:14px;height:14px}.ss__esc{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff0a;color:#9a92b8;font:500 .75rem/1 var(--font-body);letter-spacing:.02em;cursor:pointer;flex:none;transition:color .15s ease,border-color .15s ease}.ss__esc:hover{color:#fff;border-color:#c4b5fd73}.ss__esc .icon{display:none}.ss__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 26px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.ss__group+.ss__group{margin-top:28px}.ss__label{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7e77a0}.ss__label a,.ss__label button{padding:0;border:0;background:none;color:#c4b5fd;font:500 .8125rem/1 var(--font-body);letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer}.ss__label a:hover,.ss__label button:hover{color:#fff}.ss mark{background:none;color:#c4b5fd;font-weight:600}.ss__chips{display:flex;flex-wrap:wrap;gap:8px}.ss .ss__chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;color:#e9e5f5;font-size:.875rem;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.ss__chip .icon{width:15px;height:15px;color:#8b84aa;stroke-width:2}.ss .ss__chip:hover,.ss .ss__chip.is-active{border-color:#a78bfa8c;background:#8b5cf62e;color:#fff}.ss .ss__chip:hover .icon,.ss .ss__chip.is-active .icon{color:#c4b5fd}.ss__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ss__tile{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px 10px 10px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .2s var(--ease)}.ss__tile:hover,.ss__tile.is-active{background:#8b5cf624;border-color:#a78bfa66;transform:translateY(-1px)}.ss__tile-img{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#fff;overflow:hidden}.ss__tile-img img{width:100%;height:100%;object-fit:contain;padding:5px}.ss__tile-txt{display:grid;gap:2px;min-width:0}.ss__tile-name{overflow:hidden;color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.ss__tile-count{color:#7e77a0;font-size:.75rem}.ss__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;transition:opacity .15s ease}.ss__cards[aria-busy=true]{opacity:.5}.ss__card{display:flex;flex-direction:column;height:100%;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none;overflow:hidden;transition:border-color .2s ease,background-color .2s ease,transform .25s var(--ease),box-shadow .25s ease}.ss__card:hover,.ss__card.is-active{border-color:#a78bfa73;background:#8b5cf61a;transform:translateY(-2px);box-shadow:0 18px 40px -18px #000000b3}.ss__card-img{position:relative;display:grid;place-items:center;aspect-ratio:1;margin:6px 6px 0;border-radius:13px;background:#fff;overflow:hidden}.ss__card-img img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .35s var(--ease)}.ss__card:hover .ss__card-img img{transform:scale(1.05)}.ss__badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:#6d28d9;color:#fff;font-size:.6875rem;font-weight:600}.ss__badge--out{background:#3b3350}.ss__card-body{display:flex;flex-direction:column;gap:4px;flex:1;padding:10px 12px 12px}.ss__card-vendor{color:#8b84aa;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ss__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:#f1eef9;font-size:.8125rem;font-weight:500;line-height:1.3}.ss__card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;color:#fff;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}.ss__card-price s{color:#7e77a0;font-size:.75rem;font-weight:400}.ss__card-price--ask{color:#c4b5fd;font-size:.8125rem;font-weight:500}.ss__live{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px}.ss__side .ss__group+.ss__group{margin-top:22px}.ss__sugg{display:grid;gap:2px;margin:0 -10px;padding:0;list-style:none}.ss__sugg a{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:10px;color:#d9d4ea;font-size:.9063rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.ss__sugg a .icon{width:15px;height:15px;color:#6f6790;stroke-width:2;flex:none}.ss__sugg a:hover,.ss__sugg a.is-active{background:#ffffff0f;color:#fff}.ss__live .ss__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ss__all{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;min-height:48px;padding:0 20px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.9375rem;font-weight:500;text-decoration:none;box-shadow:0 12px 30px -12px #7c3aedcc;transition:filter .15s ease}.ss__all:hover,.ss__all.is-active{filter:brightness(1.12)}.ss__empty{grid-column:1/-1;display:grid;justify-items:center;gap:16px;padding:40px 12px 28px;color:#c9c2df;text-align:center}.ss__empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#8b5cf624;color:#c4b5fd}.ss__empty-icon .icon{width:28px;height:28px}.ss__empty strong{color:#fff}.ss__empty .btn{min-height:46px}.ss__foot{display:flex;align-items:center;gap:20px;flex:none;padding:12px 26px;border-top:1px solid rgba(255,255,255,.06);background:#0000002e;color:#7e77a0;font-size:.75rem}.ss__foot span{display:inline-flex;align-items:center;gap:6px}.ss__foot kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:6px;background:#ffffff0a;color:#c9c2df;font:500 .6875rem/1 var(--font-body)}.ss__foot .ss__brand{margin-left:auto;color:#6f6790}@media(max-width:899px){.ss__tiles,.ss__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ss__live{grid-template-columns:1fr;gap:20px}.ss__live .ss__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ss__sugg{margin:0}}@media(max-width:699px){.ss[open]{padding:0}.ss__panel{max-width:none;height:100%;max-height:none;border-radius:0;animation:none}.ss__bar{min-height:64px;padding:0 6px 0 18px;gap:10px}.ss .ss__input{height:62px;font-size:1.0625rem}.ss__esc{width:44px;height:44px;padding:0;border:0;background:transparent}.ss__esc-key{display:none}.ss__esc .icon{display:block;width:22px;height:22px;color:#fff}.ss__body{padding:18px 16px 32px}.ss__group+.ss__group{margin-top:24px}.ss__chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}.ss__chips::-webkit-scrollbar{display:none}.ss .ss__chip{flex:none}.ss__tiles{gap:8px}.ss__tile{padding:8px 10px 8px 8px}.ss__tile-img{width:42px;height:42px}.ss__cards,.ss__live .ss__cards{gap:10px}.ss__foot{display:none}}@media(prefers-reduced-motion:reduce){.ss__panel,.ss__card,.ss__card-img img,.ss__tile{animation:none;transition:none}}html[data-motion=lite] .ss::backdrop,html[data-motion=none] .ss::backdrop{background:#080510d9;-webkit-backdrop-filter:none;backdrop-filter:none}
/*# sourceMappingURL=/cdn/shop/t/90/assets/search-sheet.css.map */