.modal-backdrop{background:var(--color-overlay-dark);z-index:var(--z-modal-backdrop);position:fixed;inset:0}.modal-backdrop--desktop-only{display:none}@media (min-width:968px){.modal-backdrop--desktop-only{display:block}}.modal{--_mobile-top-gap:24px;--_viewport-margin:48px;--_size-medium:520px;--_size-large:800px;--_size-xlarge:1280px;--_max-height-xlarge:640px;--_close-size:32px;--_close-icon-size:16px;--_close-offset:-16px;--_drag-handle-width:40px;--_drag-handle-height:4px;--_drag-handle-hit-area:44px;--_shadow:0 -4px 40px #0b1f2233;z-index:var(--z-modal);left:0;right:0;top:var(--_mobile-top-gap);flex-direction:column;display:flex;position:fixed;bottom:0;overflow:visible}@media (min-width:968px){.modal{top:var(--spacing-vertical-jumbo);left:var(--spacing-vertical-jumbo);right:var(--spacing-vertical-jumbo);bottom:var(--spacing-vertical-jumbo);width:min(100vw - var(--_viewport-margin),var(--_size-medium));height:max-content;max-height:calc(100vh - var(--_viewport-margin));margin:auto}.modal--large{width:min(100vw - var(--_viewport-margin),var(--_size-large))}.modal--xlarge{width:min(100vw - var(--_viewport-margin),var(--_size-xlarge));max-height:min(80vh,var(--_max-height-xlarge))}}@media (max-width:967.98px){.modal--mobile-close-hidden .modal__close{display:none}.modal--mobile-as-page{top:0}.modal--mobile-as-page .modal__close{display:none}.modal--mobile-as-page .modal__clip{box-shadow:none;border-radius:0}}.modal__clip{background:var(--color-surface-background);min-height:0;box-shadow:var(--_shadow);border-radius:var(--radius-extra-small) var(--radius-extra-small) 0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}@media (min-width:968px){.modal__clip{border-radius:var(--radius-medium)}}.modal__drag-handle-wrapper{width:100%;min-height:var(--_drag-handle-hit-area);padding:var(--spacing-vertical-medium) 0;cursor:grab;touch-action:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;display:none}.modal__drag-handle-wrapper:active{cursor:grabbing}@media (max-width:967.98px){.modal__drag-handle-wrapper{display:flex}}.modal__drag-handle{width:var(--_drag-handle-width);height:var(--_drag-handle-height);border-radius:var(--radius-full);background:var(--color-border-dark);opacity:.24;display:block}.modal__close{transition:color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard);top:var(--spacing-vertical-large);right:var(--spacing-horizontal-large);flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute}@media (min-width:968px){.modal__close{top:var(--_close-offset);right:var(--_close-offset)}}.modal__close{z-index:2;width:var(--_close-size);height:var(--_close-size);border-radius:var(--radius-full);background:var(--color-surface-background);color:var(--color-text-dark);cursor:pointer;box-shadow:var(--elevation-3);border:none;padding:0}.modal__close:hover{background:var(--color-surface-stripe)}.modal__close:focus-visible{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.modal__close svg{width:var(--_close-icon-size);height:var(--_close-icon-size)}