.modal{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);position:fixed;top:0;left:0;z-index:201;overflow-y:auto;visibility:hidden;opacity:0;-webkit-transition:visibility var(--global-transition-duration),opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration);transition:visibility var(--global-transition-duration),opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration);transition:transform var(--global-transition-duration),visibility var(--global-transition-duration),opacity var(--global-transition-duration);transition:transform var(--global-transition-duration),visibility var(--global-transition-duration),opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration)}.modal.active{visibility:visible;opacity:1}.modal__area{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:.5;background-color:var(--color-black)}.modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:100%;position:relative;overflow:hidden}.modal__container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-inline:0}.modal__content{width:100%;position:relative;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:2;background-color:var(--color-light);-webkit-transition:opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration);transition:opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration);transition:transform var(--global-transition-duration),opacity var(--global-transition-duration);transition:transform var(--global-transition-duration),opacity var(--global-transition-duration),-webkit-transform var(--global-transition-duration)}.modal__content-box{width:100%;padding:24rem}.modal:not(.active) .modal__content{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.modal__title{font-size:24rem;line-height:28rem}.modal__text{color:rgba(24,32,40,.75)}.modal__text:not(:first-child){-webkit-margin-before:24rem;margin-block-start:24rem}.modal__text a{text-decoration:underline;text-decoration-color:transparent;-webkit-transition:text-decoration-color var(--global-transition-duration);transition:text-decoration-color var(--global-transition-duration)}.modal__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12rem}.modal__buttons:not(:first-child){-webkit-margin-before:24rem;margin-block-start:24rem}.modal__close{width:28rem;height:28rem;position:absolute;top:24rem;inset-inline-end:24rem;z-index:1}.modal__close:after,.modal__close:before{content:'';width:20rem;height:1rem;position:absolute;top:50%;left:50%;background-color:var(--color-black);border-radius:1rem;-webkit-transition:background-color var(--global-transition-duration);transition:background-color var(--global-transition-duration)}.modal__close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.modal__close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (min-width:576px){.modal__body{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-block:24rem}.modal[data-modal=download] .modal__body{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__container{padding-inline:var(--container-padding-x)}.modal__content{border-radius:24rem}.modal[data-modal=download] .modal__content{max-width:476rem;border-radius:8rem}}@media screen and (min-width:768px){.modal__content{max-width:560rem;margin-inline:auto}}@media (hover:hover){.modal__text a:hover{text-decoration-color:var(--color-primary)}.modal__close:hover:after,.modal__close:hover:before{background-color:var(--color-primary)}}