.ab-modal{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.785,.135,.15,.86);z-index:999;overflow-y:inherit;visibility:hidden;opacity:0}.ab-modal--show{opacity:1;visibility:visible}.ab-modal--center{align-items:center;justify-content:center}.ab-modal--top{align-items:flex-start;justify-content:center}.ab-modal--bottom{align-items:flex-end;justify-content:center}.ab-modal--left{align-items:center;justify-content:flex-start}.ab-modal--right{align-items:center;justify-content:flex-end}.ab-modal__backdrop{opacity:0;transition:opacity .5s cubic-bezier(.785,.135,.15,.86);overflow:visible;z-index:400;position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.4)}.ab-modal--show .ab-modal__backdrop{opacity:1}.ab-modal--no-backdrop .ab-modal__backdrop{background:transparent}.ab-modal__content{box-shadow:var(--ab-depth-500);transition:opacity .4s cubic-bezier(.785,.135,.15,.86),-webkit-transform .4s cubic-bezier(.785,.135,.15,.86);transition:opacity .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.86);transition:opacity .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.86),-webkit-transform .4s cubic-bezier(.785,.135,.15,.86);-webkit-transform:translateY(50px);transform:translateY(50px);width:100%;height:auto;background:#fff;z-index:1000;overflow-y:scroll;-webkit-overflow-scrolling:touch;border-radius:var(--ab-border-radius-200)}.ab-modal--show .ab-modal__content{-webkit-transform:translateY(0);transform:translateY(0)}.ab-modal--full-height .ab-modal__content{height:100%}.ab-modal--fullscreen .ab-modal__content{height:95vh;width:95vw;max-height:95vw}@media (min-width:800px){.ab-modal__content{width:600px;max-height:500px}.ab-modal--full-height .ab-modal__content{max-height:100%}}@media (min-width:1200px){.ab-modal__content{width:700px;max-height:600px}.ab-modal--full-height .ab-modal__content{max-height:100%}}.ab-modal__header{position:-webkit-sticky;position:sticky;background:var(--ab-color-white);left:0;top:0;width:100%;height:50px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--ab-color-ui-400)}.ab-modal__close{cursor:pointer;width:24px;height:24px;fill:currentColor;position:absolute;right:var(--ab-spacing-300);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}