@charset "utf-8";

.a11y-modal { display: block; }
.a11y-modal[hidden] { display: none !important; }
.a11y-modal {position: fixed; inset: 0; z-index: 10000; background: transparent;}
.a11y-modal__overlay {position: fixed; inset: 0; background: rgba(0,0,0,.6);}
.a11y-modal__dialog {position: relative; z-index: 1; max-width: 500px; margin: 10vh auto 0; padding: 16px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.25);}
.a11y-modal__header {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 23px;}
.a11y-modal__close {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:none; background:transparent; cursor:pointer;}
.a11y-modal__close:before{content: '\2573'; display: inline-block; font-size: 18px; color: #18443e; line-height: 115px;}
.a11y-modal__actions { margin-top:23px; display:flex; gap:8px; justify-content: flex-end;}
body.no-scroll { overflow: hidden; }
#a11yTitle{font-size:20px;}
#a11yDesc{font-size:16px;}
.a11y-modal__actions .btn{ display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: auto; white-space: nowrap; border: 1px solid #58616a; cursor:pointer;}
.a11y-modal__actions button.btn{ border-width: 1px !important;}
.a11y-modal__actions .large{ height: 42px; line-height: 42px; padding: 0 20px; border-radius: 8px;  font-size: 16px;}
.a11y-modal__actions .medium{ height: 35px; line-height: 35px; padding: 0 12px; border-radius: 6px; font-size: 15px;}
.a11y-modal__actions .small{ height: 28px; line-height: 28px; padding: 0 12px; border-radius: 4px; font-size: 14px;}
.a11y-modal__actions .lineW{ background: #fff; border: 1px solid #58616a; color: #1e2124}
.a11y-modal__actions .lineB{ background: #ecf2fe; border: 1px solid #256ef4; color: #0b50d0}
.a11y-modal__actions .bgB1{ background: #0066b3; border: 1px solid #0066b3; color: #fff}
.a11y-modal__actions .bgB2{ background: #002e74; border: 1px solid #002e74; color: #fff}
.a11y-modal__actions .bgG1{ background: #cfcfcf; border: 1px solid #58616a; color: #1e2124}
@media (max-width: 1200px) {
    .a11y-modal__dialog {max-width: 400px;}
}
@media (max-width: 500px) {
    .a11y-modal__dialog {max-width: 80vw;}
    #a11yTitle{font-size:18px;}
	#a11yDesc{font-size:14px;}
	.a11y-modal__close:before {font-size: 16px;}
}