.HostedComponentSettingsModal{flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}@supports (height:100dvh){.HostedComponentSettingsModal{height:100dvh}}.HostedComponentSettingsModal{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:10;background-color:var(--modal-blur);opacity:0}.HostedComponentSettingsModal.active{opacity:1}.HostedComponentSettingsModal{animation:.2s ease-out forwards hdm-modal-container-blur-show}.HostedComponentSettingsModal.is-closing{animation:.2s ease-out forwards hdm-modal-container-blur-hide}.HostedComponentSettingsModal>.hdm-modal-content{animation:.2s ease-out forwards hdm-modal-content-scale-show}.HostedComponentSettingsModal.is-closing>.hdm-modal-content{animation:.2s ease-out forwards hdm-modal-content-scale-hide}.HostedComponentSettingsModal .hdm-modal-content{background-color:var(--modal-bg);border:1px solid var(--border-color);box-sizing:border-box;opacity:0;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:440px;max-width:400px;display:flex;transform:scale(.9)}.HostedComponentSettingsModal .hdm-modal-content .header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}.HostedComponentSettingsModal .hdm-modal-content .header h2{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 50px);padding-left:10px;font-size:1.15rem;overflow:hidden}.HostedComponentSettingsModal .hdm-modal-content .header button{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.HostedComponentSettingsModal .hdm-modal-content .header button svg{color:var(--text-secondary)}.HostedComponentSettingsModal .hdm-modal-content .header button:hover{background-color:var(--background)}.HostedComponentSettingsModal .hdm-modal-content .hosted-component-settings-body{padding:12px}