.cp-calendar-share { margin: 14px 0 0; padding: 12px 16px; border: 1px solid #d6e2f0; border-radius: 10px; background: #f7faff; color: #17233a; }
.cp-calendar-share > summary { color: #082b5f; cursor: pointer; font-weight: 700; }
.cp-calendar-share__body { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding-top: 12px; }
.cp-calendar-share__body label { display: grid; gap: 4px; color: #33445c; font-size: .9em; }
.cp-calendar-share__body select { min-height: 40px; padding: 7px 10px; border: 1px solid #b0c4db; border-radius: 6px; background: white; }
.cp-calendar-share__note { flex-basis: 100%; color: #53647a; }
.cp-calendar-share button:disabled { cursor: not-allowed; opacity: .55; }