.recurrence-control{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.recurrence-control .recurrence-select{border:1px solid var(--color-border);background-color:var(--color-background);min-width:150px;max-width:25vw;color:var(--color-text);cursor:pointer;border-radius:.5vmin;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s}.recurrence-control .recurrence-select:hover{border-color:var(--color-primary)}.recurrence-control .recurrence-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ffa8771a}.recurrence-control .recurrence-interval{background-color:#ffa8771a;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.recurrence-control .recurrence-interval .recurrence-interval-input{border:1px solid var(--color-border);background-color:var(--color-background);width:3rem;color:var(--color-text);text-align:center;border-radius:.375rem;padding:.375rem .5rem;font-size:.875rem;transition:border-color .2s}.recurrence-control .recurrence-interval .recurrence-interval-input:focus{border-color:var(--color-primary);outline:none}.recurrence-control .recurrence-interval .recurrence-interval-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recurrence-control .recurrence-interval .recurrence-interval-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recurrence-control .recurrence-interval .recurrence-interval-label{color:var(--color-text);white-space:nowrap;font-size:.75rem;font-weight:500}.weekday-checkboxes{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.beautiful-checkbox{gap:.625rem}