:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}#root{display:flex;align-items:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}html,body{height:100%;margin:0;padding:0}body{display:flex;justify-content:center;align-content:center;min-width:320px;margin:0 auto;background-color:#f5f6f8;overflow-x:hidden;min-height:calc(100vh + 300px)}#root{height:80vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.stripe-container{max-width:500px;margin:0 auto;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.sf__stripe__payment__element__container--form{display:flex;flex-direction:column;gap:20px}button.sf__payment__element__btn{background-color:#00359f;border-radius:8px;font-weight:700;color:#fff;outline:0;border:0;padding:10px 30px;cursor:pointer;font-size:1.5rem}.sf__payment__element__container{height:100%;width:100%}.sf__payment__element__branding{width:100%;max-height:50px;display:flex;justify-content:space-around;align-items:center}.sf__payment__element__branding--image{height:40px;width:auto}.sf__payment__element__branding--title{font-size:2rem;font-weight:600}.sf__payment-element-wrapper{padding:20px;position:relative;display:block!important}.sf__payment__element__2__loader--overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.sf__loader__overlay{position:relative;width:100%;height:100%;overflow:hidden;cursor:not-allowed;z-index:99}svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf__loader__overlay svg{width:auto}@media screen and (min-width: 900px){.sf__loader__overlay svg{height:100%}}.agent-selector-section{margin:0 0 20px}.agent-selector-title{font-size:20px;margin:0 0 6px}.agent-selector-subtitle{color:#5f6b7a;font-size:14px;margin:0 0 12px}.search-input-group{align-items:center;display:flex;gap:8px}.agent-search-input{border:1px solid #d8dee8;border-radius:8px;flex:1;font-size:14px;padding:10px 12px}.agent-search-input:focus{border-color:#00359f;outline:none}.agent-search-btn{background:#00359f;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px}.agent-search-btn:disabled{cursor:not-allowed;opacity:.75}.agent-dropdown{background:#fff;border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 10px 30px #0c1f3c14;list-style:none;margin:8px 0 0;max-height:240px;overflow-y:auto;padding:6px}.agent-dropdown-item{border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.agent-dropdown-item:hover{background:#f3f6ff}.agent-name{color:#10243e;font-weight:600}.agent-channel-id{color:#607086;font-size:12px;margin-left:12px}.selected-agent-display{background:#f2fbf5;border:1px solid #a2e5ba;border-left:4px solid #1f8f4d;border-radius:10px;padding:12px}.selected-agent-row{align-items:center;display:flex;gap:8px}.selected-agent-check{color:#1f8f4d;font-weight:700}.selected-agent-name{color:#17462d;font-weight:700}.selected-agent-id{color:#2b6f47;font-size:13px;margin-top:6px}.change-agent-btn{background:transparent;border:1px solid #1f8f4d;border-radius:8px;color:#1f8f4d;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:8px 10px}.agent-message{color:#7f1d1d;font-size:13px;margin-top:8px}@media (max-width: 640px){.search-input-group{flex-direction:column}.agent-search-btn{width:100%}}.sf__stripe__payment__element__container--wrapper{display:flex;flex-direction:column;min-height:100vh}.sf__stripe__payment__element__container{display:flex;flex-direction:column;flex:1 1 auto;align-items:center;justify-content:center;width:400px;position:relative;margin:300px auto 0;padding-bottom:40px;background:#f5f6f8}.sf__stripe__update__status{width:calc(100% - 32px);margin:24px 16px 8px;border-radius:8px;padding:12px;font-size:1.4rem;line-height:1.4;display:flex;flex-direction:column;gap:4px}.sf__stripe__update__status--success{border:1px solid #86efac;background:#f0fdf4;color:#14532d}.sf__stripe__update__status--failure{border:1px solid #fecaca;background:#fef2f2;color:#7f1d1d}.sf__stripe__payment__element__container--heading{text-align:center;padding:20px 20px 40px;margin-top:40px}.sf__stripe__payment__element__container--subheading{width:100%;text-wrap:auto;text-align:center;padding:10px;margin-bottom:20px;color:#00359f;font-size:2rem}.sf__element__loader__container{position:relative;width:400px;height:400px}.sf__stripe__payment__element__container--loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.topbar__gradient{background-image:linear-gradient(90deg,#003ca3 92%,#00359f);height:50px;width:100%;position:absolute;top:0;left:0}.topbar__logo{height:50px;width:auto;position:absolute;top:80px;left:60px}.topbar__gradient__overlay{padding:20px}@media (max-width: 376px){img.topbar__logo{position:relative;display:none!important}}