@layer jokul.components{.jkl-modal-container,.jkl-modal-overlay{position:fixed;inset:0}.jkl-modal-container{--jkl-floating-z-index:10000;z-index:9000;display:flex}.jkl-modal-container[aria-hidden=true]{display:none}.jkl-modal-overlay{background-color:#1b1917cc}.jkl-modal{--jkl-modal-padding:var(--jkl-unit-50);--jkl-modal-min-width:13.75rem;--jkl-modal-max-width:41.25rem;margin:auto;z-index:9000;position:relative;background-color:var(--jkl-color-background-container);border-radius:var(--jkl-border-radius-l);box-shadow:0 .25rem .75rem #252a3108;width:100%;min-width:var(--jkl-modal-min-width);max-width:var(--jkl-modal-max-width);max-height:90vh;overflow:auto;padding:var(--jkl-modal-padding);display:flex;flex-direction:column}@media screen and (forced-colors:active){.jkl-modal{border-color:CanvasText}}@media (width >= 0) and (max-width:679px){.jkl-modal{margin:auto var(--jkl-unit-30)}}.jkl-modal-header{--jkl-modal-header-margin:0 0 var(--jkl-unit-20)}@media (width >= 0) and (max-width:679px){.jkl-modal-header{--jkl-modal-header-margin:0 0 var(--jkl-unit-15)}}.jkl-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:var(--jkl-modal-header-margin);gap:var(--jkl-modal-gap)}.jkl-modal-body{font:var(--jkl-text-style-paragraph-medium)}.jkl-modal-title{font:var(--jkl-text-style-heading-3)}.jkl-modal-actions{--jkl-modal-actions-margin:var(--jkl-unit-50) 0 0 0}@media (width >= 0) and (max-width:679px){.jkl-modal-actions{--jkl-modal-actions-margin:var(--jkl-unit-40) 0 0 0}}.jkl-modal-actions{margin:var(--jkl-modal-actions-margin);display:flex;flex-direction:column;gap:var(--jkl-unit-20)}@media (min-width:60ch){.jkl-modal-actions{flex-direction:row-reverse;align-self:flex-end}}}