:root{--farro-spacer-large: 56px;--farro-spacer-medium: 24px;--farro-spacer-small: 56px;--farro-border-radius: 6px;--farro-modal--padding-x: 24px;--farro-modal--padding-y: 24px;--farro-modal--button-position-right-fullscreen: 24px;--farro-modal--button-position-top-fullscreen: 24px;--farro-modal--action-list-margin-y: 30px;--farro-modal--action-list-color: var(--farro-primary-500)}.farro-modal{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100vw;position:fixed;display:flex;justify-content:center;align-items:center;z-index:2500;background:rgba(0,0,0,.25);overflow:hidden;animation:modal-fade-bg-in 200ms}.farro-modal--dismissing{animation:modal-fade-bg-out 150ms forwards}.farro-modal--dismissing .farro-modal__content{animation:modal-slide-out 150ms forwards;overflow:hidden}.farro-modal--fullscreen{z-index:9999}.farro-modal__anchor{overflow:visible}.farro-modal__content{padding:var(--farro-modal--padding-y) var(--farro-modal--padding-x);background-color:#fff;position:relative;animation:modal-slide-in 200ms;display:flex;flex-direction:column;gap:24px;border-radius:var(--farro-border-radius);margin:8px}.farro-modal__content--no-padding{padding:0}.farro-modal__close{position:absolute;top:var(--farro-modal--padding-y);right:var(--farro-modal--padding-x);background:rgba(0,0,0,0);border:none;height:24px;width:24px;margin:0px;padding:0px;cursor:pointer;color:var(--farro-primary-500);z-index:40}.farro-modal__close--fixed{position:fixed;top:var(--farro-modal--button-position-top-fullscreen);right:var(--farro-modal--button-position-right-fullscreen)}.farro-modal__actions{display:flex;flex-direction:column;gap:12px}.farro-modal__actions--pad-top{padding-top:24px}.image-modal{width:100%;height:100%}.action-modal__text--center{text-align:center}.action-modal__list{margin:var(--farro-modal--action-list-margin-y) 0;color:var(--farro-modal--action-list-color)}@keyframes modal-slide-in{from{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes modal-slide-out{from{transform:translateY(0%)}to{transform:translateY(100%)}}@keyframes modal-fade-bg-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.25)}}@keyframes modal-fade-bg-out{from{background:rgba(0,0,0,.25)}to{background:rgba(0,0,0,0)}}