.cal{position:relative}.cal__btn{border:1px solid var(--color-line,#e0e4e8);width:100%;font:inherit;text-align:left;color:var(--color-ink,#1a1d21);cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s;display:flex}.cal__btn.is-empty{color:var(--color-slate,#5e6b7a)}.cal__btn:hover{border-color:var(--color-slate,#5e6b7a)}.cal__btn:focus-visible,.cal__btn[aria-expanded=true]{border-color:var(--color-primary,#1d3147);outline:none;box-shadow:0 0 0 3px #1d31471f}.cal__icon{width:19px;height:19px;color:var(--color-slate,#5e6b7a);flex:none}.cal__pop{z-index:6;border:1px solid var(--color-line,#e0e4e8);background:#fff;border-radius:10px;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 44px -18px #141a2273}.cal__grid-side{width:252px}.cal__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal__head strong{color:var(--color-ink,#1a1d21);font-size:15px;font-weight:700}.cal__nav{gap:2px;display:flex}.cal__nav button{width:28px;height:28px;color:var(--color-slate,#5e6b7a);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.cal__nav button:hover{background:var(--color-paper,#f3f5f7);color:var(--color-ink,#1a1d21)}.cal__nav svg{width:16px;height:16px}.cal__week,.cal__days{grid-template-columns:repeat(7,1fr);display:grid}.cal__week{margin-bottom:4px}.cal__week span{text-align:center;color:var(--color-slate,#5e6b7a);font-size:12px;font-weight:700}.cal__week span:first-child,.cal__days button:nth-child(7n+1){color:var(--color-danger,#b4232a)}.cal__days button{aspect-ratio:1;font:inherit;color:var(--color-ink,#1a1d21);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:14px;display:grid}.cal__days button:hover{background:var(--color-paper,#f3f5f7)}.cal__days button.is-other{opacity:.35}.cal__days button.is-today{box-shadow:inset 0 0 0 1.5px var(--color-line,#e0e4e8)}.cal__days button.is-on,.cal__days button.is-on:hover{background:var(--color-primary,#1d3147);color:#fff;box-shadow:none;font-weight:700}.cal__foot{border-top:1px solid var(--color-line,#e0e4e8);justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.cal__quiet{font:inherit;color:var(--color-slate,#5e6b7a);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:600}.cal__quiet:hover{background:var(--color-paper,#f3f5f7);color:var(--color-ink,#1a1d21)}.cal__time{border-left:1px solid var(--color-line,#e0e4e8);flex-direction:column;padding-left:12px;display:flex}.cal__time-col{scrollbar-width:thin;scrollbar-color:var(--color-line,#e0e4e8) transparent;width:54px;max-height:232px;margin:0;padding:0;list-style:none;overflow-y:auto}.cal__time-col::-webkit-scrollbar{width:6px}.cal__time-col::-webkit-scrollbar-thumb{background:var(--color-line,#e0e4e8);border-radius:3px}.cal__time-col:hover::-webkit-scrollbar-thumb{background:var(--color-slate,#5e6b7a)}.cal__time-col button{width:100%;font:inherit;color:var(--color-ink,#1a1d21);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 0;font-size:14px}.cal__time-col button:hover{background:var(--color-paper,#f3f5f7)}.cal__time-col button.is-on{background:var(--color-primary,#1d3147);color:#fff;font-weight:700}@media (max-width:480px){.cal__pop{flex-direction:column;left:0;right:0}.cal__grid-side{width:auto}.cal__time{border-left:0;border-top:1px solid var(--color-line,#e0e4e8);padding-top:10px;padding-left:0}.cal__time-col{flex:1;max-height:168px}}.cal__crumbs{gap:2px;display:flex}.cal__crumb{font:inherit;color:var(--color-ink,#1a1d21);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:15px;font-weight:700}.cal__crumb:hover{background:var(--color-paper,#f3f5f7)}.cal__crumb.is-on{background:var(--color-primary,#1d3147);color:#fff}.cal__pick-grid{grid-template-columns:repeat(4,1fr);align-content:center;gap:4px;min-height:222px;display:grid}.cal__pick-grid--month{grid-template-columns:repeat(3,1fr)}.cal__pick-grid button{font:inherit;color:var(--color-ink,#1a1d21);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:12px 0;font-size:14px}.cal__pick-grid button:hover{background:var(--color-paper,#f3f5f7)}.cal__pick-grid button.is-on{background:var(--color-primary,#1d3147);color:#fff;font-weight:700}.cal__time-head{align-items:center;gap:6px;min-height:28px;margin-bottom:10px;display:flex}.cal__time-head span{text-align:center;width:54px;color:var(--color-slate,#5e6b7a);font-size:12px;font-weight:700}.cal__time-cols{gap:6px;display:flex}@media (max-width:480px){.cal__time-head span,.cal__time-col{flex:1;width:auto}}