.app-search-field{--app-search-field-accent:#39ff88;--app-search-field-accent-soft:#39ff8814;--app-search-field-control-min-height:54px;--app-search-field-control-padding:6px 10px;--app-search-field-control-radius:10px;--app-search-field-control-border:#39ff883d;--app-search-field-control-border-focus:#39ff886b;--app-search-field-text:#f4f7f1;--app-search-field-label:#f4f7f1a3;--app-search-field-placeholder:#f4f7f15c;--app-search-field-icon-tile-size:36px;--app-search-field-icon-size:20px;--app-search-field-icon-stroke-width:2.15;--app-search-field-clear-size:34px;--app-search-field-clear-icon-size:15px;gap:7px;min-width:0;display:grid}.app-search-field__label{color:var(--app-search-field-label);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.2}.app-search-field__control{min-width:0;min-height:var(--app-search-field-control-min-height);padding:var(--app-search-field-control-padding);border:1px solid var(--app-search-field-control-border);border-radius:var(--app-search-field-control-radius);background:linear-gradient(#63ffa80a 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#63ffa808 1px,#0000 1px) 0 0/18px 18px,radial-gradient(360px 130px at 0 0,#39ff881a,#0000 72%),linear-gradient(145deg,#05120cfa,#010705fe);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0b,inset 0 0 26px #39ff8809,0 12px 26px #00000029}.app-search-field.has-value .app-search-field__control{padding-inline-end:54px}.app-search-field__control:focus-within{border-color:var(--app-search-field-control-border-focus);box-shadow:0 0 0 2px #39ff880e,0 0 16px #39ff8814,inset 0 1px #ffffff0e,inset 0 0 24px #39ff880b}.app-search-field__icon{inline-size:var(--app-search-field-icon-tile-size);block-size:var(--app-search-field-icon-tile-size);color:var(--app-search-field-accent);pointer-events:none;background:radial-gradient(circle at 35% 25%, #ffffff29, transparent 58%),var(--app-search-field-accent-soft);border-radius:9px;place-self:center;place-items:center;line-height:0;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 16px #39ff8809}.app-search-field__icon-svg{inline-size:var(--app-search-field-icon-size);block-size:var(--app-search-field-icon-size);fill:none;stroke:currentColor;stroke-width:var(--app-search-field-icon-stroke-width);stroke-linecap:round;stroke-linejoin:round;color:currentColor;opacity:1;display:block;overflow:visible}.app-search-field__icon-svg path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.app-search-field__input{appearance:none;width:100%;min-width:0;height:100%;min-height:42px;color:var(--app-search-field-text);caret-color:var(--app-search-field-accent);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0 4px;font-size:.92rem;font-weight:760}.app-search-field__input:focus,.app-search-field__input:focus-visible{box-shadow:none;border:0;outline:0}.app-search-field__input::placeholder{color:var(--app-search-field-placeholder);opacity:1}.app-search-field__input::-webkit-search-cancel-button{display:none}.app-search-field__input::-webkit-search-decoration{display:none}.app-search-field__input::-webkit-search-results-button{display:none}.app-search-field__input::-webkit-search-results-decoration{display:none}.app-search-field__input::-ms-clear{display:none}.app-search-field__clear.app-button{width:var(--app-search-field-clear-size);min-width:var(--app-search-field-clear-size);height:var(--app-search-field-clear-size);min-height:var(--app-search-field-clear-size);color:#ffb5b5;background:linear-gradient(#ff5c5c0e 1px,#0000 1px) 0 0/12px 12px,linear-gradient(90deg,#ff5c5c0b 1px,#0000 1px) 0 0/12px 12px,#460e10b8;border-color:#ff63635c;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:10px;transform:translateY(-50%);box-shadow:inset 0 0 14px #ff50500b,0 0 12px #ff50500f}.app-search-field__clear.app-button .app-button__label{place-items:center;block-size:100%;inline-size:100%;line-height:0;display:grid}.app-search-field__clear.app-button:hover:not(:disabled){color:#fff0f0;background:#8b1b1be0;border-color:#ff7070b8;transform:translateY(-50%)}.app-search-field__clear.app-button:focus-visible{outline:0;box-shadow:0 0 0 2px #ff50501a,0 0 12px #ff50501c,inset 0 0 14px #ff50500e}.app-search-field__clear-icon{inline-size:var(--app-search-field-clear-icon-size);block-size:var(--app-search-field-clear-icon-size);fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.app-search-field__clear-tooltip{inline-size:var(--app-search-field-clear-size);block-size:var(--app-search-field-clear-size);display:grid;position:absolute;inset-block-start:50%;inset-inline-end:10px;transform:translateY(-50%)}.app-search-field__clear-tooltip .app-search-field__clear.app-button{position:static;transform:none}.app-search-field__clear-tooltip .app-search-field__clear.app-button:hover:not(:disabled),.app-search-field__clear-tooltip .app-search-field__clear.app-button:active:not(:disabled),.app-search-field__clear-tooltip .app-search-field__clear.app-button:disabled{transform:none}.app-search-field[dir=rtl].has-value .app-search-field__control{padding-inline:54px 10px}.app-search-field.is-loading{opacity:.76}@media (max-width:420px){.app-search-field__control{grid-template-columns:36px minmax(0,1fr);gap:7px;padding-inline:6px}.app-search-field.has-value .app-search-field__control{padding-inline-end:48px}.app-search-field[dir=rtl].has-value .app-search-field__control{padding-inline:48px 6px}.app-search-field__clear.app-button,.app-search-field__clear-tooltip{inset-inline-end:7px}}@media (prefers-reduced-motion:reduce){.app-search-field__control{transition:none}}.app-search-field__control.app-search-field__control--discussion,.app-search-field__control.app-search-field__control--flat{border:1px solid var(--member-border-standard,#60856e);background:var(--member-input-surface,#081b11);block-size:44px;min-block-size:44px;min-inline-size:0;box-shadow:none;color:#edf7f1;border-radius:8px;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:0 12px}.app-search-field__control.app-search-field__control--discussion.has-clear,.app-search-field__control.app-search-field__control--flat.has-clear{padding-inline-end:48px}.app-search-field__control.app-search-field__control--discussion:focus-within,.app-search-field__control.app-search-field__control--flat:focus-within{border-color:#8ff0b2;box-shadow:0 0 0 2px #8ff0b226}.app-search-field__control.app-search-field__control--discussion .app-search-field__icon,.app-search-field__control.app-search-field__control--flat .app-search-field__icon{block-size:20px;inline-size:20px;box-shadow:none;color:#74ffb3;background:0 0}.app-search-field__control.app-search-field__control--discussion .app-search-field__icon-svg,.app-search-field__control.app-search-field__control--flat .app-search-field__icon-svg{stroke-width:2px;block-size:20px;inline-size:20px}.app-search-field__control.app-search-field__control--discussion .app-search-field__input,.app-search-field__control.app-search-field__control--flat .app-search-field__input{block-size:100%;min-block-size:0;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;padding:0;font-size:13px;font-weight:500}.app-search-field__control.app-search-field__control--discussion .app-search-field__input:focus-visible,.app-search-field__control.app-search-field__control--flat .app-search-field__input:focus-visible{outline:0}.app-search-field__control.app-search-field__control--discussion .app-search-field__input::placeholder,.app-search-field__control.app-search-field__control--flat .app-search-field__input::placeholder{color:#a5bbae}.app-search-field__control.app-search-field__control--discussion .app-search-field__clear.app-button,.app-search-field__control.app-search-field__control--flat .app-search-field__clear.app-button{color:#ff8189;block-size:42px;min-block-size:42px;inline-size:44px;min-inline-size:44px;box-shadow:none;background:0 0;border:0;border-radius:7px;inset-inline-end:0}.app-search-field__control.app-search-field__control--discussion .app-search-field__clear.app-button:hover,.app-search-field__control.app-search-field__control--flat .app-search-field__clear.app-button:hover{color:#ffbdc2;background:#481c24}.app-search-field__control.app-search-field__control--discussion .app-search-field__clear.app-button:focus-visible,.app-search-field__control.app-search-field__control--flat .app-search-field__clear.app-button:focus-visible{outline-offset:-3px;outline:2px solid #ff8189}.app-search-field__control.app-search-field__control--discussion .app-search-field__clear-icon,.app-search-field__control.app-search-field__control--flat .app-search-field__clear-icon{block-size:16px;inline-size:16px}.app-search-field--flat{gap:8px}.app-search-field--flat .app-search-field__label{color:#b8d7c4;letter-spacing:0;text-transform:none;font-size:.78rem;font-weight:700;line-height:1.4}
