.modal{--padding:1rem 1.5rem;border:none;position:relative;max-inline-size:none;max-block-size:none;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:0}@media (max-width:767px){.modal{max-inline-size:90dvw;max-block-size:90dvh}}@media (min-width:768px){.modal{max-inline-size:80dvw;max-block-size:80dvh;border-radius:5px}}@media (min-width:1024px){.modal{max-inline-size:60dvw}}@media (min-width:1200px){.modal{max-inline-size:50dvw}}.modal::backdrop{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background-color:#333231;opacity:.7}.modal[open]{animation:show-dialog .3s cubic-bezier(.25,0,.3,1) normal;position:fixed}.modal[open]::backdrop{animation:show-backdrop .3s cubic-bezier(.25,0,.3,1) normal}.modal.modal--is-closing{animation:hide-dialog .2s ease-in-out}.modal.modal--is-closing::backdrop{animation:hide-backdrop .2s ease-in-out}.modal--position-top{transform:translateY(calc(-50vh + 50% + 200px))}.modal--position-top[open]{animation:show-dialog-top .3s cubic-bezier(.25,0,.3,1) normal}.modal__title{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:2rem;font-weight:500;line-height:1.2;margin-block:1rem .5rem;margin:0;grid-area:title}.modal__close-button{display:flex;align-items:center;grid-area:close-button;padding:.2rem 0;cursor:pointer;outline:none}.modal__close-button:hover{color:var(--theme-color-primary-default)}.modal__header{z-index:5;display:grid;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"title close-button";position:sticky;top:0;background-color:#fff;box-shadow:0 3px 5px -4px rgba(0,0,0,.2)}.modal__content,.modal__footer,.modal__header{padding:var(--padding)}.modal__footer{z-index:1;background-color:#fff;position:sticky;bottom:0;box-shadow:0 -3px 5px -4px rgba(0,0,0,.2)}@keyframes show-dialog{0%{opacity:0;transform:translateY(50%) scale(0)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes show-dialog-top{0%{opacity:0;transform:translateY(50%) scale(0)}to{opacity:1;transform:translateY(calc(-50vh + 50% + 200px)) scale(1)}}@keyframes hide-dialog{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(50%) scale(0)}}@keyframes show-backdrop{0%{opacity:0}to{opacity:.7}}@keyframes hide-backdrop{to{opacity:0}}.modal--modifier-lightbox{width:100dvw;max-width:1448px}@media (max-width:1023px){.modal--modifier-lightbox[open]{display:flex;flex-direction:column}.modal--modifier-lightbox{height:100dvh;max-block-size:100dvh}}@media (min-width:1200px){.modal--modifier-lightbox{max-block-size:90dvh}}.modal--modifier-lightbox .modal__header{box-shadow:none;border-radius:0;border-top:5px solid var(--theme-color-primary-default)}.modal--modifier-lightbox .modal__content{flex:1}.notification{padding:2rem;display:grid;grid-template-columns:auto 1fr auto;grid-column-gap:20px;background-color:var(--theme-color-grayscale-1000);box-shadow:0 1px 3px rgba(0,0,0,.2);align-items:center;border-left:10px solid var(--status-color);animation:opacity-animation .2s both;will-change:opacity}.notification__icon{border:2px solid var(--status-color);border-radius:100%;padding:.2rem;color:var(--status-color)}.notification__close-button svg{width:var(--notification-close-icon-size,20px);height:var(--notification-close-icon-size,20px)}.notification--type-success{--status-color:var(--theme-color-status-success-dark)}.notification--type-error{--status-color:var(--theme-color-status-error-dark)}.notification--type-warning{--status-color:var(--theme-color-status-warning-dark)}.notification--type-info{--status-color:var(--theme-color-status-info-dark)}.notification--type-modal{border-top-left-radius:1rem;border-bottom-right-radius:1rem;--notification-close-icon-size:30px;border:5px solid var(--theme-color-primary-default);position:fixed;inline-size:50vw;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:translate(-50%,-50%);top:50vh;left:50vw;grid-template-columns:1fr auto;align-items:flex-start}.notification__close-button{cursor:pointer}@keyframes opacity-animation{0%{animation-timing-function:ease-in;opacity:0}to{animation-timing-function:ease-out;opacity:1}}.notifications{z-index:900}.notifications--variant-global{position:absolute;top:100%;right:0;padding-top:2rem;display:flex;justify-content:flex-end}.notifications--variant-modal{max-width:100%;margin-bottom:1rem}.notifications__list{display:grid;grid-row-gap:1rem;padding:0;margin:0;list-style:none}.notifications--sticky{position:sticky;top:0;padding-top:0}.notifications--sticky .notifications__list{position:absolute;padding-top:2rem}