.block-popup{align-items:center;background-color:#000000e6;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.block-popup__body{background-color:#3f00a8;background-image:url(../staticfiles/images/block_pop_img.png),url(../staticfiles/images/block_pop_bg.png);background-position:0 100%,50%;background-repeat:no-repeat,no-repeat;background-size:auto 90%,cover;border-radius:1rem;margin:5rem;max-width:75rem;padding:7.5rem 5rem 7.5rem 35%;position:relative}.block-popup__body h2{color:#f6cf6a;font-size:2.75rem;font-weight:800}.block-popup__body p{font-size:1.225rem}.block-popup__body-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:2.5rem;justify-content:center;outline:none;padding:0;position:absolute;right:2.5rem;top:2.5rem;width:2.5rem}.block-popup__body-button span{color:transparent;display:contents;font-size:0}.block-popup__body-button span:before{transform:rotate(45deg)}.block-popup__body-button span:after,.block-popup__body-button span:before{background:#fff;content:"";display:block;height:.3125rem;position:absolute;width:2.5rem}.block-popup__body-button span:after{transform:rotate(-45deg)}.layout-default{background:var(--color-bg-purple,#2b0071)}#the-header{align-items:center;display:flex;gap:3.75rem;margin:0 auto;max-width:var(--default-layout-width);padding:2rem 5rem}.flex-spacer{flex:1}.nav-link{color:var(--color-text-highlight);font-size:1.125rem;font-weight:600;text-decoration:none}.logo{height:3rem}#the-footer{align-items:center;background:var(--color-bg-dark-purple);display:flex;justify-content:center;padding:3.5rem 5rem}.user{position:relative}.user__button{align-items:center;background:none;border:none;color:#fff;display:flex;font-size:1.125rem;font-weight:400;gap:.5rem;outline:none}.user__avatar{border:2px solid #fff;border-radius:50%;height:2.5rem;widows:2.5rem}.user__menu-mask{background-color:transparent;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:9}.user__menu{background:var(--color-bg-dark-purple);border-radius:1rem;padding:1rem 1.5rem;position:absolute;right:0;top:2.5rem;width:15rem;z-index:10}.user__menu-item{background:none;border:none;color:var(--color-text-purple);display:block;font-size:1.125rem;font-weight:600;line-height:2.5em;outline:none;padding:0;text-decoration:none;text-transform:uppercase}.user__menu-item:hover{color:var(--color-text-highlight);cursor:pointer}