.csp{--csp-ink: #212121;--csp-muted: #6a625a;--csp-line: #e6e2e3;--csp-soft: #f6f3ef;--csp-accent: #c24a66;position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;font-family:var(--FONT-STACK-BODY, sans-serif);color:var(--csp-ink)}.csp[hidden]{display:none!important}.csp *,.csp *:before,.csp *:after{box-sizing:border-box}.csp :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}.csp :where(p){margin:0}.csp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}html.csp-lock,html.csp-lock body{overflow:hidden}.csp__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111173;opacity:0;transition:opacity .2s}.csp.is-open .csp__shade{opacity:1}.csp__panel{position:absolute;left:0;right:0;top:0;max-height:100%;display:flex;flex-direction:column;background:#fff;transform:translateY(-12px);opacity:0;transition:transform .22s ease,opacity .22s ease}.csp.is-open .csp__panel{transform:none;opacity:1}@media(min-width:750px){.csp__panel{left:50%;right:auto;top:24px;width:min(920px,calc(100% - 48px));max-height:calc(100% - 48px);transform:translate(-50%,-12px);border-radius:18px;box-shadow:0 20px 60px #0000002e}.csp.is-open .csp__panel{transform:translate(-50%)}}.csp__head{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--csp-line)}.csp__form{position:relative;flex:1;min-width:0}.csp__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--csp-muted);pointer-events:none}.csp__input{width:100%;height:48px;border-radius:300px;border:1px solid var(--csp-ink);padding:0 44px;font:inherit;font-size:16px;color:var(--csp-ink);background:#fff;-webkit-appearance:none;appearance:none;outline:none}.csp__input::-webkit-search-cancel-button{display:none}.csp__input:focus{box-shadow:0 0 0 3px #c24a662e;border-color:var(--csp-accent)}.csp__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--csp-muted)}.csp__x{width:46px;height:46px;display:grid;place-items:center;border-radius:50%!important;flex:none;background:#111!important;color:#fff!important;box-shadow:0 2px 8px #0000002e}.csp__x svg{width:22px;height:22px;stroke-width:2.4}.csp__x:hover{background:#333!important}.csp__body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px calc(24px + env(safe-area-inset-bottom))}.csp__block+.csp__block{margin-top:20px}.csp__start.is-under{margin-top:22px;padding-top:18px;border-top:1px solid var(--csp-line)}.csp__h{font-family:var(--FONT-STACK-SUBHEADING, var(--FONT-STACK-BODY, sans-serif));font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--csp-ink);margin-bottom:10px}.csp__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.csp__more,.csp__all{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--csp-ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.csp__all{display:block;width:fit-content;margin:16px auto 0}.csp__chips{display:flex;flex-wrap:wrap;gap:8px}.csp__chip{min-height:38px;padding:0 16px!important;border-radius:300px;background:var(--csp-soft)!important;font-size:14px}.csp__chip:hover{background:#efe9e2!important}@media(max-width:749px){.csp__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px;-webkit-overflow-scrolling:touch}.csp__chips::-webkit-scrollbar{display:none}.csp__chip{flex:none;white-space:nowrap}}.csp__cats{display:grid;grid-auto-flow:column;grid-auto-columns:84px;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}.csp__cats::-webkit-scrollbar{display:none}.csp__cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--csp-ink)}.csp__catimg{position:relative;width:72px;height:72px;border-radius:50%;border:1px solid var(--csp-line);background:#fff;overflow:hidden}.csp__catimg img{position:absolute;top:22%;right:18%;bottom:22%;left:18%;width:64%;height:56%;object-fit:contain}.csp__catimg img.is-tall{top:13%;right:28%;bottom:13%;left:28%;width:44%;height:74%}.csp__cat:hover .csp__catimg{border-color:var(--csp-ink)}.csp__catname{font-size:11.5px;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.02em}.csp__segs{display:inline-flex;gap:4px;padding:4px;border-radius:300px;background:var(--csp-soft);margin-bottom:12px}.csp__seg{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px!important;border-radius:300px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--csp-muted)}.csp__seg.is-on{background:#fff;color:var(--csp-ink);box-shadow:0 1px 4px #0000001f}.csp__sw{width:14px;height:14px;border-radius:50%;display:inline-block}.csp__sw--all{background:linear-gradient(135deg,#f6e7a8 50%,#c9ccd1 50%)}.csp__sw--gold{background:linear-gradient(135deg,#f3dc9a,#b78a33)}.csp__sw--silver{background:linear-gradient(135deg,#f2f3f5,#9da2a8)}.csp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:560px){.csp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:750px){.csp__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.csp__card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:8px 8px 10px!important;border:1px solid var(--csp-line)!important;border-radius:14px;background:#fff!important;min-width:0;text-align:left;transition:border-color .2s,transform .15s}.csp__card:hover{border-color:var(--csp-ink)!important}.csp__card:active{transform:scale(.98)}.csp__card:focus-visible{outline:2px solid var(--csp-accent);outline-offset:2px}.csp__img{display:block;aspect-ratio:1;border-radius:10px;background:#fff;overflow:hidden}.csp__img img{width:100%;height:100%;object-fit:contain}.csp__name{font-size:12.5px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em;color:var(--csp-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;padding-right:2px}.csp__price{font-size:14px;font-weight:700}.csp__price s{font-size:12px;font-weight:400;color:var(--csp-muted)}.csp__add{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #0000002e;transition:background .2s}.csp__add svg{width:18px;height:18px;stroke-width:2.2}.csp__card.is-busy{opacity:.6;pointer-events:none}.csp__card.is-done{border-color:var(--csp-accent)!important}.csp__card.is-done .csp__add{background:var(--csp-accent)}.csp__card.is-err .csp__add{background:#b3261e}.csp__results.is-loading{opacity:.5;transition:opacity .15s}.csp__none{padding:6px 0 0}.csp__nonet{font-size:16px;font-weight:700;margin-bottom:4px}.csp__muted,.csp__msg{font-size:14px;color:var(--csp-muted)}
/*# sourceMappingURL=/cdn/shop/t/103/assets/charms-search-panel.css.map */