.overlay{height:100dvh;width:100vw;position:fixed;top:0;z-index:999;background:transparent;transform:translate3d(0,100%,0);transition:all .3s ease-in-out}.overlay.active{transform:translateZ(0)!important;background:rgba(0,0,0,.8)!important}.overlay .overlay-wrapper{width:100%;height:100%;background:var(--color-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.overlay .overlay-content{height:100%;overflow-y:auto}.overlay .overlay-actions{position:absolute;top:26px;left:26px;z-index:1}.overlay .overlay-actions .btn-close{background:var(--color-bg-btn);width:3rem;height:3rem;border-radius:3rem}.overlay .overlay-actions .btn-close .icon{fill:var(--color-text-btn)}.overlay .overlay-title{margin-bottom:0}.overlay .has-title{display:flex;flex-direction:row;align-items:center;padding:13px 1rem 0}.overlay .has-title span{order:1}.overlay .has-title .overlay-actions{flex:0 1 auto;position:static;order:0;margin-right:1rem}.overlay .has-title .btn-close{background:transparent;padding:0;z-index:9}.overlay .has-title .btn-close .icon{width:1.6rem;height:1.6rem;fill:var(--color-text-body)}.overlay-active{overflow:hidden;height:100dvh}@media(min-height:916px)and (orientation:portrait),(min-width:413px)and (orientation:landscape){.overlay{display:flex;justify-content:center;align-items:center}.overlay .overlay-wrapper{width:calc(100% - 4rem);height:calc(100% - 4rem);border-radius:var(--border-radius);margin:0}.overlay .overlay-wrapper .has-title{padding:26px 1.5rem 0}.overlay .overlay-wrapper .has-title .overlay-actions{flex:0 0 auto}}