@layer wertigo.components{:where(.AppScrollableArea){--app-scroll-gutter:14px;--app-scroll-track-top:2px;--app-scroll-track-bottom:2px;--app-scroll-track-right:1px;--app-scroll-size:8px;--app-scroll-track:var(--ds-brand-tint);--app-scroll-thumb:var(--ds-brand);--app-scroll-thumb-hover:var(--ds-brand-hover);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}:where(.AppScrollableArea--scrollable){padding-right:var(--app-scroll-gutter)}:where(.AppScrollableArea__scroller){overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-width:0;min-height:0;overflow:hidden auto}.AppScrollableArea__scroller::-webkit-scrollbar{display:none}.AppScrollableArea__track{top:var(--app-scroll-track-top);right:var(--app-scroll-track-right);bottom:var(--app-scroll-track-bottom);width:var(--app-scroll-size);border-radius:var(--ds-radius-pill);background:var(--app-scroll-track);visibility:hidden;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.AppScrollableArea__track:after{content:"";position:absolute;inset:0 -6px}.AppScrollableArea--scrollable>.AppScrollableArea__track{visibility:visible}.AppScrollableArea__thumb{z-index:1;border-radius:var(--ds-radius-pill);background:var(--app-scroll-thumb);cursor:grab;width:100%;transition:background-color var(--ds-duration-fast) var(--ds-ease);position:absolute;top:0;left:0}.AppScrollableArea__thumb:after{content:"";position:absolute;inset:0 -6px}.AppScrollableArea__thumb--dragging,.AppScrollableArea__thumb:hover{background:var(--app-scroll-thumb-hover)}.AppScrollableArea__thumb--dragging{cursor:grabbing}.app-modal{z-index:2147483644;overscroll-behavior:contain;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal__backdrop{background:var(--ds-backdrop);position:absolute;inset:0}:where(.app-modal__dialog){gap:var(--app-modal-dialog-gap,18px);width:min(100%,var(--app-modal-width));max-height:95dvh;padding:var(--app-modal-padding);padding-top:var(--app-modal-padding-top);border:1px solid var(--ds-line);border-radius:var(--app-modal-dialog-radius,var(--ds-radius-lg));background:var(--app-modal-dialog-background,var(--ds-surface));box-shadow:var(--ds-shadow-lg);--app-modal-padding:var(--app-modal-dialog-padding,24px);--app-modal-padding-top:var(--app-modal-dialog-padding-top,var(--app-modal-padding));--app-modal-close-top:12px;--app-modal-close-size:36px;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-modal__sheet-handle{display:none}.app-modal__body{--app-scroll-gutter:0px;--app-scroll-track-right:calc(8px - var(--app-modal-padding));flex:auto}.app-modal__body--below-close{--app-scroll-track-top:max(2px, 8px + var(--app-modal-close-top) + var(--app-modal-close-size) - var(--app-modal-padding-top))}.app-modal__scroller{gap:var(--app-modal-dialog-gap,18px);min-width:0;min-height:0;margin:calc(var(--app-modal-focus-room) * -1);padding:var(--app-modal-focus-room);overflow-y:var(--app-modal-dialog-overflow-y,auto);--app-modal-focus-room:4px;flex-direction:column;flex:auto;display:flex}.app-modal__footer{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.app-modal__close{z-index:1;top:var(--app-modal-close-top);right:var(--app-modal-close-top);box-sizing:border-box;width:var(--app-modal-close-size);height:var(--app-modal-close-size);border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface);color:var(--ds-subtle);cursor:pointer;transition:border-color var(--ds-duration-fast) var(--ds-ease),background-color var(--ds-duration-fast) var(--ds-ease),color var(--ds-duration-fast) var(--ds-ease);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.app-modal__close svg{width:20px;height:20px}.app-modal__close:hover{border-color:var(--ds-brand-soft-line);background:var(--ds-brand-soft);color:var(--ds-brand)}.app-modal__close:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.app-modal-animation-enter-active,.app-modal-animation-leave-active{transition:opacity var(--ds-duration-base) var(--ds-ease)}.app-modal-animation-enter-active .app-modal__dialog,.app-modal-animation-leave-active .app-modal__dialog{transition:opacity var(--ds-duration-base) var(--ds-ease),transform var(--ds-duration-base) var(--ds-ease)}.app-modal-animation-enter-from,.app-modal-animation-leave-to{opacity:0}.app-modal-animation-enter-from .app-modal__dialog,.app-modal-animation-leave-to .app-modal__dialog{opacity:0;transform:scale(.96)}@media (max-width:640px){.app-modal{align-items:end;padding:12px 0 0}:where(.app-modal__dialog){--app-modal-padding:var(--app-modal-dialog-mobile-padding,var(--app-modal-dialog-padding,20px));--app-modal-padding-top:var(--app-modal-dialog-mobile-padding-top,var(--app-modal-dialog-padding-top,var(--app-modal-padding)));border-bottom:env(safe-area-inset-bottom) solid var(--app-modal-dialog-background,var(--ds-surface));overscroll-behavior:contain;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-height:calc(min(90dvh,760px))}.app-modal__sheet-handle{display:block}.app-modal-animation-enter-active,.app-modal-animation-enter-active .app-modal__backdrop,.app-modal-animation-leave-active,.app-modal-animation-leave-active .app-modal__backdrop{transition:opacity var(--ds-duration-slow) var(--ds-ease)}.app-modal-animation-enter-active .app-modal__dialog,.app-modal-animation-leave-active .app-modal__dialog{transition:transform var(--ds-duration-slow) var(--ds-ease)}.app-modal-animation-enter-from,.app-modal-animation-leave-to{opacity:1}.app-modal-animation-enter-from .app-modal__backdrop,.app-modal-animation-leave-to .app-modal__backdrop{opacity:0}.app-modal-animation-enter-from .app-modal__dialog,.app-modal-animation-leave-to .app-modal__dialog{opacity:1;transform:translateY(100%)}}}