.teach-membership-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;white-space:normal;background:rgba(0,0,0,.4);z-index:99;opacity:0;visibility:hidden;color:#001931}.teach-membership-modal__wrapper{position:absolute;top:60%;left:50%;width:500px;padding:30px;background:#fff;border-radius:10px;box-shadow:0 20px 40px 0 rgba(0,0,0,.25);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .4s;opacity:0;visibility:hidden;z-index:10}.teach-membership-modal__wrapper.active{top:50%;opacity:1;visibility:visible}@media (max-width:540px){.teach-membership-modal__wrapper{width:calc(100% - 30px);padding:20px}}.teach-membership-modal__header{display:flex;align-items:flex-start}.teach-membership-modal__header h2{margin:0;font-size:20px;font-weight:700;line-height:normal;text-align:left}.teach-membership-modal__header span{display:flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;border-radius:50%;background-color:#eef1f7;font-size:12px;color:#808c98;cursor:pointer}.teach-membership-modal__header span:before{color:#808c98}.teach-membership-modal__header span.teach-membership-modal__header-title-close{margin-right:0;margin-left:auto}.teach-membership-modal__header span:hover{background-color:var(--accent-10);color:var(--accent-50)}.teach-membership-modal__header span:hover:before{color:var(--accent-50)}.teach-membership-modal__content{padding:10px 0 0}.teach-membership-modal__close{position:fixed;top:0;right:0;bottom:0;left:0}.teach-membership-modal.active{display:block;opacity:1;visibility:visible}.teach-membership-modal .teach-membership{text-align:left}.teach-membership-modal .teach-membership__name{color:#4d5e6f;font-size:14px;font-weight:500}.teach-membership-modal .teach-membership__message{margin:30px 0 0;color:#001931;line-height:22px;font-size:16px;font-weight:500}.teach-membership-modal .teach-membership .teach-button{display:inline-block;vertical-align:top;line-height:38px;margin:30px 0 0;cursor:pointer}.teach-membership-modal .teach-membership .teach-button__title{line-height:38px}.teach-membership-modal .teach-membership .teach-button.teach-button_loading::before{margin-top:12.5px}.teach-membership-modal-dark-mode .teach-membership-modal__wrapper{background:#171717}.teach-membership-modal-dark-mode .teach-membership-modal__header h2{color:#fff}.teach-membership-modal-dark-mode .teach-membership-modal__header span{background-color:#1e1e1e;color:rgba(255,255,255,.5)}.teach-membership-modal-dark-mode .teach-membership__name{color:rgba(255,255,255,.7)}.teach-membership-modal-dark-mode a .teach-button__title{color:#fff!important}@media (max-width:1024px){.teach-course-player-content__wrapper{overflow:visible}}