.q-catalog-illustrator{display:grid;justify-items:center;gap:.65rem;width:100%;margin-block-start:.35rem;color:var(--q-text, #f5f8ff)}.q-catalog-illustrator :where(button,input){font:inherit}.q-catalog-illustrator__selector{display:grid;align-items:center;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.4rem;width:100%;min-height:44px;min-width:0;padding:.6rem .75rem;border:1px solid rgb(157 199 219 / .42);border-radius:11px;background:linear-gradient(145deg,#122030e0,#08101bf0);color:#e6f4fb;box-shadow:inset 0 1px #ffffff17;cursor:pointer;font-size:.78rem;font-weight:800;text-align:left;white-space:nowrap;transition:border-color .16s ease,background .16s ease}.q-catalog-illustrator__label{grid-area:1 / 2;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}.q-catalog-illustrator__selector svg{grid-area:1 / 3;justify-self:end;width:15px;height:15px;transition:transform .16s ease}.q-catalog-illustrator__selector[aria-expanded=true] svg{transform:rotate(180deg)}.q-catalog-illustrator__selector:hover,.q-catalog-illustrator__selector.is-active,.q-catalog-illustrator__selector[aria-expanded=true]{border-color:var(--q-cyan, #83d9ef)}.q-catalog-illustrator__count{grid-area:1 / 3;justify-self:end;margin-inline-end:1.5rem;display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;padding:0 .25rem;border-radius:5px;background:#83d9ef2e;color:#e6faff;font-size:.7rem}.q-catalog-illustrator__count[hidden]{display:none}.q-catalog-illustrator__selected{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:100%}.q-catalog-illustrator__selected[hidden]{display:none}.q-catalog-illustrator__pill{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:100%;padding:.45rem .7rem .45rem .9rem;border:1px solid rgb(150 203 225 / .35);border-radius:999px;background:#152c43d6;color:#e5f7ff;cursor:pointer;font-size:.76rem}.q-catalog-illustrator__pill span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-catalog-illustrator__pill span:last-child{font-size:1.2rem;line-height:1}.q-catalog-illustrator__dialog{--q-illustrator-max-height: min(520px, calc(100dvh - 24px) );position:fixed;inset:var(--q-illustrator-top, 80px) auto auto var(--q-illustrator-left, 12px);width:var(--q-illustrator-width, 390px);max-width:none;max-height:var(--q-illustrator-max-height);margin:0;padding:0;border:1px solid rgb(166 207 227 / .37);border-radius:16px;background:#10243b;color:#f3f8ff;box-shadow:0 18px 52px #0000005c,inset 0 1px #ffffff21;overflow:hidden}.q-catalog-illustrator__dialog::backdrop{background:transparent}@supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))){.q-catalog-illustrator__dialog{background:linear-gradient(155deg,#1d354ee6,#091a2ee0);backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%)}}.q-catalog-illustrator__sheet{display:flex;flex-direction:column;max-height:calc(var(--q-illustrator-max-height) - 2px)}.q-catalog-illustrator__header{display:flex;flex:none;align-items:center;gap:.5rem;padding:1rem 1rem .65rem}.q-catalog-illustrator__header h2{margin:0;color:#f4f9ff;font-size:1rem;font-weight:800;letter-spacing:.02em}.q-catalog-illustrator__icon-button{display:grid;width:44px;height:44px;flex:none;place-items:center;border:0;border-radius:50%;background:#ffffff12;color:#dcecf6;cursor:pointer}.q-catalog-illustrator__icon-button svg{width:18px;height:18px}.q-catalog-illustrator__header [data-illustrator-close]{margin-inline-start:auto}.q-catalog-illustrator__search-toggle{background:transparent}.q-catalog-illustrator__search-toggle:hover,.q-catalog-illustrator__search-toggle[aria-expanded=true]{background:#83d9ef24;color:#a4eaff}.q-catalog-illustrator__search-toggle:disabled{opacity:.45;cursor:default}.q-catalog-illustrator__search{position:relative;display:flex;flex:none;align-items:center;margin:0 1rem .8rem;animation:q-illustrator-search-open .16s ease-out}@keyframes q-illustrator-search-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.q-catalog-illustrator__search>span:not(.visually-hidden){position:absolute;left:.8rem;display:flex;color:#adc4d4;pointer-events:none}.q-catalog-illustrator__search svg{width:18px;height:18px}.q-catalog-illustrator__search input{width:100%;min-height:44px;padding:.6rem .8rem .6rem 2.5rem;border:1px solid rgb(169 200 222 / .28);border-radius:12px;outline:none;background:#05132294;color:#f4f9ff;font-size:16px}.q-catalog-illustrator__search input::placeholder{color:#adbfcd}.q-catalog-illustrator__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem .65rem}.q-catalog-illustrator__message{margin:.6rem 0;color:#c5d7e4;font-size:.85rem;line-height:1.5}.q-catalog-illustrator__message:empty{display:none}.q-catalog-illustrator__retry{min-height:44px;padding:.5rem .9rem;border:1px solid rgb(131 217 239 / .6);border-radius:9px;background:#83d9ef1f;color:#e1f8ff;cursor:pointer}.q-catalog-illustrator__options{display:grid;gap:.2rem}.q-catalog-illustrator__more{flex:none;min-height:44px;margin:0 1rem .75rem;padding:.55rem .75rem;border:1px solid rgb(157 199 219 / .42);border-radius:10px;background:#83d9ef14;color:#c8edf8;font-size:.82rem;font-weight:700;cursor:pointer}.q-catalog-illustrator__more:hover{border-color:var(--q-cyan, #83d9ef);background:#83d9ef24}.q-catalog-illustrator__option{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.5rem .6rem;border-radius:9px;color:#e2edf6;cursor:pointer;font-size:.86rem}.q-catalog-illustrator__option span{min-width:0;overflow-wrap:anywhere}.q-catalog-illustrator__option:hover{background:#b5e3f414}.q-catalog-illustrator__option input{width:18px;height:18px;flex:none;margin:0;accent-color:#7ed6e8}.q-catalog-illustrator__option[hidden],.q-catalog-illustrator__options[hidden],.q-catalog-illustrator__search[hidden],.q-catalog-illustrator__more[hidden],.q-catalog-illustrator__retry[hidden]{display:none}.q-catalog-illustrator__footer{display:flex;flex:none;gap:.6rem;padding:.8rem 1rem .9rem;border-top:1px solid rgb(197 224 238 / .15);background:#091d31ad}.q-catalog-illustrator__footer button{min-height:44px;border-radius:11px;cursor:pointer;font-size:.82rem;font-weight:800}.q-catalog-illustrator__clear{flex:1;padding:.5rem .8rem;border:1px solid rgb(181 205 223 / .28);background:transparent;color:#c8dce9}.q-catalog-illustrator__apply{flex:1.6;padding:.5rem .8rem;border:1px solid #9bd8e9;background:linear-gradient(135deg,#b5e6f1,#83cfe4);color:#0b2639}.q-catalog-illustrator__footer button:disabled{opacity:.48;cursor:default}.q-catalog-illustrator :is(button,input):focus-visible{outline:2px solid #a4eaff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.q-catalog-illustrator__search{animation:none}.q-catalog-illustrator__selector,.q-catalog-illustrator__selector svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/catalog-illustrator.css.map */