.calendar-action{margin:0 0 18px}.calendar-action .btn,[data-add-calendar]{white-space:nowrap;min-height:56px;font-size:15px}
.add-calendar-dialog{color:#fff;background:#222;border:1px solid #555;border-top:4px solid #245fc9;border-radius:10px;padding:24px;width:calc(100% - 32px);max-width:500px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;box-shadow:0 20px 80px #0008}
.add-calendar-dialog::backdrop{background:#000b}.calendar-is-open{overflow:hidden}
.add-calendar-dialog .calendar-dialog-top{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.add-calendar-dialog h2{font:700 24px/1.2 system-ui;margin:0}.add-calendar-dialog h3{font:700 21px/1.35 system-ui;margin:0 0 12px}.add-calendar-dialog p{color:#fff;margin:0 0 16px;font-size:16px}.add-calendar-dialog #calendarEventWhen{color:var(--text-blue,#6794e4);font-weight:700}
.add-calendar-dialog .btn{display:flex;align-items:center;justify-content:center;height:56px;min-height:56px;width:100%;padding:0 14px;border:0;border-radius:6px;background:#245fc9;color:#fff;text-decoration:none;font:650 15px/1.2 system-ui;white-space:nowrap}.add-calendar-dialog .calendar-dialog-top .btn{width:84px;flex:0 0 84px}.add-calendar-dialog #calendarProviders{display:grid;gap:12px}.add-calendar-dialog .calendar-help{font-size:14px;line-height:1.5;margin:16px 0 0}.add-calendar-dialog label{display:block;font-size:15px;font-weight:700;margin-bottom:6px}.add-calendar-dialog select{width:100%;min-height:56px;font:15px system-ui;padding:10px;background:#333;color:#fff;border:1px solid #777;border-radius:5px;margin-bottom:16px}.add-calendar-dialog :focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:380px){.add-calendar-dialog{padding:18px}.add-calendar-dialog h2{font-size:21px}.add-calendar-dialog .calendar-dialog-top{gap:8px}}
:root body .add-calendar-dialog .btn{display:flex;width:100%;max-width:100%;min-width:0;justify-content:center;padding:0 14px;background:#245fc9;color:#fff}
:root body .add-calendar-dialog .calendar-dialog-top .btn{width:84px;flex:0 0 84px}