/* Same width as .cb-sa-wide, set from the first paint so the search icon does not jump when the script starts. */
header input[placeholder*="Поиск по"],header input[type="search"],header input[name="query"],#header input[name="query"],.cb-sa-wide{width:240px!important;max-width:calc(100vw - 150px)!important}
.cb-sa-input::placeholder{color:transparent!important;opacity:0!important}
.cb-sa-overlay{position:fixed;pointer-events:none;z-index:1000;overflow:hidden;padding:4px 0;box-sizing:content-box;white-space:pre;line-height:normal;contain:layout style paint}
.cb-sa-letter{display:inline-block;position:relative;white-space:pre}
.cb-sa-letter::after{content:attr(data-letter);position:absolute;inset:0;color:#9147ff;opacity:0}
.cb-sa-wave .cb-sa-letter::after{text-shadow:0 0 4px #9147ff,0 0 10px rgba(145,71,255,.75),0 0 18px rgba(145,71,255,.45);animation:cb-sa-glow 2.4s ease-in-out infinite;animation-delay:var(--delay)}
.cb-sa-caret{display:inline-block;width:1px;height:1em;background:currentColor;vertical-align:-.12em;animation:cb-sa-blink .8s steps(1) infinite}
.cb-sa-particle{position:fixed;pointer-events:none;z-index:1001;width:4px;height:4px;animation:cb-sa-fly var(--life) cubic-bezier(.16,1,.3,1) forwards}
@keyframes cb-sa-blink{50%{opacity:0}}
@keyframes cb-sa-glow{0%,100%{opacity:0}50%{opacity:1}}
@keyframes cb-sa-fly{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--turn)) scale(.25);opacity:0}}
@media (max-width:767px){header input[placeholder*="Поиск по"],header input[type="search"],header input[name="query"],#header input[name="query"],.cb-sa-wide{width:calc(100vw - 245px)!important;max-width:none!important}}
/* Theme icon next to the search icon, like curated.design: moon on light, blue sun on dark, no background. */
.cb-toggle-wrap{display:none!important}
.cb-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:38px;padding:0;margin:0;background:none!important;border:0!important;box-shadow:none!important;outline:0;color:#8c8c8c;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.cb-theme-btn svg{width:19px;height:19px;display:block;flex:none}
.cb-theme-btn .cb-sun{display:none}
.cb-theme-btn:hover{color:#555}
html[data-cbt=dark] .cb-theme-btn,html[data-cbt=dark] .cb-theme-btn:hover{color:#3d8bff}
html[data-cbt=dark] .cb-theme-btn .cb-moon{display:none}
html[data-cbt=dark] .cb-theme-btn .cb-sun{display:block}
