.modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal__container{background:white;max-width:500px;width:90%;padding:20px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);border-radius:8px;position:relative}.modal .modal__close{cursor:pointer;border:none;background:none;position:absolute;top:5px;right:5px}.modal .modal__close::after{background-repeat:no-repeat;background-image:url(/stylesheets/zondicons/sprite.svg);filter:invert(0%) sepia(1%) saturate(7471%) hue-rotate(354deg) brightness(108%) contrast(99%);content:" ";background-position:-64px -192px;background-size:252.8px 316.8px;width:12.8px;height:12.8px;display:inline-block;vertical-align:middle;margin-left:3.84px}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__header h2{margin:0}.modal__content{margin-top:20px;margin-bottom:20px}.modal__footer{justify-content:flex-end;gap:10px}.modal__footer .modal__btn{padding:10px 20px;cursor:pointer;border:none;border-radius:4px;font-weight:bold}.modal__footer .modal__btn-primary{background-color:#007bff;color:white}.modal__footer .modal__btn-left{float:left}.modal__footer .modal__btn-right{float:right}