.modal__backdrop{top:0;left:0;width:100vw;height:100vh;position:fixed;z-index:2000;background-color:#051c2c99;box-sizing:border-box}.modal__content{top:20vh;left:10%;width:80%;padding:2.125rem;position:fixed;z-index:2001;background-color:var(--wcc-white);box-sizing:border-box}@media (width >= 768px){.modal__content{left:20%;width:60%}}@media (width >= 1280px){.modal__content{margin:0;width:50rem;left:calc(50vw - 400px)}}.modal__close{z-index:2002;position:fixed;top:17px;right:17px;height:2.125rem;width:2.125rem;padding:0;background:transparent;border:none}.modal__close .icon{fill:var(--wcc-white)}.modal[aria-hidden=true]{visibility:hidden;overflow:hidden;opacity:0;pointer-events:none;height:0}.modal[aria-hidden=false]{visibility:visible;overflow:hidden auto;opacity:1;pointer-events:all;height:auto}