.flex{display:flex;flex-direction:column;align-items:flex-start}
.flex.flex-row{flex-direction:row;align-items:flex-start;gap:.75rem}
.flex.flex-row label{flex:1 1 auto;min-width:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.5}
input[type="checkbox"]{flex-shrink:0;min-width:20px;min-height:20px;margin-top:.25rem}
#cmp-joinwebex__main{display:flex;flex-direction:column;padding:0 1rem;gap:1.5rem;margin:0 auto;max-width:1400px}
#cmp-joinwebex__instruction,#cmp-joinwebex__form{width:100%;padding:1.25rem;background:#fff}
#cmp-joinwebex__form{margin-top:0}
.cmp-joinwebex__instructions-list{list-style:none;counter-reset:instruction-counter;padding-left:0}
.cmp-joinwebex__instructions-list li{position:relative;margin-bottom:1.5rem;padding-left:2.5rem;line-height:1.5}
.cmp-joinwebex__instructions-list li::before{counter-increment:instruction-counter;content:counter(instruction-counter);position:absolute;left:0;top:.1em;width:2em;height:2em;background:#fff;border:2px solid #c20029;color:#c20029;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1em}
.cmp-joinwebex__heading{color:#040505;font-size:1.25rem;font-weight:900;margin-bottom:1.5rem}
.cmp-joinwebex{position:relative;width:100%;overflow-x:hidden}
.cmp-joinwebex__container{position:relative;width:100%;overflow-x:hidden}
.cmp-joinwebex__title{min-height:64px;display:flex;align-items:center;color:#790505;font-size:18px;font-weight:500;line-height:26px;margin-bottom:12px}
.cmp-joinwebex__intro{margin-bottom:1.5rem}
.cmp-joinwebex__form-element{margin-bottom:1rem;max-width:100%}
.input-medium{font-family:FF Mark,Arial,sans-serif;font-weight:400;font-size:1.0625rem;line-height:1.4117647059;position:relative;margin:.25rem 0 .375rem;padding:0;width:100%;max-width:100%;background:transparent;display:inline-block;overflow:visible}
.cmp-joinwebex__input{min-height:48px;height:48px;max-height:48px;padding:0 1rem .25rem;color:#040505;background:#fff;border:.0625rem solid #040505;border-bottom:2px solid #040505;border-radius:0;font-family:FF Mark,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.4117647059;max-width:100%;box-sizing:border-box;display:block}
.input--error{border:.0625rem solid #ba3d21}
.hint-error-message{min-height:1.25rem;font-family:FF Mark,Arial,sans-serif;font-size:.8125rem;line-height:1.4545454545;padding:.1875rem 0 0;margin:0 0 0 .25rem;color:#ba3d21}
.cmp-joinwebex__button{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:48px;height:auto;font-size:1rem;border-radius:1.5rem;border:.125rem solid #040505;margin:1.5rem 0 0;padding:.875rem 1.5rem;width:100%;background-color:#040505;color:#fff;cursor:pointer}
.cmp-joinwebex__button:active:not([disabled]){background-color:#333}
.cmp-joinwebex__button:hover:not([disabled]){box-shadow:0 0 0 2px black;background-color:white;color:black}
.cmp-joinwebex__button:focus:not([disabled]){outline:0;box-shadow:0 0 0 .28rem rgba(0,123,255,0.25)}
.cmp-joinwebex__button:disabled,.cmp-joinwebex__button[disabled]{opacity:.5;cursor:not-allowed}
.cmp-joinwebex__button.button--loading{background-color:#666;cursor:wait;position:relative}
.cmp-joinwebex__button.button--loading::after{content:'';position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite;right:12px;top:50%;transform:translateY(-50%)}
@keyframes button-loading-spinner{from{transform:translateY(-50%) rotate(0)}
to{transform:translateY(-50%) rotate(360deg)}
}
.response-error{margin-top:20px;color:#d32f2f;background-color:#ffebee;border:1px solid #ffcdd2;padding:12px 14px;border-radius:4px;font-family:FF Mark,Arial,sans-serif;font-size:.875rem;line-height:1.5}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}
.modal-content{background-color:#fff;margin:8% auto 0;padding:1rem;border-radius:8px;width:95%;max-width:500px;position:relative;font-size:.9375rem}
.modal-content h2{font-size:1.25rem;margin-top:1.5rem;margin-bottom:1rem}
.modal-content p{line-height:1.6}
.close{color:#aaa;position:absolute;right:12px;top:8px;font-size:36px;font-weight:bold;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.close:hover{color:#000}
@media(min-width:769px){#cmp-joinwebex__main{flex-direction:row;gap:2rem;align-items:flex-start}
#cmp-joinwebex__instruction{flex:1 1 40%;max-width:600px}
#cmp-joinwebex__form{flex:1 1 50%;max-width:600px}
.cmp-joinwebex__heading{font-size:1.5rem}
.cmp-joinwebex__button{width:auto;margin-top:2rem}
.modal-content{width:80%;margin:15% auto 0;padding:20px}
}
@media(min-width:1025px){#cmp-joinwebex__main{margin-left:15rem;margin-right:2rem}
}
@media(min-width:1281px){#cmp-joinwebex__main{margin-left:20rem;margin-right:auto}
.cmp-joinwebex__input{font-size:1.0625rem}
}
@media(max-width:768px) and (orientation:landscape){.modal-content{margin:5% auto 0;max-height:80vh;overflow-y:auto}
}
.flex.flex-row{overflow:visible}
.flex.flex-row label{flex:1 1 auto;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:break-word}
@media(max-width:768px){.flex.flex-row{gap:.5rem}
.flex.flex-row label{flex:1 1 100%}
}
@media(min-width:769px) and (max-width:1024px){.flex.flex-row label{flex:1 1 100%}
}