/* Contact support window: a sheet on phones, a panel on the right on wide screens */
html:not(.pf-keep) .pfsup{position:fixed;inset:0;z-index:100045;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html:not(.pf-keep) .pfsup[hidden]{display:none}
html:not(.pf-keep) .pfsup__shade{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
html:not(.pf-keep) .pfsup.is-in .pfsup__shade{opacity:1}
html:not(.pf-keep) .pfsup__box{position:absolute;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top) + 10px);display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:#0e1113;border-top:1px solid #232b2f;box-shadow:0 -20px 60px rgba(0,0,0,.45);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
html:not(.pf-keep) .pfsup.is-in .pfsup__box{transform:none}
@media (min-width:700px){
  html:not(.pf-keep) .pfsup__box{left:auto;top:16px;right:16px;bottom:16px;width:420px;border:1px solid #232b2f;border-radius:20px;transform:translateX(calc(100% + 24px))}
}
html:not(.pf-keep) .pfsup__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px 20px;border-bottom:1px solid #1d2327}
html:not(.pf-keep) .pfsup__hd h2{margin:0!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.2!important;color:#fff!important}
html:not(.pf-keep) .pfsup__x{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#1d2327;color:#e9eef0;cursor:pointer}
html:not(.pf-keep) .pfsup__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html:not(.pf-keep) .pfsup__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:18px 16px}
html:not(.pf-keep) .pfsup__wait{margin:auto;color:#8a979d;font-size:14px}
html:not(.pf-keep) .pfsup__hi{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:4px 4px 10px}
html:not(.pf-keep) .pfsup__hi img{width:44px;height:44px;border-radius:50%}
html:not(.pf-keep) .pfsup__hi b{font-size:18px;font-weight:800;line-height:1.3;color:#fff}
html:not(.pf-keep) .pfsup__hi p{margin:0!important;font-size:14.5px;line-height:1.5;color:#a9b6bb}
html:not(.pf-keep) .pfsup__m{display:flex;align-items:flex-end;gap:8px;max-width:86%}
html:not(.pf-keep) .pfsup__m.is-me{align-self:flex-end}
html:not(.pf-keep) .pfsup__m img{flex:none;width:28px;height:28px;border-radius:50%}
html:not(.pf-keep) .pfsup__m>div{display:flex;flex-direction:column;gap:4px;min-width:0}
html:not(.pf-keep) .pfsup__m p{margin:0!important;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#1d2327;color:#eef3f5;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
html:not(.pf-keep) .pfsup__m.is-me p{border-radius:18px 18px 6px 18px;background:linear-gradient(103deg,#8ee6a6,#c9f24d);color:#06180d}
html:not(.pf-keep) .pfsup__m small{padding:0 6px;font-size:12px;color:#7d8a90}
html:not(.pf-keep) .pfsup__m.is-me small{text-align:right}
html:not(.pf-keep) .pfsup__form{display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #1d2327;background:#0e1113;border-radius:0 0 20px 20px}
html:not(.pf-keep) .pfsup__guest{display:flex;gap:8px}
html:not(.pf-keep) .pfsup__guest[hidden]{display:none}
html:not(.pf-keep) .pfsup__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
html:not(.pf-keep) .pfsup__form input[type=text],html:not(.pf-keep) .pfsup__form input[type=email],html:not(.pf-keep) .pfsup__form textarea{flex:1;min-width:0;box-sizing:border-box;margin:0;padding:11px 14px;border:1px solid #2a3338;border-radius:14px;background:#161b1e;color:#fff;font:inherit;font-size:16px;line-height:1.4;outline:none;box-shadow:none}
html:not(.pf-keep) .pfsup__form textarea{resize:none;min-height:46px;max-height:160px}
html:not(.pf-keep) .pfsup__form input:focus,html:not(.pf-keep) .pfsup__form textarea:focus{border-color:#7ce0a2}
html:not(.pf-keep) .pfsup__form ::placeholder{color:#7d8a90}
html:not(.pf-keep) .pfsup__row{display:flex;align-items:flex-end;gap:8px}
html:not(.pf-keep) .pfsup__send{flex:none;height:46px;max-height:46px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(103deg,#8ee6a6,#c9f24d);color:#06180d!important;-webkit-text-fill-color:#06180d;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
html:not(.pf-keep) .pfsup__send:disabled{background:#2a3338;color:#8a979d!important;-webkit-text-fill-color:#8a979d;cursor:default}
html:not(.pf-keep) .pfsup__note{margin:0!important;font-size:13.5px;line-height:1.4;color:#7ce0a2}
html:not(.pf-keep) .pfsup__note.is-bad{color:#ff8a9e}
html:not(.pf-keep) .pfsup__note[hidden]{display:none}
html.pfsup-on,html.pfsup-on body{overflow:hidden}

/* light mode, written by hand */
html[data-pftheme="light"] .pfsup__box,html[data-pftheme="light"] .pfsup__form{background:#fff;border-color:#dde7ec}
html[data-pftheme="light"] .pfsup__box{box-shadow:0 -20px 60px rgba(0,0,0,.15)}
html[data-pftheme="light"] .pfsup__hd,html[data-pftheme="light"] .pfsup__form{border-color:#e6edf0}
html[data-pftheme="light"] .pfsup__hd h2,html[data-pftheme="light"] .pfsup__hi b{color:#0d0f11!important}
html[data-pftheme="light"] .pfsup__x{background:#eef3f5;color:#27353b}
html[data-pftheme="light"] .pfsup__hi p,html[data-pftheme="light"] .pfsup__wait{color:#5a6a71}
html[data-pftheme="light"] .pfsup__m p{background:#eef3f5;color:#0d0f11}
html[data-pftheme="light"] .pfsup__m.is-me p{background:linear-gradient(103deg,#8ee6a6,#c9f24d);color:#06180d}
html[data-pftheme="light"] .pfsup__m small{color:#5a6a71}
html[data-pftheme="light"] .pfsup__form input[type=text],html[data-pftheme="light"] .pfsup__form input[type=email],html[data-pftheme="light"] .pfsup__form textarea{background:#f5f8f9;border-color:#d6e0e4;color:#0d0f11}
html[data-pftheme="light"] .pfsup__form input:focus,html[data-pftheme="light"] .pfsup__form textarea:focus{border-color:#14975a}
html[data-pftheme="light"] .pfsup__send:disabled{background:#e3e9ec;color:#6b7a80!important;-webkit-text-fill-color:#6b7a80}
html[data-pftheme="light"] .pfsup__note{color:#14975a}
html[data-pftheme="light"] .pfsup__note.is-bad{color:#d1314f}
