:root{--overlay-background-color: rgba(0, 0, 0, .8);--modal-background-color: rgba(0, 0, 0, .05);--modal-border-color: rgba(76, 82, 107, .2);--modal-blur: .75rem;--modal-radius: var(--border-radius-m);--modal-head-color: var(--secondary-light);--modal-body-color: var(--white-blue);--modal-close-background-color: #6184B11A;--modal-close-title-color: var(--white-blue);--modal-button-radius: var(--border-radius-s);--modal-button-height: var(--button-height-s);--modal-button-font-size: var(--button-font-size-s);--modal-cancel-border-color: #6184B1;--modal-cancel-background-color: var(--secondary);--modal-cancel-shadow: 0px 12px 22px -12px var(--secondary);--modal-cancel-title-color: var(--white-blue);--modal-ok-border-color: #6184B1;--modal-ok-shadow: 0px 12px 22px -12px var(--secondary);--modal-ok-title-color: var(--secondary-light)}.modal-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 1.5rem;position:fixed;top:0;left:50%;transform:translate(-50%);background-color:var(--overlay-background-color);z-index:99;box-sizing:border-box}.modal-overlay .modal-window{display:flex;flex-direction:column;gap:1rem;position:relative;width:100%;padding:.75rem;border-radius:var(--modal-radius);border:1px solid var(--modal-border-color);background-color:var(--modal-background-color);-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur));box-sizing:border-box}.modal-overlay .modal-window .modal-header{display:flex;align-items:center;justify-content:space-between}.modal-overlay .modal-window h3{margin-top:4px;color:var(--modal-head-color)}.modal-overlay.accent .modal-window h3{margin-top:4px;color:var(--main)}.modal-overlay .modal-window .modal-close{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;width:25px;height:25px;border-radius:99rem;border:none;outline:none;background-color:var(--modal-close-background-color);cursor:pointer}.modal-overlay .modal-window .modal-body{display:flex;flex-direction:column;gap:.5rem}.modal-overlay .modal-window .close-title{color:var(--modal-close-title-color)}.modal-overlay .modal-window .modal-text{color:var(--modal-body-color)}.modal-overlay .modal-window .modal-footer{display:flex;align-items:center;justify-content:space-around;gap:1rem}.modal-overlay .modal-window .modal-cancel{display:flex;align-items:center;justify-content:center;width:100%;max-width:196px;height:var(--modal-button-height);border-radius:var(--modal-button-radius);border:1px solid var(--modal-cancel-border-color);outline:none;background-color:var(--modal-cancel-background-color);box-shadow:var(--modal-ok-shadow);cursor:pointer}.modal-overlay .modal-window .cancel-title{font-size:var(--modal-button-font-size);color:var(--modal-cancel-title-color)}.modal-overlay .modal-window .modal-ok{display:flex;align-items:center;justify-content:center;width:100%;max-width:196px;height:var(--modal-button-height);border-radius:var(--modal-button-radius);border:1px solid var(--modal-ok-border-color);outline:none;background-color:transparent;box-shadow:var(--modal-ok-shadow);cursor:pointer}.modal-overlay .modal-window .ok-title{font-size:var(--modal-button-font-size);color:var(--modal-ok-title-color)}.modal-overlay.accent .modal-window .modal-cancel{display:flex;align-items:center;justify-content:center;width:100%;max-width:196px;height:var(--modal-button-height);border:none;background:radial-gradient(circle at 100% 100%,var(--main) 0,var(--main) 7px,transparent 7px) 0% 0%/8px 8px no-repeat,radial-gradient(circle at 0 100%,var(--main) 0,var(--main) 7px,transparent 7px) 100% 0%/8px 8px no-repeat,radial-gradient(circle at 100% 0,var(--main) 0,var(--main) 7px,transparent 7px) 0% 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,var(--main) 0,var(--main) 7px,transparent 7px) 100% 100%/8px 8px no-repeat,linear-gradient(var(--main),var(--main)) 50% 50%/ calc(100% - 2px) calc(100% - 16px) no-repeat,linear-gradient(var(--main),var(--main)) 50% 50%/ calc(100% - 16px) calc(100% - 2px) no-repeat,linear-gradient(270deg,var(--main-light) 0%,var(--main) 100%);box-shadow:0 13px 22px -12px #ffcc0080;cursor:pointer}.modal-overlay.accent .modal-window .cancel-title{font-size:var(--modal-button-font-size);color:#000}.modal-overlay.accent .modal-window .modal-ok{display:flex;align-items:center;justify-content:center;width:100%;max-width:196px;height:var(--modal-button-height);border-radius:var(--modal-button-radius);border:1px solid var(--main);outline:none;background-color:transparent;box-shadow:0 13px 22px -12px #ffcc0080;cursor:pointer}.modal-overlay.accent .modal-window .ok-title{font-size:var(--modal-button-font-size);color:var(--white-blue)}.main-modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;padding:1rem;background-color:var(--background-overlay);z-index:99;box-sizing:border-box}.main-modal-overlay__content{display:flex;width:100%;max-width:344px;max-height:80vh;padding:2rem;border-radius:var(--border-radius-m);border:1px solid var(--border-color);background-color:var(--secondary-dark);box-sizing:border-box;overflow:auto}