.olive__modal{background:rgba(var(--modal-background-color),.5);height:100vh;width:100vw;position:fixed;top:0px;left:0px;right:0px;display:flex;justify-content:center;align-items:center}.olive__modal__container{display:flex;flex:1;flex-direction:column;background:rgb(var(--modal-background-color));box-shadow:0px 4px 9px 5px rgba(var(--black-color),.15);border-radius:14px}.olive__modal__hidden{display:none}.olive__modal__container-small{width:308px}.olive__modal__container-normal{width:516.92px}.olive__modal__container-large{width:646px}.olive__modal__close-icon{width:12px;height:12px;float:right}.olive__modal__close-icon-container{grid-area:"1 / 1";z-index:2000;display:flex;align-items:flex-end;position:absolute;justify-content:flex-end;padding:13px}@media screen and (max-device-width: 550px){.olive__modal__container,.olive__modal__close-icon-container{width:calc(100vw - 40px)}}