/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./node_modules/@epegzz/sass-vars-loader/src/sassVarsLoader.js??ruleSet[1].rules[7].use[4]!./assets/components/modal/scss/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal{--modal-bg-color:#333e48;--modal-text-color:#fff;position:fixed;z-index:10000}.modal--light{--modal-bg-color:#fff;--modal-text-color:#333e48}@media (min-width:1000px){.modal{--container-width:100vw}}.modal__overlay{position:absolute;z-index:-1;background-color:rgba(0,0,0,.7)}.modal__close{background-color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.can-hover .modal__close:hover .icon,[data-whatintent=keyboard] .modal__close:focus .icon{transform:scale(.87)}@media (min-width:1000px){.modal__close{width:44px;height:44px}}.modal__content{position:relative;overflow-y:auto;overflow-x:hidden;width:90%;height:calc(100vh - 220px);max-height:calc(100vh - 220px);color:var(--modal-text-color);background:var(--modal-bg-color);-webkit-overflow-scrolling:touch;margin:110px auto;box-shadow:0 0 44px rgba(0,0,0,.50196)}@media screen and (min-device-width:280px) and (max-device-width:1170px) and (orientation:landscape){.modal__content{height:calc(100vh - 100px);max-height:calc(100vh - 100px);margin:80px auto 0}}@media (min-width:1170px){.modal__content{max-width:1664px;height:calc(100vh - 240px);max-height:calc(100vh - 240px);margin:120px auto}}@media (min-width:1170px) and (max-height:850px){.modal__content{height:calc(100vh - 50px);max-height:calc(100vh - 50px);margin:25px auto}}.modal__content::-webkit-scrollbar{width:12px}.modal__content::-webkit-scrollbar-track{background:#333e48}.modal__content::-webkit-scrollbar-thumb{background-color:#fff;border-radius:20px;border:3px solid #333e48}.modal__content.is-scrollable+.modal__close{right:15px}.modal,.modal__overlay{top:0;left:0;width:100%;height:100%}.modal-header{--btn-width:80px;position:relative;background:#48525b;padding:20px var(--btn-width) 20px 20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}@media (min-width:1000px){.modal-header{--btn-width:176px;min-height:180px;padding:20px var(--btn-width) 20px var(--btn-width)}}@media (min-width:1000px) and (max-height:900px){.modal-header{min-height:120px}}.modal-header__name{font-size:2.125rem;line-height:1;padding-bottom:10px}@media (min-width:1000px){.modal-header__name{font-size:3.75rem}}.modal-header__close{position:absolute;right:0;padding:20px;display:flex;align-items:center;justify-content:center}@media (min-width:1000px){.modal-header__close{padding:70px 66px}}
