/* The support button's assistant (step 115, assets/js/sup-chat.js). */
.ydsp{width:370px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;color:#0b1020;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px rgba(7,11,29,.32);border:1px solid rgba(7,11,29,.08);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ydsp[hidden]{display:none}
.ydsp-h{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:radial-gradient(120% 160% at 0 0,#16224d,#0b1230 60%,#070b1d);color:#fff}
.ydsp-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 18px/1 Georgia,serif;color:#0b1020;background:linear-gradient(135deg,#f2d27c,#c8962e)}
.ydsp-ht{flex:1;min-width:0}
.ydsp-ht b{display:block;font-size:15.5px}
.ydsp-ht small{display:flex;align-items:center;gap:6px;color:#aab4c8;font-size:12px}
.ydsp-ht small i{width:7px;height:7px;border-radius:50%;background:#26d07c;box-shadow:0 0 0 3px rgba(38,208,124,.2)}
.ydsp-ib{flex:none;width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.ydsp-ib:hover{background:rgba(255,255,255,.16)}
.ydsp-tabs{display:flex;gap:4px;padding:6px 10px 0;background:#0b1230}
.ydsp-tabs button{flex:1;border:0;background:transparent;color:#aab4c8;font:700 13px/1 inherit;padding:10px 0 11px;border-bottom:2px solid transparent;cursor:pointer}
.ydsp-tabs button.on{color:#f0c15a;border-bottom-color:#f0c15a}
.ydsp-tabs em{font-style:normal;font-size:11px;background:#e5484d;color:#fff;border-radius:99px;padding:1px 6px;margin-left:4px}
.ydsp-body{flex:1;overflow-y:auto;padding:14px 12px;background:#f4f6fa;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.ydsp-m{display:flex;flex-direction:column;max-width:86%}
.ydsp-m.me{align-self:flex-end;align-items:flex-end}
.ydsp-m small{font-size:11px;font-weight:700;color:#a67815;margin:0 0 2px 4px}
.ydsp-b{padding:9px 12px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;font-size:14.5px;overflow-wrap:anywhere}
.ydsp-m.ai .ydsp-b{border-top-left-radius:5px}
.ydsp-m.team .ydsp-b{border-top-left-radius:5px;background:#fff8e6;border-color:#f1d99a}
.ydsp-m.me .ydsp-b{background:#0b1230;color:#fff;border-color:#0b1230;border-top-right-radius:5px}
.ydsp-b p{margin:0}.ydsp-b p+p{margin-top:6px}
.ydsp-b ul{margin:4px 0;padding-left:18px}.ydsp-b li{margin:2px 0}
.ydsp-b a{color:#1d5bd8;word-break:break-all}
.ydsp-m.me .ydsp-b a{color:#f2d27c}
.ydsp-typing{display:flex;gap:4px;padding:12px 14px}
.ydsp-typing i{width:7px;height:7px;border-radius:50%;background:#9aa6b8;animation:ydsp-b 1s infinite}
.ydsp-typing i:nth-child(2){animation-delay:.15s}.ydsp-typing i:nth-child(3){animation-delay:.3s}
@keyframes ydsp-b{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ydsp-qs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ydsp-qs button{border:1px solid #d6dde7;background:#fff;color:#0b1230;border-radius:99px;padding:7px 12px;font:600 13px/1.2 inherit;cursor:pointer}
.ydsp-qs button:hover{border-color:#c8962e;color:#8a5f0c}
.ydsp-nt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:#fff3e0;border:1px solid #f3d3a0;font-size:13px;color:#7a4b00}
.ydsp-nt a{flex:none;font-weight:800;color:#0b1020;background:linear-gradient(90deg,#f2d27c,#c8962e);padding:6px 12px;border-radius:9px;text-decoration:none}
.ydsp-team{padding:10px 12px;border-radius:14px;background:#eef4ff;border:1px solid #cddcff;font-size:13.5px}
.ydsp-team p{margin:0 0 8px}
.ydsp-cbs{display:flex;gap:8px;flex-wrap:wrap}
.ydsp-cb{flex:1 1 120px;text-align:center;padding:9px 10px;border-radius:11px;color:#fff;font-weight:800;text-decoration:none;font-size:14px}
.ydsp-cb.wa{background:#25D366}.ydsp-cb.tg{background:#229ED9}
.ydsp-cf{display:grid;gap:7px;padding:12px;border-radius:14px;background:#fff;border:1px solid #e3e8ef}
.ydsp-cf b{font-size:13.5px}
.ydsp-cf input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cfd7e2;border-radius:10px;font:14px/1.3 inherit}
.ydsp-cf input.bad{border-color:#e5484d}
.ydsp-cf button{padding:10px;border:0;border-radius:10px;background:#0b1230;color:#fff;font:800 14px/1 inherit;cursor:pointer}
.ydsp-fw{padding:10px 12px;border-radius:14px;background:#fff;border:1px dashed #d6dde7;font-size:12.5px;color:#5d6780}
.ydsp-fw div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.ydsp-fl{padding:5px 10px;border-radius:99px;color:#fff;font-weight:700;text-decoration:none;font-size:12px}
.ydsp-fl.youtube{background:#e62117}.ydsp-fl.instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.ydsp-fl.telegram{background:#229ED9}.ydsp-fl.facebook{background:#1877F2}
.ydsp-nw{padding:12px;border-radius:14px;background:#fff;border:1px solid #e3e8ef;font-size:14px}
.ydsp-nw.new{border-color:#f0c15a;box-shadow:0 0 0 3px rgba(240,193,90,.18)}
.ydsp-nw small{display:block;color:#8a95a8;font-size:11.5px}
.ydsp-nw b{display:block;margin:2px 0 4px;font-size:15px}
.ydsp-nw p{margin:0}
.ydsp-nwl{display:inline-block;margin-top:8px;font-weight:800;color:#8a5f0c;text-decoration:none}
.ydsp-empty{margin:20px 0;text-align:center;color:#8a95a8}
.ydsp-pref{align-self:center;border:0;background:none;color:#8a95a8;font:12px/1 inherit;text-decoration:underline;cursor:pointer;margin-top:6px}
.ydsp-in{display:flex;align-items:flex-end;gap:8px;padding:10px;background:#fff;border-top:1px solid #e3e8ef}
.ydsp-in[hidden]{display:none}
.ydsp-in textarea{flex:1;resize:none;max-height:120px;padding:10px 12px;border:1px solid #cfd7e2;border-radius:14px;font:15px/1.4 inherit;outline:none}
.ydsp-in textarea:focus{border-color:#c8962e}
.ydsp-in button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,#f2d27c,#c8962e);color:#0b1020;font-size:18px;cursor:pointer}
.ydsp-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 10px;background:#fff}
.ydsp-pl{border:0;background:none;color:#1d5bd8;font:700 13px/1 inherit;cursor:pointer;padding:4px 0}
.ydsp-edu{color:#9aa6b8;font-size:10.5px;text-align:right}
.ydsp-dot{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#e5484d;color:#fff;font:800 11px/20px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.ydsp-dot[hidden]{display:none}
.floating-support-toggle{position:relative}
.floating-support.ydsp-on .floating-support-icon-open{display:none}
@media (max-width:520px){
  .ydsp{position:fixed;left:8px;right:8px;bottom:86px;width:auto;max-width:none;height:calc(100dvh - 100px);height:calc(100vh - 100px);border-radius:18px}
  @supports (height:100dvh){.ydsp{height:calc(100dvh - 100px)}}
}
/* the site's own dark form style must not win inside the panel */
.ydsp textarea,.ydsp input{background:#fff!important;color:#0b1020!important;-webkit-text-fill-color:#0b1020;box-shadow:none!important}
.ydsp textarea::placeholder,.ydsp input::placeholder{color:#8a95a8!important;-webkit-text-fill-color:#8a95a8}
.ydsp-pl{white-space:nowrap}
.floating-support.ydsp-on .floating-support-icon-close{display:inline!important;font-size:30px;line-height:1}