.overlay._modal{align-items:center;display:flex;justify-content:center}.modal{background-color:#fff;border-radius:8px;cursor:default;display:flex;flex-direction:column;flex-grow:1;margin:50px;max-height:100vh;overflow-y:auto!important;overflow:hidden;padding:50px 50px 60px;position:relative;scrollbar-color:#20bdd2 #e9f5f7;scrollbar-width:thin}.modal::-webkit-scrollbar{background-color:#e9f5f7;border-radius:3px;height:6px;width:6px}.modal::-webkit-scrollbar-thumb{background-color:#20bdd2;border-radius:3px}.modal._auth{max-width:480px}.modal._share{max-width:475px}@media screen and (max-width:1024px){.modal._share{max-width:395px}}.modal._review{max-width:600px}.modal._cart{max-width:1000px}.modal._avatar{flex-grow:0;max-width:80%}@media screen and (max-width:1024px){.modal{margin:24px;padding:50px 50px 60px}}@media screen and (max-width:480px){.modal{border-radius:0;flex-grow:1!important;height:100%;margin:0;max-width:none!important;padding:0 24px 50px;width:100%}}.modal__header{align-items:center;background-color:#20bdd2;display:flex;flex-shrink:0;height:68px;margin:0 -24px 40px;padding:0 24px}.modal__header .button svg{fill:#fff}.modal__header .button svg:hover{fill:#235a8c!important}.modal__logo{flex-shrink:0}.modal__logo img{height:32px;width:78px}.modal__close{margin:0;position:absolute;right:10px;top:10px;z-index:10}@media screen and (max-width:480px){.modal__close{right:24px;top:22px}.modal__close>svg{fill:#fff}.modal__close>svg:hover{fill:#235a8c!important}}