:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1c1d24;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}.Modal{display:flex;justify-content:center;align-items:center}.App .header-screen-outer{gap:8px;height:100%}@media only screen and (max-width: 600px){.App .header-screen-outer{flex-direction:column}}.App .header-screen-outer .stream-info-panel{flex-direction:column;background:#fff;border-radius:24px;padding:24px;gap:16px}@media only screen and (min-width: 600px){.App .header-screen-outer .stream-info-panel{width:30%}}.App .header-screen-container{flex:1;flex-direction:column;overflow-y:scroll}.App .header-screen-container .header{justify-content:space-between;align-items:center;flex-shrink:0;height:88px;padding:16px 24px}@media only screen and (max-width: 599px){.App .header-screen-container .header{padding:12px 16px}}.App .header-screen-container .header .header-logo{width:105px;height:20px}@media only screen and (max-width: 599px){.App .header-screen-container .header .header-logo{width:77px;height:15px}}.App .header-screen-container .header .title-container{border-radius:99px;border:1px solid #4A4B56;background:linear-gradient(127.44deg,#33343c 100%,#1c1d24);align-items:center;gap:16px}.App .header-screen-container .header .title-container .topic-and-speakers{background:#fff;padding:8px 20px}.sign-in-page{flex:1;justify-content:center;align-items:center;gap:56px;padding:0 139px;flex-wrap:wrap;align-content:space-evenly}@media screen and (max-width: 839px){.sign-in-page{padding:0 16px;flex-direction:column;gap:0}}.sign-in-page .sign-in-illus{flex:1;aspect-ratio:563/418;object-fit:contain}@media screen and (max-width: 599px){.sign-in-page .sign-in-illus{width:263px}}.sign-in-page .sign-in-form{flex:1;flex-direction:column;justify-content:center;gap:24px;padding:56px;border:1px solid #2E303A;border-radius:24px;background:linear-gradient(#33343c,#1c1d24)}@media screen and (max-width: 599px){.sign-in-page .sign-in-form{padding:32px}}.sign-in-page .otp-container{gap:12px}.stream-create-form{flex-direction:column;gap:16px;padding:16px;border-radius:16px;background:linear-gradient(#33343c,#1c1d24);width:calc(100vw - 32px);max-height:80%;overflow-y:scroll}@media only screen and (min-width: 600px){.stream-create-form{padding:24px;max-width:640px}}.home-screen .banner-payout-account{position:relative;padding:16px 24px;align-items:center;border-radius:16px;gap:20px}.home-screen .banner-payout-account:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000;background-image:url(https://machia.live/wp-content/uploads/2025/05/Blobs-min-1.webp);background-position:top center;background-repeat:no-repeat;background-size:100% 125%;transform:scaleY(-1);border-radius:16px;z-index:-1}@media only screen and (max-width: 599px){.home-screen .banner-payout-account{flex-direction:column;align-items:flex-start}}.home-screen .summary-section{gap:20px}@media only screen and (max-width: 599px){.home-screen .summary-section{flex-direction:column}}.home-screen .summary-section .summary-box{flex-direction:column;gap:10px;border:1px solid #D7D9E6;padding:24px;border-radius:16px;flex:1}@media only screen and (max-width: 599px){.home-screen .summary-section .summary-box{padding:16px 20px}}.home-screen .events .events-content{gap:16px}@media only screen and (max-width: 599px){.home-screen .events .events-content{flex-direction:column}}.stream-detail-screen .main-section{flex:1;flex-wrap:wrap;position:relative;overflow:scroll;gap:8px}@media only screen and (max-width: 599px){.stream-detail-screen .main-section{flex-direction:column}}@media only screen and (max-width: 599px){.stream-detail-screen .main-section .questions-container{height:40dvh;position:absolute;bottom:0;left:0;right:0}}@supports (-webkit-touch-callout: none){.stream-detail-screen .main-section .questions-container{height:40vh}}.stream-detail-screen .main-section .questions-container .questions-list{flex-direction:column-reverse;gap:32px;flex:1;overflow-y:scroll}.stream-view-container{flex:1;flex-direction:column;overflow-y:scroll}.stream-view-container .stream-view-subscribe{flex:1;justify-content:center;align-items:center;gap:104px;flex-wrap:wrap;margin-left:16px;margin-right:16px;overflow-y:scroll}@media only screen and (max-width: 599px){.stream-view-container .stream-view-subscribe{margin-bottom:16px;gap:8px}}.stream-view-container .stream-view-subscribe .body-left{flex-direction:column;align-items:center;gap:36px}@media only screen and (max-width: 599px){.stream-view-container .stream-view-subscribe .body-left{gap:18px}}.stream-view-container .stream-view-subscribe .body-left .remaining-time{flex-direction:column;font-size:32px;font-weight:500;line-height:42px;color:#fff}@media only screen and (max-width: 599px){.stream-view-container .stream-view-subscribe .body-left .remaining-time{font-size:20px;font-weight:400;line-height:28px;align-items:center}}.stream-view-container .stream-view-subscribe .body-left .remaining-time .highlight{color:#ff5513}.stream-view-container .stream-view-subscribe .body-left img{width:358px;height:345px}@media only screen and (max-width: 599px){.stream-view-container .stream-view-subscribe .body-left img{width:140px;height:135px}}.stream-view-container .stream-view-subscribe .subscription-form{max-width:448px;flex-direction:column;padding:56px;gap:24px;border-radius:24px;border:1px;background:linear-gradient(#33343c,#1c1d24)}@media only screen and (max-width: 599px){.stream-view-container .stream-view-subscribe .subscription-form{width:100%}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-illustration{width:100%;object-fit:cover}}.stream-view-container .stream-view-subscribe .subscription-form.successful{text-align:center}.stream-view-container .stream-view-subscribe .subscription-form.successful .subscription-form-main-text{align-items:center}.stream-view-container .stream-view-subscribe .subscription-form.successful .subscription-form-main-text .subscription-form-main-text-title{font-size:24px;font-weight:400;line-height:32px;color:#fff}.stream-view-container .stream-view-subscribe .subscription-form.successful .subscription-form-main-text .subscription-form-main-text-subtitle{font-size:14px;font-weight:500;line-height:19.12px;color:#b2b4c1}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main{flex-direction:column;gap:24px}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-text{flex-direction:column;gap:8px}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-text .subscription-form-main-text-title{font-size:24px;font-weight:400;line-height:32px;color:#fff}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-text .subscription-form-main-text-subtitle{font-size:14px;font-weight:500;line-height:19.12px;color:#b2b4c1}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-fields{flex-direction:column;gap:16px}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-fields .subscription-form-main-field{flex-direction:column;gap:8px}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-fields .subscription-form-main-field .subscription-form-main-field-label{font-size:12px;font-weight:500;line-height:16.39px;color:#979aa8}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-main .subscription-form-main-fields .subscription-form-main-field .subscription-form-main-field-input{padding:12px 11px;gap:10px;border-radius:8px;background:transparent;border:1px solid #5A5D6A;font-size:14px;font-weight:400;line-height:19.12px;color:#fff}.stream-view-container .stream-view-subscribe .subscription-form .subscription-form-submit-btn{align-self:flex-start}.stream-view-container .stream-view-player{flex:1;flex-direction:column;position:relative;height:100%}.stream-view-container .stream-view-player .stream-view-player-side-panel{border-radius:24px;background:#fff}@media only screen and (min-width: 600px){.stream-view-container .stream-view-player .stream-view-player-side-panel{width:30%}}@media only screen and (max-width: 599px){.stream-view-container .stream-view-player .stream-view-player-side-panel{height:60%;overflow-y:scroll}}.stream-view-container .stream-view-player .stream-view-player-unpledged{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;padding:16px;gap:24px}@media only screen and (max-width: 599px){.stream-view-container .stream-view-player .stream-view-player-unpledged{flex-direction:column;gap:0}}.stream-view-container .stream-view-player .stream-view-player-unpledged.stream-view-player-unpledged-show-pledging .stream-view-player-unpledged-main img{display:none}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main{flex-direction:column;flex:1}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main .stream-view-player-pledge-notice{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:0 38px;pointer-events:none}@media only screen and (max-width: 599px){.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main .stream-view-player-pledge-notice{padding:0 16px}}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main *{pointer-events:auto}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main img{width:395px;aspect-ratio:1.76}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main .stream-view-player-text{flex-direction:column;align-items:center;margin-top:24px;gap:16px;max-width:360px}.stream-view-container .stream-view-player .stream-view-player-unpledged .stream-view-player-unpledged-main .unlock-btn{margin-top:32px}.stream-view-container .stream-view-player .stream-view-player-pledging-form{flex-direction:column;justify-content:space-between;overflow:scroll}.stream-view-container .stream-view-player .stream-view-player-pledging-form .StripeElement{display:block}.stream-view-container .stream-view-player .stream-view-player-pledging-form .stream-view-player-pledging-form-main{padding:24px 24px 16px;flex-direction:column}.stream-view-container .stream-view-player .stream-view-player-pledging-form .stream-view-player-pledging-form-main .stream-view-player-pledging-form-main-inputs{flex-direction:column;gap:16px}.stream-view-container .stream-view-player .stream-view-player-pledging-form .stream-view-player-pledging-form-main .stream-view-player-pledging-form-main-inputs .stream-view-player-pledging-form-main-inputs-field{flex-direction:column;gap:8px}.stream-view-container .stream-view-player .stream-view-player-pledging-form .stream-view-player-pledging-form-bottom{padding:16px 24px 24px;flex-direction:column}.stream-view-container .stream-view-player .stream-view-player-pledged{flex:1;padding:16px;gap:24px;height:calc(100% - 32px)}@media only screen and (max-width: 599px){.stream-view-container .stream-view-player .stream-view-player-pledged{flex-direction:column}}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-main{flex-direction:column;gap:8px;justify-content:space-between;flex:1;position:relative}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-video{max-height:calc(100dvh - 200px);--play-button: none;--mute-button: none}@supports (-webkit-touch-callout: none){.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-video{max-height:calc(100vh - 200px)}}@media only screen and (max-width: 599px){.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-video{max-height:calc(100% - 64px)}}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-question-answer{flex-direction:column;gap:24px}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-question-answer .stream-view-player-pledged-question-answer-top{padding:24px 24px 16px;align-items:center}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-question-answer .stream-view-player-pledged-question-answer-top .stream-view-player-pledged-question-answer-top-title{flex:1;gap:16px}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-question-answer .stream-view-player-pledged-question-answer-tools{padding:0 16px;justify-content:space-between}.stream-view-container .stream-view-player .stream-view-player-pledged .stream-view-player-pledged-question-answer .stream-view-player-pledged-question-answer-bottom{padding:16px 24px 24px;align-items:center;gap:8px}body{background-color:#1c1d24}body *{box-sizing:border-box}body #root{width:100vw;height:100dvh}@supports (-webkit-touch-callout: none){body #root{height:100vh}}.App,.Modal{height:100dvh}@supports (-webkit-touch-callout: none){.App,.Modal{height:100vh;display:flex;flex-direction:column}}.App *:not(table):not(tr):not(td):not(th):not(thead):not(tbody),.Modal *:not(table):not(tr):not(td):not(th):not(thead):not(tbody){display:flex;min-width:0}.App .background-blur,.Modal .background-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.App span,.App span *,.Modal span,.Modal span *{display:inline!important}.App .flex-1,.Modal .flex-1{flex:1}.App .flex-2,.Modal .flex-2{flex:2}.App .flex-3,.Modal .flex-3{flex:3}.App .flex-4,.Modal .flex-4{flex:4}.App .flex-5,.Modal .flex-5{flex:5}.App .flex-6,.Modal .flex-6{flex:6}.App .flex-7,.Modal .flex-7{flex:7}.App .flex-8,.Modal .flex-8{flex:8}.App .flex-9,.Modal .flex-9{flex:9}.App .flex-10,.Modal .flex-10{flex:10}.App .btn,.Modal .btn{border:none;background:none;border-radius:31px;justify-content:center;align-items:center;padding:0}.App .btn.btn-primary,.Modal .btn.btn-primary{background:#ff5513;font-size:14px;font-weight:600;line-height:19.12px;color:#fff;padding:10px 24px}.App .btn.btn-secondary,.Modal .btn.btn-secondary{background:#fff;font-size:14px;font-weight:600;line-height:19.12px;color:#1c1d24;padding:10px 24px}.App .btn.btn-link,.Modal .btn.btn-link{text-decoration:underline}.App .btn.btn-icon,.Modal .btn.btn-icon{min-width:40px;min-height:40px;justify-content:center;align-items:center;color:#33343c}.App .btn.btn-icon.btn-icon-filled,.Modal .btn.btn-icon.btn-icon-filled{background:#ff5513;color:#fff}.App .btn.btn-icon.btn-icon-filled.btn-icon-unselected,.Modal .btn.btn-icon.btn-icon-filled.btn-icon-unselected{background:#fff;color:#1c1d24}.App .btn:disabled,.Modal .btn:disabled{opacity:12%}.App .btn:hover,.Modal .btn:hover{opacity:8%}.App .btn:active,.Modal .btn:active{opacity:10%}.App .material-icons.icon-size-1,.Modal .material-icons.icon-size-1{font-size:1px}.App .material-icons.icon-size-2,.Modal .material-icons.icon-size-2{font-size:2px}.App .material-icons.icon-size-3,.Modal .material-icons.icon-size-3{font-size:3px}.App .material-icons.icon-size-4,.Modal .material-icons.icon-size-4{font-size:4px}.App .material-icons.icon-size-5,.Modal .material-icons.icon-size-5{font-size:5px}.App .material-icons.icon-size-6,.Modal .material-icons.icon-size-6{font-size:6px}.App .material-icons.icon-size-7,.Modal .material-icons.icon-size-7{font-size:7px}.App .material-icons.icon-size-8,.Modal .material-icons.icon-size-8{font-size:8px}.App .material-icons.icon-size-9,.Modal .material-icons.icon-size-9{font-size:9px}.App .material-icons.icon-size-10,.Modal .material-icons.icon-size-10{font-size:10px}.App .material-icons.icon-size-11,.Modal .material-icons.icon-size-11{font-size:11px}.App .material-icons.icon-size-12,.Modal .material-icons.icon-size-12{font-size:12px}.App .material-icons.icon-size-13,.Modal .material-icons.icon-size-13{font-size:13px}.App .material-icons.icon-size-14,.Modal .material-icons.icon-size-14{font-size:14px}.App .material-icons.icon-size-15,.Modal .material-icons.icon-size-15{font-size:15px}.App .material-icons.icon-size-16,.Modal .material-icons.icon-size-16{font-size:16px}.App .material-icons.icon-size-17,.Modal .material-icons.icon-size-17{font-size:17px}.App .material-icons.icon-size-18,.Modal .material-icons.icon-size-18{font-size:18px}.App .material-icons.icon-size-19,.Modal .material-icons.icon-size-19{font-size:19px}.App .material-icons.icon-size-20,.Modal .material-icons.icon-size-20{font-size:20px}.App .material-icons.icon-size-21,.Modal .material-icons.icon-size-21{font-size:21px}.App .material-icons.icon-size-22,.Modal .material-icons.icon-size-22{font-size:22px}.App .material-icons.icon-size-23,.Modal .material-icons.icon-size-23{font-size:23px}.App .material-icons.icon-size-24,.Modal .material-icons.icon-size-24{font-size:24px}.App .material-icons.icon-size-25,.Modal .material-icons.icon-size-25{font-size:25px}.App .material-icons.icon-size-26,.Modal .material-icons.icon-size-26{font-size:26px}.App .material-icons.icon-size-27,.Modal .material-icons.icon-size-27{font-size:27px}.App .material-icons.icon-size-28,.Modal .material-icons.icon-size-28{font-size:28px}.App .material-icons.icon-size-29,.Modal .material-icons.icon-size-29{font-size:29px}.App .material-icons.icon-size-30,.Modal .material-icons.icon-size-30{font-size:30px}.App .material-icons.icon-size-31,.Modal .material-icons.icon-size-31{font-size:31px}.App .material-icons.icon-size-32,.Modal .material-icons.icon-size-32{font-size:32px}.App .material-icons.icon-size-33,.Modal .material-icons.icon-size-33{font-size:33px}.App .material-icons.icon-size-34,.Modal .material-icons.icon-size-34{font-size:34px}.App .material-icons.icon-size-35,.Modal .material-icons.icon-size-35{font-size:35px}.App .material-icons.icon-size-36,.Modal .material-icons.icon-size-36{font-size:36px}.App .material-icons.icon-size-37,.Modal .material-icons.icon-size-37{font-size:37px}.App .material-icons.icon-size-38,.Modal .material-icons.icon-size-38{font-size:38px}.App .material-icons.icon-size-39,.Modal .material-icons.icon-size-39{font-size:39px}.App .material-icons.icon-size-40,.Modal .material-icons.icon-size-40{font-size:40px}.App .material-icons.icon-close,.Modal .material-icons.icon-close{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.App .material-icons.icon-close-outlined,.Modal .material-icons.icon-close-outlined{font-variation-settings:"FILL" 0}.App .material-icons.icon-close-outlined:before,.Modal .material-icons.icon-close-outlined:before{content:"close"}.App .material-icons.icon-send,.Modal .material-icons.icon-send{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.App .material-icons.icon-send:before,.Modal .material-icons.icon-send:before{content:"send"}.App .material-icons.icon-send-outlined,.Modal .material-icons.icon-send-outlined{font-variation-settings:"FILL" 0}.App .material-icons.icon-send-outlined:before,.Modal .material-icons.icon-send-outlined:before{content:"send"}.App .material-icons.icon-account_circle,.Modal .material-icons.icon-account_circle{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.App .material-icons.icon-account_circle:before,.Modal .material-icons.icon-account_circle:before{content:"account_circle"}.App .material-icons.icon-account_circle-outlined,.Modal .material-icons.icon-account_circle-outlined{font-variation-settings:"FILL" 0}.App .material-icons.icon-account_circle-outlined:before,.Modal .material-icons.icon-account_circle-outlined:before{content:"account_circle"}.App .material-icons.icon-close:before,.Modal .material-icons.icon-close:before{content:"close"}.App .material-icons.icon-send:before,.Modal .material-icons.icon-send:before{content:"send-outlined"}.App .typography.header-h3,.Modal .typography.header-h3{font-size:32px;font-weight:500;line-height:42px}.App .typography.title-3,.Modal .typography.title-3{font-size:18px;font-weight:400;line-height:27.22px}.App .typography.title-2,.Modal .typography.title-2{font-size:20px;font-weight:400}.App .typography.title-1,.Modal .typography.title-1{font-size:24px;font-weight:400;line-height:32px}@media only screen and (max-width: 599px){.App .typography.title-2-compact,.Modal .typography.title-2-compact{font-size:24px;font-weight:400}}@media only screen and (max-width: 599px){.App .typography.title-1-compact,.Modal .typography.title-1-compact{font-size:24px;font-weight:400;line-height:32px}}.App .typography.caption-1,.Modal .typography.caption-1{font-size:12px;font-weight:500;line-height:16.39px}.App .typography.body-2,.Modal .typography.body-2{font-size:16px;font-weight:500;line-height:21.86px}.App .typography.body-3,.Modal .typography.body-3{font-size:14px;font-weight:600;line-height:19.12px}.App .typography.body-4,.Modal .typography.body-4{font-size:14px;font-weight:500;line-height:19.12px}@media only screen and (max-width: 599px){.App .typography.body-4-compact,.Modal .typography.body-4-compact{font-size:14px;font-weight:500;line-height:19.12px}}.App .typography.align-center,.Modal .typography.align-center{text-align:center}.App .typography.color-white,.Modal .typography.color-white{color:#fff}.App .typography.color-light-grey,.Modal .typography.color-light-grey{color:#b2b4c1}.App .typography.color-dark-grey,.Modal .typography.color-dark-grey{color:#33343c}.App .typography.color-grey,.Modal .typography.color-grey{color:#6e707b}.App .input,.Modal .input{padding:12px 16px;border-radius:12px;border:1px solid #5A5D6A;background:transparent;font-size:14px;font-weight:500;line-height:19.12px;color:#fff}.App .card,.Modal .card{border-radius:16px;padding:4px 16px;background:#fff}.App .card.card-button,.Modal .card.card-button{cursor:pointer}.App .card.card-button:disabled,.Modal .card.card-button:disabled{opacity:12%}.App .card.card-button:hover,.Modal .card.card-button:hover{opacity:8%}.App .card.card-button:active,.Modal .card.card-button:active{opacity:10%}.App .error-text,.Modal .error-text{color:#ff5513}.App .backdrop-blur-layer,.Modal .backdrop-blur-layer{background:#1c1d2499;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}@media only screen and (max-width: 599px){.App .hide-compact,.Modal .hide-compact{display:none}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}