.hh,.hh-kit,.hh-overlay{--ink:#23252a;--muted:#6b7079;--rule:#e3e5e8;--hover:#f2f3f5;--track:#ebecef;--track-hover:#e0e2e6;--red:#d61f34;--red-hover:#bf1b2e;--red-press:#ab1829;--ease:cubic-bezier(.2, 0, 0, 1);--r-surface:20px;--r-plate:14px;--r-control:12px;--r-cell:8px}.hh :focus-visible,.hh-kit :focus-visible,.hh-overlay :focus-visible{outline:2px solid var(--red);outline-offset:2px}:is(.hh,.hh-kit,.hh-overlay) input:not([type=checkbox]):focus-visible{outline:none}:is(.hh,.hh-kit,.hh-overlay) input[type=search]::-webkit-search-cancel-button{appearance:none}.hh-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hh :focus:not(:focus-visible),.hh-kit :focus:not(:focus-visible),.hh-overlay :focus:not(:focus-visible),.hh-panel-title h2:focus{outline:none}.hh-chips{background:var(--hover);transition:background-color .18s var(--ease);border-radius:11px;gap:2px;padding:3px;display:flex}:is(.hh,.hh-kit) .hh-chips button{border-radius:var(--r-cell);min-width:46px;height:30px;color:var(--ink);font-variant-numeric:tabular-nums;transition:background-color .14s var(--ease), color .14s var(--ease), box-shadow .14s var(--ease), transform 80ms var(--ease);background:0 0;border:0;padding:0 10px;font-size:15px;font-weight:600;position:relative}.hh-chips button:after{content:"";position:absolute;inset:-7px -1px}@media (hover:hover){:is(.hh,.hh-kit) .hh-chips button:hover{background:#fff;box-shadow:0 1px 3px #23252a24}}:is(.hh,.hh-kit) .hh-chips button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}:is(.hh,.hh-kit) .hh-chips button:active{transform:scale(.94)}.hh-primary-wrap{flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}:is(.hh,.hh-kit,.hh-overlay) .hh-primary{border-radius:var(--r-plate);background:var(--red);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;width:100%;height:72px;transition:background-color .14s var(--ease), transform .12s var(--ease);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;line-height:22px;display:flex;position:relative}@media (hover:hover){:is(.hh,.hh-kit,.hh-overlay) .hh-primary:hover{background:var(--red-hover)}}:is(.hh,.hh-kit,.hh-overlay) .hh-primary:active{background:var(--red-press);transition-duration:80ms;transform:scale(.985)}.hh-primary-icon{flex:none;place-items:center;width:20px;height:20px;display:grid;position:relative}.hh-primary-icon>*{grid-area:1/1}.hh-primary-text{text-overflow:ellipsis;overflow:hidden}.hh-primary[data-changed] .hh-primary-text{animation:hh-count .16s var(--ease)}.hh-spin{opacity:0;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px}.hh-primary[aria-busy=true] .hh-spin{animation:0s .3s forwards hh-show,.8s linear infinite hh-rotate}.hh-primary[aria-busy=true] .hh-primary-icon>svg{animation:0s .3s forwards hh-hide}:is(.hh,.hh-kit,.hh-overlay) .hh-primary-zero{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff;padding:0 14px;font-size:14px}@media (hover:hover){:is(.hh,.hh-kit,.hh-overlay) .hh-primary-zero:hover{background:var(--hover)}}:is(.hh,.hh-kit,.hh-overlay) .hh-primary-zero:active{background:var(--track)}.hh-primary-zero .hh-spin{border-color:#23252a33;border-top-color:var(--ink)}@keyframes hh-count{0%{opacity:0}}@keyframes hh-show{to{opacity:1}}@keyframes hh-hide{to{opacity:0}}@keyframes hh-rotate{to{transform:rotate(360deg)}}.hh-overlay{z-index:1000000;color:var(--ink);position:relative}.hh-panel{z-index:202;overscroll-behavior:contain;transform-origin:var(--origin,50% top);background:#fff;border-radius:20px;animation:.18s cubic-bezier(.16,1,.3,1) hh-pop-in;position:fixed;overflow:auto;box-shadow:0 0 0 1px #23252a0f,0 24px 48px -16px #14181f47,0 4px 12px #14181f0f}.hh-overlay.is-leaving .hh-panel{pointer-events:none;animation:.12s cubic-bezier(.4,0,1,1) forwards hh-pop-out}@keyframes hh-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes hh-pop-out{to{opacity:0;transform:translateY(-2px)scale(.99)}}.hh-panel-title{display:none}.hh-panel-content{padding:8px}.hh-filter{z-index:1;background:#fff;padding:4px 4px 8px;display:block;position:sticky;top:0}.hh-filter input{width:100%;height:44px;color:var(--ink);background:var(--hover) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%236b7079' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;transition:background-color .14s var(--ease), box-shadow .14s var(--ease);border:0;border-radius:12px;padding:0 14px 0 42px;font-size:16px}.hh-filter input::placeholder{color:var(--muted);opacity:1}.hh-filter input:focus{background-color:#fff;outline:none;box-shadow:inset 0 0 0 1px #23252a4d}.hh-option-list button{width:100%;min-height:44px;color:var(--ink);text-align:left;overflow-wrap:anywhere;transition:background-color .12s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:15px;line-height:20px;display:flex}.hh-option-list button>svg{color:var(--red);flex-shrink:0}@media (hover:hover){:is(.hh-overlay,.hh-kit) .hh-option-list button:hover{background:var(--hover)}}.hh-option-list button[aria-selected=true]{font-weight:600}.hh-option-help{color:var(--muted);padding:12px 12px 6px;font-size:13px;line-height:18px}.hh-when{padding:8px 8px 4px}.hh-when-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 4px 14px;display:flex}.hh-when-head p{gap:2px;min-width:0;display:grid}.hh-when-head b{font-size:16px;font-weight:600;line-height:22px}.hh-when-head span{color:var(--muted);font-size:13px;line-height:18px}:is(.hh-overlay,.hh-kit) .hh-when-head button{border-radius:var(--r-cell);height:32px;color:var(--red);flex:none;margin:-4px -4px 0 0;padding:0 10px;font-size:14px;font-weight:600}@media (hover:hover){:is(.hh-overlay,.hh-kit) .hh-when-head button:hover{background:#fff1f3}}.hh-when-grid{grid-template-columns:56px repeat(4,minmax(0,1fr));gap:4px;display:grid}.hh-when-row{display:contents}.hh-when-q{text-align:center;color:var(--muted);padding:10px 0 2px;font-size:12px;font-weight:600;line-height:16px}:is(.hh-overlay,.hh-kit) .hh-when-cell{border-radius:var(--r-cell);height:40px;color:var(--ink);font-variant-numeric:tabular-nums;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;font-size:14px;font-weight:600}:is(.hh-overlay,.hh-kit) .hh-when-done{box-shadow:inset 0 0 0 1px var(--rule);grid-column:1/-1}@media (hover:hover){:is(.hh-overlay,.hh-kit) .hh-when-cell:hover{background:var(--hover)}}:is(.hh-overlay,.hh-kit) .hh-when-cell.is-in{background:var(--track);box-shadow:none}:is(.hh-overlay,.hh-kit) .hh-when-cell.is-edge{background:var(--ink);color:#fff;box-shadow:none}:is(.hh-overlay,.hh-kit) .hh-when-year{border-radius:var(--r-cell);text-align:left;height:40px;color:var(--ink);font-variant-numeric:tabular-nums;padding:0 8px;font-size:14px;font-weight:600}@media (hover:hover){:is(.hh-overlay,.hh-kit) .hh-when-year:hover{background:var(--hover);color:var(--red)}}.hh-when-past{border-radius:var(--r-cell);background:repeating-linear-gradient(135deg,#0000 0 6px,#23252a0d 6px 7px);height:40px}@media (min-width:768px){.hh-panel-district{flex-direction:column;display:flex}.hh-panel-district .hh-panel-content{min-height:0;padding:12px;overflow:auto}.hh-panel-district .hh-option-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 4px;display:grid}.hh-panel-district .hh-option-list button{gap:4px;min-height:40px;padding:8px 12px;font-size:14px;line-height:18px}}@media (prefers-reduced-motion:reduce){.hh-overlay .hh-panel,.hh-backdrop{animation:none!important}}@media (max-width:767px){.hh-is-sheet .hh-panel{border-radius:var(--r-surface) var(--r-surface) 0 0;flex-direction:column;max-height:88svh;animation:.38s cubic-bezier(.32,.72,0,1) hh-sheet-in;display:flex;inset:auto 0 0;overflow:hidden}.hh-overlay.hh-is-sheet.is-leaving .hh-panel{animation:.26s cubic-bezier(.4,0,1,1) forwards hh-sheet-out}.hh-backdrop{z-index:201;background:#14161a80;animation:.2s ease-out hh-fade-in;position:fixed;inset:0}.hh-overlay.is-leaving .hh-backdrop{animation:.18s ease-in forwards hh-fade-out}.hh-sheet-handle{background:#d0d3d8;border-radius:4px;flex-shrink:0;width:40px;height:4px;margin:8px auto 0}.hh-panel-title{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 8px 4px 20px;display:flex}.hh-panel-title h2{font-size:18px;font-weight:600;line-height:24px}.hh-panel-title button{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hh-panel-content{overscroll-behavior:contain;min-height:0;padding:8px 12px 16px;overflow:auto}.hh-option-list button{min-height:48px;font-size:16px}:is(.hh-overlay,.hh-kit) .hh-when-cell,:is(.hh-overlay,.hh-kit) .hh-when-year,.hh-when-past{height:48px;font-size:15px}.hh-sheet-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eef0f2;flex-shrink:0}.hh-sheet-footer .hh-primary-wrap{padding:0}.hh-overlay .hh-sheet-footer .hh-primary{height:56px}@keyframes hh-sheet-in{0%{transform:translateY(100%)}}@keyframes hh-sheet-out{to{transform:translateY(100%)}}@keyframes hh-fade-in{0%{opacity:0}}@keyframes hh-fade-out{to{opacity:0}}}
