.layout-modal-variant-side{z-index:99;width:100%;height:100%;position:fixed;top:0%;left:0%}.layout-modal-variant-side .modal-backdrop{opacity:0;z-index:98;background-color:#000;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.layout-modal-variant-side .modal-container{z-index:99;background-color:#fff;height:100%;transition:transform .5s;position:absolute;top:0%;right:0%;overflow:auto;transform:translate(100%)}.layout-modal-variant-side .modal-container .modal-body{flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.layout-modal-variant-side.expanding .modal-backdrop{opacity:.5}.layout-modal-variant-side.expanding .modal-container{transform:translate(0%)}.layout-modal-variant-side.collapsing .modal-backdrop{opacity:0}.layout-modal-variant-side.collapsing .modal-container{transform:translate(100%)}@media (max-width:768px){.layout-modal-variant-side.expanding .modal-backdrop{opacity:.5}.layout-modal-variant-side.expanding .modal-container{transform:translateY(0%)}.layout-modal-variant-side.collapsing .modal-backdrop{opacity:0}.layout-modal-variant-side.collapsing .modal-container{transform:translateY(100%)}.layout-modal-variant-side .modal-container{top:unset;border-radius:1rem 1rem 0 0;width:100%;height:90vh;padding:1.92em;position:fixed;bottom:0;left:0;transform:translateY(100%)}.layout-modal-variant-side .modal-container .modal-body{padding:0}}
.layout-modal{z-index:999;width:100%;height:100%;position:fixed;top:0;left:0}.layout-modal .modal-backdrop{z-index:998;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.layout-modal .modal-container{z-index:999;background-color:#8700a0;border-radius:.75em;width:100%;max-width:80.875em;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-modal .modal-container .modal-header{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.layout-modal .modal-container .modal-header .modal-header-title{color:#8700a0;font-size:2em;font-weight:700}.layout-modal .modal-container .modal-header .modal-header-subtitle{color:#8700a0;font-size:1.1em;font-weight:700}.layout-modal .modal-container .modal-header-close{cursor:pointer;padding:0 .5em;position:absolute;top:5%;right:2%}.layout-modal .modal-container .modal-header-close .icon-image{width:1.5em;height:1.5em;position:relative}