:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}html:has(.modal[open]){overflow:clip!important}html:has(.modal[open]) body{overflow:clip!important}html:has(.modal[open]){scrollbar-gutter:auto;padding-right:var(--scrollbar-width,0px)}.modal{--modal-width:100%;--modal-height:100dvh;--modal-max-width:var(--modal-width);--modal-max-height:none;--modal-top-spacing:1.5rem;--modal-right-spacing:0;--modal-bottom-spacing:0;--modal-left-spacing:0;--modal-inner-top-spacing:1.5rem;--modal-inner-bottom-spacing:1.5rem;--modal-border-radius:1.25rem;--modal-border-top-left-radius:var(--modal-border-radius);--modal-border-top-right-radius:var(--modal-border-radius);--modal-border-bottom-right-radius:0;--modal-border-bottom-left-radius:0;--modal-translate-x:0;--modal-translate-y:100%;--modal-animation-settings:.25s ease-in-out;inset:var(--modal-top-spacing) var(--modal-right-spacing) var(--modal-bottom-spacing) var(--modal-left-spacing);width:var(--modal-width);max-width:var(--modal-max-width);height:calc(var(--modal-height) - var(--modal-top-spacing));max-height:var(--modal-max-height);border-radius:var(--modal-border-top-left-radius) var(--modal-border-top-right-radius) var(--modal-border-bottom-right-radius) var(--modal-border-bottom-left-radius);border:0;padding:0;display:flex;position:fixed;overflow:hidden}@media (width>=960px){.modal{--modal-translate-x:100%;--modal-translate-y:0;--modal-width:40rem;--modal-top-spacing:0;--modal-left-spacing:auto;--modal-border-top-right-radius:0;--modal-border-bottom-left-radius:var(--modal-border-radius)}}@media (width>=1200px){.modal--large{--modal-width:67%}}@media (width>=1591px){.modal--large{--modal-width:58%}}.modal::backdrop{--alpha-opacity:.5;background-color:hsl(var(--black)/var(--alpha-opacity))}.modal[open]{animation:modal-show var(--modal-animation-settings)}.modal:not([open]){display:none}.modal.hide{animation:modal-hide var(--modal-animation-settings) forwards}.modal__wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.modal__header{z-index:1;background-color:hsl(var(--white)/.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-left-radius:var(--modal-border-top-left-radius);border-top-right-radius:var(--modal-border-top-right-radius);text-align:center;border-bottom:1px solid hsl(var(--grey-wild-sand));grid-template-columns:auto 1fr auto;align-items:center;column-gap:1rem;padding:1rem;display:grid;position:sticky;top:0}@media (width>=960px){.modal__header{column-gap:3rem}}.modal__hdln{color:hsl(var(--grey-stone));margin:0}.modal__btn-back .icon,.modal__btn-close .icon{pointer-events:none}.modal__btn-back{grid-column:1}.modal__btn-close{grid-column:3}.modal__content{margin-top:calc(var(--modal-inner-top-spacing) * -1);padding-block:var(--modal-inner-top-spacing) var(--modal-inner-bottom-spacing);overscroll-behavior-y:contain;z-index:0;height:100%;overflow:hidden auto}.modal .btn--hidden{visibility:hidden}@keyframes modal-show{0%{opacity:0;transform:translate(var(--modal-translate-x), var(--modal-translate-y))}to{opacity:1;transform:translate(0)}}@keyframes modal-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--modal-translate-x), var(--modal-translate-y))}}