.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.modal-wrapper{justify-content:center}.modal-container,.modal-wrapper{display:flex;flex-direction:column;gap:0;align-items:center;position:relative;touch-action:auto}.modal-container{background-color:#323130;border-radius:10px;padding-top:20px;justify-content:flex-start;box-shadow:0 0 16px 0 rgba(0,0,0,.5);max-width:640px;width:100%;max-height:90vh;opacity:1;z-index:10000}.modal-container.logout-modal-container,.modal-container.playback-modal-container{background-color:#323130;border-radius:10px;padding-top:20px;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;position:relative;box-shadow:0 0 16px 0 rgba(0,0,0,.5);min-width:640px;width:100%;opacity:1;z-index:10000}.modal-container.logout-modal-container{min-height:200px}.modal-content-wrapper,.modal-content-wrapper.playback-content-wrapper{padding-right:24px;padding-left:24px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.modal-header{padding:4px 16px;flex-direction:row;gap:10px;align-self:stretch;flex-shrink:0;overflow:hidden}.modal-header,.modal-title{display:flex;align-items:center;justify-content:center;position:relative}.modal-title{color:#ffffff;text-align:center;font-size:20px;line-height:120%;font-weight:500;flex:1}.modal-body{border-radius:6px;padding-top:16px;padding-bottom:16px;display:flex;flex-direction:column;gap:16px;align-items:start;justify-content:start;align-self:stretch;flex-shrink:0;position:relative;overflow-y:auto;max-height:60vh;touch-action:auto;-webkit-overflow-scrolling:touch}.modal-body.playback-modal-body,.modal-body:has(.autohtml-description-section){padding:0;gap:0;border-radius:0;align-items:stretch;justify-content:flex-start}.logout-modal-container .modal-body{align-items:center;justify-content:center;text-align:center}.modal-content-wrapper.playback-content-wrapper .modal-header{padding:4px 16px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.modal-content-wrapper.playback-content-wrapper .modal-title{color:#ffffff;text-align:center;font-size:20px;line-height:120%;font-weight:500;position:relative;flex:1;display:flex;align-items:center;justify-content:center}.radio-option{padding-right:16px;padding-left:16px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:start;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;transition:background-color .2s ease}.radio-option:hover{background-color:rgba(255,255,255,.05);border-radius:6px}.radio-icon{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.radio-content{display:flex;flex-direction:column;gap:6px;align-items:start;justify-content:start;flex:1;position:relative}.radio-label{color:#f3f2f5;text-align:left;font-family:VoltePlay-Medium,sans-serif;font-size:16px;line-height:21px;font-weight:500}.modal-footer,.radio-label{position:relative;align-self:stretch}.modal-footer{background-color:#323130;border-radius:0 0 10px 10px;padding:20px 24px;flex-direction:column;justify-content:start;overflow:hidden}.modal-button-primary,.modal-footer{display:flex;gap:10px;align-items:center;flex-shrink:0}.modal-button-primary{background-color:#e10092;border-radius:6px;padding:10px;flex-direction:row;justify-content:center;align-self:stretch;height:44px;position:relative;color:#ffffff;text-align:center;font-size:16px;line-height:120%;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.modal-button-primary:hover{background-color:#c8007a;transform:translateY(-1px)}.modal-button-primary:active{transform:translateY(0)}.modal-button-secondary{border-radius:6px;border:1px solid #f3cbe3;padding:10px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;height:44px;position:relative;background-color:transparent;color:#f3cbe3;text-align:center;font-size:16px;line-height:120%;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-button-secondary:hover{background-color:rgba(243,203,227,.1);border-color:#ffffff;color:#ffffff}.radio-note{padding-right:16px;padding-left:16px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:start;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.radio-note-text{color:#d1d1d1;text-align:left;font-family:VoltePlay-Regular,sans-serif;font-size:14px;line-height:18px;font-weight:400;position:relative;flex:1}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalHandleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background-color:#ffffff;border-radius:1.5px;width:35px;height:3px;margin-bottom:10px;flex-shrink:0;display:none;opacity:0;transform:translateY(30px);transition:opacity .3s ease-out,transform .3s ease-out}@media (max-width:768px) and (min-width:481px){.modal-overlay{padding:16px}.modal-container{max-width:90%;border-radius:10px}.modal-container.playback-modal-container{min-width:500px;max-width:90%}.modal-content-wrapper{padding-right:20px;padding-left:20px;gap:14px}.modal-header{padding-right:14px;padding-left:14px}.modal-title{font-size:19px}.modal-body{padding-top:14px;padding-bottom:14px;gap:14px}.modal-footer{padding:18px 20px;gap:9px}.modal-button-primary,.modal-button-secondary{font-size:15px;height:42px}.radio-option{padding-right:14px;padding-left:14px}.radio-label{font-size:15px}.radio-note{padding-right:14px;padding-left:14px}.radio-note-text{font-size:13px;line-height:17px}}@media (max-width:480px){.modal-handle{display:block;opacity:1;transform:translateY(0)}.modal-overlay{padding:0;align-items:flex-end}.modal-wrapper{width:100%;align-items:center;justify-content:flex-end}.modal-container{width:100vw;max-width:100vw;border-radius:10px 10px 0 0;max-height:90vh}.modal-container.logout-modal-container,.modal-container.playback-modal-container{width:100vw;max-width:100vw;min-width:unset;border-radius:10px 10px 0 0}.modal-container.logout-modal-container{min-height:unset}.modal-content-wrapper{padding-right:0!important;padding-left:0!important;gap:0}.modal-header{padding-right:16px;padding-left:16px;width:100%}.modal-title{font-size:18px!important;line-height:120%!important}.modal-body{padding-top:16px;padding-bottom:16px;gap:16px}.modal-footer{padding:20px 16px;gap:10px}.modal-button-primary,.modal-button-secondary{font-size:16px;height:44px}.radio-option{padding-right:16px;padding-left:16px;gap:10px}.radio-label{font-size:14px;line-height:21px}.radio-note{padding-right:16px;padding-left:16px}.radio-note-text{font-size:12px;line-height:18px}.autohtml-description-section{padding-right:16px;padding-left:16px}.autohtml-description-text{font-size:14px!important;line-height:18px!important}.autohtml-settings-section{padding-top:12px;padding-bottom:12px;gap:20px}.autohtml-setting-group{padding-right:16px;padding-left:16px;min-width:0}.autohtml-setting-description{align-items:flex-start;justify-content:flex-start}.autohtml-setting-label{font-size:14px!important}.logout-modal-container .modal-body{align-items:center;justify-content:center;text-align:center;padding:5px}.autohtml-description-detail{font-size:12px!important;line-height:18px!important;max-width:259px;word-wrap:break-word;white-space:normal}.autohtml-toggle-wrapper{flex-shrink:0}}@media (max-width:360px){.modal-container{width:100vw}.modal-header{width:100%}.modal-title{font-size:16px}.modal-content-wrapper{padding-right:12px;padding-left:12px}.modal-footer{padding:16px 12px}.modal-button-primary,.modal-button-secondary{font-size:14px;height:40px}.radio-option{padding-right:12px;padding-left:12px}.radio-icon{width:20px;height:20px}.radio-label{font-size:13px;line-height:18px}.radio-note{padding-right:12px;padding-left:12px}.radio-note-text{font-size:11px;line-height:16px}.autohtml-description-detail{max-width:250px;font-size:11px!important;line-height:16px!important}}.modal-button-primary:focus,.modal-button-secondary:focus,.radio-option:focus{outline:none}.modal-button-primary:focus-visible,.modal-button-secondary:focus-visible{outline:2px solid #e10092;outline-offset:2px}.radio-option:focus-visible{outline:none;background-color:rgba(255,255,255,.05);border-radius:6px;box-shadow:inset 0 0 0 2px #e10092}.logout-confirmation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;min-height:100px;width:100%;text-align:center}.logout-confirmation-message{text-align:center;font-size:16px;line-height:24px;color:#ffffff;font-weight:400;max-width:400px;margin:0 auto;display:block;width:100%}@media (max-width:480px){.logout-confirmation-content{padding:20px 16px;min-height:60px}.logout-confirmation-message{font-size:14px;line-height:20px}}