html.--scrolling-disabled{position:fixed;overflow-y:scroll;width:100%;margin-top:0px !important}html.--scrolling-instant{scroll-behavior:initial !important}html.--scrolling-instant body{--admin-bar: 0px;scroll-behavior:initial !important}html.--scrolling-instant body.admin-bar{--admin-bar: 32px}html.--scrolling-instant body main{margin-top:calc(var(--top) + var(--admin-bar))}.x-modal{--close-color: var(--blue);--close-color-bars: var(--blue);--close-hover: var(--blue);--close-hover-bars: var(--blue);--close-bg: transparent;--close-hover-bg: transparent;--close-active-bg: rgba(1, 88, 181, 0.3);--close-box-shadow-hover: 2px;--close-opacity: 1;--close-hover-opacity: 1;--close-ratio: .4;--close-size: 46px;--close-weight: 2px;--close-h-offset: 3rem;--close-v-offset: 3rem;--close-top: 0px;--close-bottom: unset;--close-left: unset;--close-right: 0px;--trns-easing: cubic-bezier(0, 0.275, 0.125, 1);--reveal-easing: cubic-bezier(0.31,0.5,0.36,1);--modal-trns: .333s var(--trns-easing);--modal-reveal: none;--box-width: var(--grid, 600px);--box-t: 0;--box-events: none;--box-transform-origin: center;--box-scale: .8;--backdrop-filter: blur(20px);--modal-t: 0;position:absolute;display:grid;width:100%;height:100%;top:0;left:0;z-index:var(--modal-t);opacity:var(--modal-t);transition:opacity var(--modal-reveal);will-change:opacity}@media(max-width: 1400px){.x-modal{--close-size: 37px}}@supports(backdrop-filter: blur(1px)){.x-modal{backdrop-filter:var(--backdrop-filter)}}@media(max-width: 990px){.x-modal{place-content:center}}.x-modal.--init{--modal-trns: .3s var(--trns-easing);--modal-reveal: .3s var(--reveal-easing)}.x-modal.--init.--active{--modal-t: 1;--box-t: 1;--box-events: all;--box-scale: 1}.x-modal.--init.--active:not(.--active) *{pointer-events:none !important}.x-modal__holder{position:fixed;z-index:1499;width:100%;height:100%;top:0%;left:0%;pointer-events:none}.x-modal__backdrop{position:absolute;width:100%;height:100%;top:0%;left:0%;opacity:0;pointer-events:none;background-color:var(--backdrop-bg, #000);transition:opacity var(--modal-reveal);will-change:opacity}.x-modal.--active .x-modal__backdrop{opacity:var(--backdrop-active-t, 0.8);pointer-events:all}.x-modal__box{align-self:center;justify-self:center;width:var(--box-width);background-color:var(--box-bg-color);padding:var(--box-spacing);border-radius:var(--box-radius);max-width:100%;max-height:90%;overflow-y:auto;overflow-x:hidden;position:relative;pointer-events:var(--box-events);opacity:var(--box-t);transform:scale(var(--box-scale));transform-origin:var(--box-transform-origin);transition:transform var(--modal-reveal), opacity var(--modal-reveal);will-change:transform, opacity}.x-modal__box .code-block{display:none !important}.x-modal__box.--animation-slide-in{--box-scale: 1}.x-modal__box.--position-top{align-self:start}.x-modal__box.--position-bottom{align-self:end}.x-modal__box.--position-left{justify-self:start}.x-modal__box.--position-right{justify-self:end}.x-modal__box.--position-top-left{align-self:start;justify-self:start}.x-modal__box.--position-top-right{align-self:start;justify-self:end}.x-modal__box.--position-bottom-left{align-self:end;justify-self:start}.x-modal__box.--position-bottom-right{align-self:end;justify-self:end}@media(max-width: 990px){.x-modal__box{max-height:calc(100% - var(--gap)*2);padding:2.2rem;--box-width: 100vw !important;max-width:calc(var(--box-width) - var(--gap)*2);width:calc(var(--box-width) - var(--gap)*2);margin:var(--gap) !important;align-self:end;border-radius:2rem}.x-modal__box h1,.x-modal__box h2,.x-modal__box h3,.x-modal__box h4,.x-modal__box h5,.x-modal__box h6,.x-modal__box p,.x-modal__box ul,.x-modal__box ol,.x-modal__box blockquote{padding-right:0px !important}.x-modal__box .x-modal__close{display:none}.x-modal__box .x-wizard__navigation{bottom:-2.2rem}}.x-modal__mobile-header{display:none;min-height:var(--close-size);flex-flow:wrap;position:relative;margin:var(--gap);margin-bottom:0px;align-content:center;padding-right:calc(var(--close-size) + 2rem)}@media(max-width: 990px){.x-modal__mobile-header{display:flex}}.x-modal__mobile-header h2{color:var(--white);font-weight:500;font-size:1.25rem;line-height:1.45em;width:100%;letter-spacing:.3px}.x-modal__mobile-header h2:last-child{margin-bottom:0px}.x-modal__mobile-header .x-modal__close{--close-color: var(--white);--close-color-bars: var(--white);--close-hover: var(--white);--close-hover-bars: var(--white);--close-active-bg: rgba(255, 255, 255, 0.3);top:0px;right:0px;pointer-events:none}.x-modal.--active .x-modal__mobile-header .x-modal__close{pointer-events:all}.x-modal__close{position:absolute;top:calc(var(--close-h-offset) + var(--close-top));right:calc(var(--close-v-offset) + var(--close-right));bottom:calc(var(--close-v-offset) + var(--close-bottom));left:calc(var(--close-v-offset) + var(--close-left));width:var(--close-size);height:var(--close-size);border-radius:50%;cursor:pointer;background-color:var(--close-bg);box-shadow:inset 0 0 0 var(--close-weight) var(--close-color);opacity:var(--close-opacity);transition:box-shadow var(--modal-trns), backgorund var(--modal-trns), opacity var(--modal-trns);will-change:box-shadow, backgorund, opacity}.x-modal__close:after,.x-modal__close:before{--inner-width: calc(var(--close-size) * var(--close-ratio));content:"";width:var(--inner-width);height:var(--close-weight);position:absolute;left:calc(50% - var(--inner-width)/2);top:calc(50% - var(--close-weight)/2);background-color:var(--close-color-bars);transform:rotate(45deg);transition:backgorund var(--modal-trns);will-change:backgorund}.x-modal__close:after{transform:rotate(-45deg)}.x-modal__close:hover,.x-modal__close:focus-visible,.x-modal__close:focus-within{background-color:var(--close-hover-bg);box-shadow:inset 0 0 0 var(--close-box-shadow-hover) var(--close-color);animation:rotateOnHover .4s var(--reveal-easing) forwards;opacity:var(--close-hover-opacity)}@keyframes rotateOnHover{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}.x-modal__close:hover:after,.x-modal__close:hover:before,.x-modal__close:focus-visible:after,.x-modal__close:focus-visible:before,.x-modal__close:focus-within:after,.x-modal__close:focus-within:before{background-color:var(--close-hover-bars)}.x-modal__close:active{background-color:var(--close-active-bg)}.x-modal.--layout-video .x-modal__box{overflow:visible;background:rgba(0,0,0,0);padding:0px !important}@media(max-width: 990px){.x-modal.--layout-video .x-modal__box{width:calc(100vw - var(--gap)*2)}}.x-modal:not(.--active){pointer-events:none}.x-modal:not(.--active) *{pointer-events:none}/*# sourceMappingURL=modal-styles.css.map */
