.modal{display:flex;height:100%;justify-content:flex-end;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100}.modal[data-show=true]{pointer-events:unset}.modal__content{background-color:#fafafa;display:flex;flex-direction:column;height:100%;max-width:37.5rem;position:absolute;right:0;top:0;width:100%;z-index:100}.modal__content[data-size=large]{max-width:75rem}@media (max-width:768px){.modal__content{bottom:0;height:100%;max-width:none;top:auto}.modal__content[data-size=large]{max-width:none}}.modal__header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem;position:relative}@media (max-width:768px){.modal__header{gap:1.33rem;padding:1.333rem}}.modal__header .cta-button{align-items:center;display:flex;height:.33rem;justify-content:center;left:0;position:absolute;top:.33rem;width:100%}.modal__header .cta-button:after{background-color:#4027221a;content:"";height:.33rem;width:3rem}.modal__header__title-block{display:flex;flex-direction:column;font-size:2rem;font-weight:400;gap:.5rem;letter-spacing:-.02em;line-height:120%;width:100%}@media (max-width:768px){.modal__header__title-block{font-size:2rem;gap:.33rem}}.modal__header__title-block span{color:#40272280;font-size:1.25rem;font-weight:300;letter-spacing:0;line-height:130%}@media (max-width:768px){.modal__header__title-block span{font-size:1.5rem}}.modal__body{flex:1;height:100%;overflow:hidden}@media (max-width:768px){.modal__body{height:auto}}.modal[data-config-modal=true] .modal__header{display:flex;gap:2rem}.modal[data-config-modal=true] .modal__header__title-block{font-size:1.5rem;font-weight:400;letter-spacing:-.02em;line-height:130%;width:100%}@media (max-width:768px){.modal[data-config-modal=true] .modal__header__title-block{font-size:1.6667rem}}.modal__inset{background-color:#00000080;top:0;right:0;bottom:0;left:0;position:absolute;z-index:99}.modal-enter-active,.modal-leave-active{transition:right .5s ease-out}@media (max-width:768px){.modal-enter-active,.modal-leave-active{transition:bottom .5s ease-out}}.modal-enter-from,.modal-leave-to{right:-100%}@media (max-width:768px){.modal-enter-from,.modal-leave-to{bottom:-100%;right:0}}.modal-enter-to,.modal-leave-from{right:0}@media (max-width:768px){.modal-enter-to,.modal-leave-from{bottom:0}}.inset-enter-active,.inset-leave-active{transition:opacity .5s ease-out}.inset-enter-from,.inset-leave-to{opacity:0}.inset-enter-to,.inset-leave-from{opacity:1}