.saas-diary-slot{--slot-bg:var(--saas-subject-1-bg);--slot-ink:var(--saas-subject-1-ink);gap:var(--saas-space-md);grid-template-columns:5.5rem minmax(0,1fr);list-style:none;display:grid}.saas-diary-slot[data-tint="2"]{--slot-bg:var(--saas-subject-2-bg);--slot-ink:var(--saas-subject-2-ink)}.saas-diary-slot[data-tint="3"]{--slot-bg:var(--saas-subject-3-bg);--slot-ink:var(--saas-subject-3-ink)}.saas-diary-slot[data-tint="4"]{--slot-bg:var(--saas-subject-4-bg);--slot-ink:var(--saas-subject-4-ink)}.saas-diary-slot[data-tint="5"]{--slot-bg:var(--saas-subject-5-bg);--slot-ink:var(--saas-subject-5-ink)}.saas-diary-slot[data-tint="6"]{--slot-bg:var(--saas-subject-6-bg);--slot-ink:var(--saas-subject-6-ink)}.saas-diary-slot[data-tint="7"]{--slot-bg:var(--saas-subject-7-bg);--slot-ink:var(--saas-subject-7-ink)}.saas-diary-slot[data-tint="8"]{--slot-bg:var(--saas-subject-8-bg);--slot-ink:var(--saas-subject-8-ink)}.saas-diary-slot__time{font-variant-numeric:tabular-nums;align-content:start;justify-items:end;padding-block-start:var(--saas-space-md);padding-inline-end:var(--saas-space-sm);display:grid;position:relative}.saas-diary-slot__time:after{content:"";border:2px solid var(--slot-ink);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);block-size:10px;inline-size:10px;position:absolute;inset-block-start:calc(var(--saas-space-md) + 4px);inset-inline-end:calc(-1 * var(--saas-space-md) / 2 - 5px)}.saas-diary-slot[data-state=written] .saas-diary-slot__time:after{background:var(--slot-ink)}.saas-diary-slot__start{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-weight:600}.saas-diary-slot__end{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-diary-slot__card{gap:var(--saas-space-md);min-inline-size:0;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-inline-start:4px solid var(--slot-ink);border-radius:var(--saas-radius-xl);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard);display:grid}.saas-diary-slot[data-state=due] .saas-diary-slot__card{border-style:dashed;border-inline-start-style:solid}.saas-diary-slot[data-state=empty] .saas-diary-slot__card{background:var(--saas-bg-canvas)}.saas-diary-slot[data-open=true] .saas-diary-slot__card{border-color:var(--slot-ink)}.saas-diary-slot__head{align-items:center;gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-diary-slot__icon{border-radius:var(--saas-radius-lg);background:var(--slot-bg);block-size:36px;inline-size:36px;color:var(--slot-ink);flex:none;place-items:center;display:grid}.saas-diary-slot__title{flex:1;min-inline-size:8rem}.saas-diary-slot__title h3{color:var(--saas-text-primary);font-size:var(--saas-font-heading);margin:0;font-weight:600}.saas-diary-slot__title p{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-diary-slot__tools{gap:var(--saas-space-2xs);display:inline-flex}.saas-diary-slot__tool{min-block-size:32px;min-inline-size:32px;padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-md);color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:1px solid #0000;place-items:center;font-weight:600;display:inline-grid}.saas-diary-slot__tool:hover{background:var(--saas-bg-sunken);color:var(--saas-text-primary)}.saas-diary-slot__tool[data-danger=true]{border-color:var(--saas-status-danger);color:var(--saas-status-danger)}.saas-diary-slot__write{align-items:center;gap:var(--saas-space-sm);min-block-size:44px;inline-size:100%;padding:var(--saas-space-sm) var(--saas-space-md);border:1px dashed var(--slot-ink);border-radius:var(--saas-radius-lg);background:var(--slot-bg);color:var(--slot-ink);font:inherit;text-align:start;cursor:pointer;transition:transform var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;display:flex}.saas-diary-slot__write:hover{transform:translateY(-1px)}.saas-diary-slot__tool:focus-visible,.saas-diary-slot__write:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-diary-slot__empty{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}@media (width<=599px){.saas-diary-slot{gap:var(--saas-space-2xs);grid-template-columns:minmax(0,1fr)}.saas-diary-slot__time{gap:var(--saas-space-xs);justify-items:start;padding-block-start:0;display:flex}.saas-diary-slot__time:after{display:none}.saas-diary-slot__card{padding:var(--saas-space-sm)}.saas-diary-slot__tool{min-block-size:44px;min-inline-size:44px}}