.calendar-create-selection{position:absolute;left:3px;right:3px;z-index:6;min-height:20px;border:1px dashed #ce2056;border-radius:11px;background:#ce20560d;color:#c62154}
.calendar-create-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:2px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.calendar-create-open strong{font-size:15px}.calendar-create-label{font-size:11px;line-height:14px}
.calendar-create-handle{position:absolute;width:30px;height:30px;padding:0;border:0;background:transparent;touch-action:none;cursor:ns-resize}
.calendar-create-handle:after{content:'';position:absolute;inset:7px;border:2px solid #c62154;border-radius:50%;background:#fff}
.calendar-create-handle.start{right:0;top:-15px}.calendar-create-handle.end{left:0;bottom:-15px}
.calendar-create-sheet{background:#f5f6f8;color:#1c1d20}.calendar-create-sheet .reference-header{background:#fff;border-bottom:0}.calendar-create-sheet .reference-header h1{font-weight:500}
.calendar-create-sheet .reference-content{padding:14px 14px max(20px,env(safe-area-inset-bottom));background:#f5f6f8}
.calendar-create-sheet section.calendar-create-card{margin:0 0 14px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 7px #00000004}
.calendar-create-text{display:block;font-size:16px;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #f1f1f3}
.calendar-create-text input,.calendar-create-text textarea{display:block;width:100%;border:0;background:none;font:400 15px/1.7 var(--font-ui);padding:9px 0 0;color:#252629;resize:vertical;min-width:0}
.calendar-create-text input::placeholder,.calendar-create-text textarea::placeholder{color:#85888e}
.calendar-create-colors{border:0;padding:0;margin:0;min-width:0}.calendar-create-colors legend{font-size:16px;margin-bottom:6px}.calendar-create-colors>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.calendar-create-colors label{position:relative;display:grid;place-items:center;height:46px;cursor:pointer}.calendar-create-colors input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;border:1px solid transparent;border-radius:13px;cursor:pointer}.calendar-create-colors input:checked{border-color:#333}.calendar-create-colors span{pointer-events:none;width:25px;height:25px;border:1px solid hsl(var(--swatch) 58% 62%);border-radius:50%;background:hsl(var(--swatch) 58% 92%);display:grid;place-items:center}.calendar-create-colors input:checked+span:after{content:'✓';font-size:18px}
.calendar-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;font-size:16px}.calendar-create-row input:not([type=checkbox]){min-width:0;max-width:70%;border:0;background:transparent;color:#62666d;font:400 16px var(--font-ui);text-align:right;padding:8px 0;color-scheme:light}
.calendar-create-row input[type=checkbox]{appearance:none;width:48px;height:29px;border-radius:20px;background:#e4e4e5;position:relative;cursor:pointer;flex:none}.calendar-create-row input[type=checkbox]:after{content:'';position:absolute;width:25px;height:25px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}.calendar-create-row input[type=checkbox]:checked{background:#c62154}.calendar-create-row input[type=checkbox]:checked:after{left:21px}
.calendar-create-times{border-top:1px solid #f1f1f3}.calendar-create-midnight{font-size:12px;color:#85888e;margin:0}.calendar-create-sheet [hidden]{display:none!important}
.calendar-create-submit,.calendar-create-cancel{width:100%;border:0;border-radius:999px;min-height:48px;padding:12px;font:500 16px var(--font-ui)}.calendar-create-submit{background:#c62154;color:#fff}.calendar-create-cancel{background:#fff;color:#62666d;margin-top:12px}#calendarCreateError{font-size:13px;color:#ba1748;margin:8px 0 12px}
.calendar-create-sheet :is(input,textarea,button):focus-visible,.calendar-create-selection button:focus-visible{outline:2px solid #c62154;outline-offset:2px}
