.modal{--modal-background-color:var(--sitemain-background-darken);--modal-box-background-color:var(--color-surface-base-1);--modal-box-foreground-color:var(--color-content-base-1);--modal-box-close-foreground-color:var(--color-content-action-3);--modal-box-close-foreground-color-hover:var(--color-content-action-2-hover);--modal-box-close-foreground-color-active:var(--color-content-action-2-hover);--modal-width:100%;--modal-inner-width:var(--content-width);--modal-space:0;--modal-space-inner:80px;--modal-box-border-radius:0;align-items:center;display:flex;height:100dvh;justify-content:center;left:0;opacity:0;padding-block:var(--modal-space);padding-inline:unset;pointer-events:none;position:fixed;top:0;transition:opacity .33s ease;visibility:hidden;width:100vw;z-index:10001}.modal.is--active{opacity:1;pointer-events:auto;transition-delay:0s;visibility:visible}@media only screen and (min-width:768px){.modal{--modal-width:var(--content-width);--modal-inner-width:75.5208333333vw;--modal-space:var(--siteheader-height)}}@media only screen and (min-width:1024px){.modal{--modal-width:80.7291666667vw;--modal-inner-width:59.8958333333vw}}@media only screen and (min-width:1440px){.modal{--modal-width:80vw;--modal-inner-width:60vw}}@media only screen and (min-width:1920px){.modal{--modal-width:1536px;--modal-inner-width:1152px}}.modal .modal__bg{background-color:var(--modal-background-color);content:"";display:block;height:100dvh;position:absolute;top:0;width:100vw}.modal .modal__scroller{background:var(--modal-box-background-color);border-radius:var(--modal-box-border-radius);box-shadow:var(--box-shadow-l);color:var(--modal-box-foreground-color);margin-inline:auto;max-height:100%;overflow:auto;position:relative;width:var(--modal-width);z-index:10000}@media only screen and (max-width:767px){.modal .modal__scroller{border-bottom-left-radius:0;border-bottom-right-radius:0;height:100%}}.modal .modal__container{text-align:right;width:100%}.modal .modal__inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:-72px;margin-inline:auto;overflow:hidden;padding-block:var(--modal-space-inner);position:relative;text-align:left;width:var(--modal-inner-width);z-index:0}.modal .modal__inner>div{width:100%}.modal .modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--modal-box-close-foreground-color);cursor:pointer;display:inline-block;padding:16px;position:-webkit-sticky;position:sticky;top:0;transition:color var(--animation-speed) var(--animation-ease);z-index:1}.modal .modal__close:focus-visible .modal__close-icon{border-radius:50%;outline-color:var(--color-border-focus-1);outline-offset:2px;outline-style:solid;outline-width:3px}@media(hover:hover){.modal .modal__close:hover{--modal-box-close-foreground-color:var(--modal-box-close-foreground-color-hover)}.modal .modal__close:hover .modal__close-icon{border-color:currentColor}.modal .modal__close:active{--modal-box-close-foreground-color:var(--modal-box-close-foreground-color-active)}}.modal .modal__close:before{background-image:linear-gradient(to top,color-mix(in srgb,var(--modal-box-background-color),transparent 100%) 0,var(--modal-box-background-color) 16px);content:"";display:block;height:100%;pointer-events:none;position:absolute;right:0;top:0;width:var(--modal-width);z-index:-1}.modal .modal__close-icon{align-items:center;border:2px solid transparent;border-radius:50%;display:flex;flex-direction:column;height:40px;justify-content:center;position:relative;transition:border-color var(--animation-speed) var(--animation-ease);width:40px}.modal .modal__close-icon svg{height:24px;width:24px;fill:currentColor}