.modal-preview-button{position:relative;z-index:1}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;left:0;opacity:0;padding:var(--container-padding);padding-top:10vh;position:fixed;top:0;transition:all .3s;visibility:hidden;width:100%;z-index:999}.modal.active{opacity:1;visibility:visible}.modal-dialog{border-radius:var(--card-rounded);margin:0 auto;max-height:70rem;max-width:750px;min-height:200px;overflow-y:auto;position:relative;width:100%;&.modal-sm{max-width:500px}&.modal-lg{max-width:1000px}}.modal-mode{background-color:#fff;padding:var(--card-padding)}.media-mode{background-color:#000}.modal-content{display:flex;flex-direction:column;gap:1rem}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-close{align-items:center;aspect-ratio:1/1;background:var(--color-gray-light);border:none;border-radius:10rem;cursor:pointer;display:block;display:flex;flex-direction:column;font-size:1rem;justify-content:center;padding:.5rem}.modal-close-media-mode{margin:1.2rem;padding:.8rem;position:absolute;right:0;top:0;z-index:10}