.header-support{align-items:center;gap:8px;display:flex;position:relative}.header-support-button{color:#c65d3e;cursor:pointer;background:#fff5ee;border:1px solid #f0d5ca;border-radius:10px;place-items:center;width:38px;height:38px;transition:border-color .2s,background .2s,transform .2s;display:grid}.header-support-button:hover{background:#ffede3;border-color:#e8ad98;transform:translateY(-1px)}.header-support-button svg{width:19px;height:19px}.header-feedback-button{color:#217269;background:#f0f8f6;border-color:#cfe1df}.header-feedback-button:hover{background:#e7f5f2;border-color:#9fcac4}.header-support-backdrop{z-index:65;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;background:#153d3838;border:0;position:fixed;inset:0}.header-support-panel{z-index:66;background:#fff;border:1px solid #e2ddd8;border-radius:20px;width:min(360px,100vw - 28px);max-height:calc(100vh - 90px);padding:18px;animation:.2s ease-out header-support-in;position:fixed;top:74px;right:22px;overflow:auto;box-shadow:0 24px 65px #173f3940}.header-support-panel>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.header-support-panel>header span{color:#c65d3e;letter-spacing:.12em;font-size:10px;font-weight:800}.header-support-panel h2{color:#1d423d;font-family:"Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", var(--display);letter-spacing:-.015em;margin:4px 0 5px;line-height:1.22;font-size:20px!important}.header-support-panel header p{color:#5f7773;max-width:275px;font-family:"Avenir Next Rounded", "Nunito", var(--sans);margin:0;font-size:13px;font-weight:600;line-height:1.55}.header-support-panel>header>button{color:#627b77;cursor:pointer;background:#fafcfc;border:1px solid #e3e9e7;border-radius:10px;flex:0 0 36px;place-items:center;height:36px;font-size:23px;display:grid}.header-support-qr{background:#f7effa;border:1px solid #eaded8;border-radius:15px;width:250px;margin:15px auto 10px;overflow:hidden}.header-support-qr img{width:100%;height:auto;display:block}.header-support-coffee-link{color:#9d482f;background:#fff1e8;border-radius:11px;justify-content:center;align-items:center;min-height:42px;margin-top:9px;font-size:12px;font-weight:800;display:flex}.header-feedback-panel{width:min(410px,100vw - 28px)}.header-feedback-channels{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.header-feedback-channels>a,.header-feedback-channels>span{color:#294d49;text-align:center;background:#f9fcfb;border:1px solid #dce8e5;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:142px;padding:16px 8px 13px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.header-feedback-channels>a:hover{border-color:color-mix(in srgb, var(--brand-color) 45%, #dce8e5);transform:translateY(-2px);box-shadow:0 10px 24px #173f3917}.header-feedback-channels i{color:#fff;background:var(--brand-color);width:50px;height:50px;box-shadow:0 7px 16px color-mix(in srgb, var(--brand-color) 22%, transparent);border-radius:15px;place-items:center;display:grid}.header-feedback-channels i svg{width:27px;height:27px}.header-feedback-channels strong{font-size:13px}.header-feedback-channels span span,.header-feedback-channels a span{color:#6c817e;font-size:10px;font-weight:650}.header-feedback-channels>.is-disabled{opacity:.48;filter:grayscale(.35)}@keyframes header-support-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.header-support-button{border-radius:12px;width:44px;height:44px}.header-support-button svg{width:21px;height:21px}.header-support-panel{width:calc(100vw - 28px);max-height:calc(100vh - 158px);padding:17px;top:auto;bottom:76px;right:14px}.header-support-backdrop{top:68px;bottom:64px}.header-support-qr{width:min(250px,100%)}.header-feedback-panel{top:84px;bottom:auto}.header-feedback-channels{gap:7px}.header-feedback-channels>a,.header-feedback-channels>span{border-radius:14px;min-height:125px;padding:13px 5px 11px}.header-feedback-channels i{border-radius:13px;width:44px;height:44px}.header-feedback-channels i svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.header-support-button{transition:none}.header-support-button:hover{transform:none}.header-support-panel{animation:none}}
