.hsc-picker{--p-ink:var(--hsc-picker-ink, var(--hsc-main, #1f2937));--p-accent:var(--hsc-picker-accent, var(--hsc-main, #1f2937));--p-accent-ink:var(--hsc-picker-accent-ink, #fff);--p-soft:var(--hsc-picker-soft, #f3f4f6);--p-send:var(--hsc-picker-send, #0a6c3f);--p-r1:var(--hsc-picker-r1, 14px);--p-r2:var(--hsc-picker-r2, 14px);box-sizing:border-box;inline-size:min(36rem, 100vw);max-inline-size:100vw;block-size:min(46rem, 92dvh);max-block-size:100dvh;margin:auto;padding:0;border:0;border-radius:var(--p-r1) var(--p-r2);background:#fff;box-shadow:0 30px 80px rgb(0 0 0 / 25%);color:#374151;font:inherit;line-height:1.7;overflow:hidden}.hsc-picker::backdrop{background:rgb(15 18 40 / 55%)}.hsc-picker[open]{opacity:1;transform:none;transition:opacity 0.24s cubic-bezier(.22,1,.36,1),transform 0.24s cubic-bezier(.22,1,.36,1)}.hsc-picker[open]::backdrop{opacity:1;transition:opacity 0.24s cubic-bezier(.22,1,.36,1)}@starting-style{.hsc-picker[open]{opacity:0;transform:scale(.96)}.hsc-picker[open]::backdrop{opacity:0}}.hsc-picker__option:active,.hsc-picker__tile:active,.hsc-picker__next:active,.hsc-picker__send:active,.hsc-picker__way:active{transform:scale(.98)}.hsc-picker__option,.hsc-picker__tile,.hsc-picker__next,.hsc-picker__send,.hsc-picker__way{touch-action:manipulation;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.12s cubic-bezier(.25,.46,.45,.94)}.hsc-picker__done{display:grid;place-items:center;inline-size:4rem;block-size:4rem;margin:.5rem 0 1rem;border-radius:var(--p-r1) var(--p-r2);background:var(--p-send);color:#fff;animation:hsc-picker-pop 0.45s cubic-bezier(.34,1.56,.64,1) both}.hsc-picker__done svg{inline-size:2rem;block-size:2rem}@keyframes hsc-picker-pop{from{opacity:0;transform:scale(.6)}}html.hsc-picker-open{overflow:hidden}.hsc-picker__panel{display:flex;flex-direction:column;block-size:100%}.hsc-picker__top{position:relative;display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem .6rem}.hsc-picker__back,.hsc-picker__close{position:relative;display:grid;flex:none;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:var(--p-r1) var(--p-r2);background:var(--p-soft);color:var(--p-ink);cursor:pointer}.hsc-picker__back[hidden]{display:grid;visibility:hidden}.hsc-picker__progress{flex:1;block-size:.4rem;border-radius:1rem;background:var(--p-soft);overflow:hidden}.hsc-picker__progress span{display:block;inline-size:100%;block-size:100%;border-radius:1rem;background:var(--p-accent);transform:scaleX(0);transform-origin:left center;transition:transform 0.3s cubic-bezier(.25,1,.5,1)}[dir="rtl"] .hsc-picker__progress span{transform-origin:right center}.hsc-picker__count{position:absolute;inset-block-end:-.6rem;inset-inline:0;margin:0;color:#6b7280;font-size:.75rem;text-align:center}.hsc-picker__body{flex:1;padding:1.25rem 1.25rem 1rem;overflow-y:auto;overscroll-behavior:contain}.hsc-picker__title{margin:0 0 .35rem;color:var(--p-ink);font-size:1.35rem;font-weight:800;line-height:1.5;outline:0}.hsc-picker__hint{margin:0 0 1.1rem;color:#6b7280;font-size:.9375rem}.hsc-picker__sub{margin:1rem 0 .5rem;color:var(--p-ink);font-weight:700}.hsc-picker__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.hsc-picker__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-block-size:5.5rem;padding:.75rem;border:2px solid #fff0;border-radius:var(--p-r1) var(--p-r2);background:var(--p-soft);color:var(--p-ink);font:inherit;font-weight:700;line-height:1.4;cursor:pointer}.hsc-picker__tile svg{inline-size:1.8rem;block-size:1.8rem;color:var(--p-accent)}.hsc-picker__options{display:grid;gap:.55rem}.hsc-picker__options.is-row{display:flex;flex-wrap:wrap;gap:.5rem}.hsc-picker__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-block-size:3.25rem;padding:.6rem 1rem;border:2px solid #fff0;border-radius:var(--p-r1) var(--p-r2);background:var(--p-soft);color:var(--p-ink);font:inherit;font-weight:700;text-align:start;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease}.is-row .hsc-picker__option{min-block-size:2.9rem;padding-inline:1rem}.hsc-picker__option i{display:grid;flex:none;place-items:center;inline-size:1.5rem;block-size:1.5rem;border:2px solid currentcolor;border-radius:6px 2px;color:#9ca3af}.hsc-picker__option i svg{inline-size:1rem;block-size:1rem;opacity:0}.hsc-picker__option:hover,.hsc-picker__tile:hover{border-color:var(--p-accent)}.hsc-picker__option[aria-pressed="true"],.hsc-picker__tile[aria-pressed="true"]{border-color:var(--p-accent);background:var(--p-accent);color:var(--p-accent-ink)}.hsc-picker__tile[aria-pressed="true"] svg,.hsc-picker__option[aria-pressed="true"] i{color:var(--p-accent-ink)}.hsc-picker__option[aria-pressed="true"] i svg{opacity:1}.hsc-picker__search{display:flex;align-items:center;gap:.5rem;margin-block-end:.75rem;padding-inline:.9rem;border:2px solid var(--p-soft);border-radius:var(--p-r1) var(--p-r2);color:#6b7280}.hsc-picker__search svg{flex:none;inline-size:1.2rem;block-size:1.2rem}.hsc-picker__search input{flex:1;min-inline-size:0;min-block-size:3rem;border:0;background:#fff0;color:var(--p-ink);font:inherit;outline:0}.hsc-picker__search input:focus-visible{outline:0}.hsc-picker__search:focus-within{border-color:var(--p-accent)}.hsc-picker__custom{display:flex;align-items:center;gap:.75rem;inline-size:100%;margin-block-start:.75rem;padding:.85rem 1rem;border:2px dashed var(--p-accent);border-radius:var(--p-r1) var(--p-r2);background:#fff;color:var(--p-ink);font:inherit;text-align:start;cursor:pointer}.hsc-picker__custom svg{flex:none;inline-size:1.6rem;block-size:1.6rem;color:var(--p-accent)}.hsc-picker__custom strong,.hsc-picker__custom small{display:block}.hsc-picker__custom small{color:#6b7280;font-size:.875rem}.hsc-picker__option--custom{border:2px dashed var(--p-accent);background:#fff;font-weight:400}.hsc-picker__found{display:grid;gap:.5rem;margin-block-end:1rem}.hsc-picker.is-choice .hsc-picker__progress,.hsc-picker.is-choice .hsc-picker__count{visibility:hidden}.hsc-picker.is-choice{block-size:fit-content}.hsc-picker__ways{display:grid;gap:.75rem}.hsc-picker__way{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:2px solid var(--p-soft);border-radius:var(--p-r1) var(--p-r2);background:#fff;color:var(--p-ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer}.hsc-picker__way:hover,.hsc-picker__way:focus-visible{border-color:var(--p-accent);color:var(--p-ink)}.hsc-picker__way>svg{flex:none;inline-size:2.6rem;block-size:2.6rem;padding:.55rem;border-radius:var(--p-r1) var(--p-r2);background:var(--p-send);color:#fff}.hsc-picker__way--steps>svg{background:var(--p-accent)}.hsc-picker__way strong{display:block;font-size:1.0625rem}.hsc-picker__way small{display:block;color:#6b7280;font-size:.875rem;line-height:1.6}.hsc-picker__field{display:grid;gap:.3rem;margin-block:.75rem 0;color:var(--p-ink);font-weight:700}.hsc-picker__field.is-hidden{display:none}.hsc-picker__field input,.hsc-picker__field select,.hsc-picker__field textarea{box-sizing:border-box;inline-size:100%;min-block-size:3.1rem;padding:.6rem .9rem;border:2px solid var(--p-soft);border-radius:var(--p-r1) var(--p-r2);background:#fff;color:var(--p-ink);font:inherit;font-weight:400}.hsc-picker__field input:focus,.hsc-picker__field select:focus,.hsc-picker__field textarea:focus{border-color:var(--p-accent);outline:0}.hsc-picker__locate{display:inline-flex;align-items:center;gap:.5rem;margin-block-start:1rem;padding:.7rem 1.1rem;border:2px dashed var(--p-accent);border-radius:var(--p-r1) var(--p-r2);background:#fff0;color:var(--p-ink);font:inherit;font-weight:700;cursor:pointer}.hsc-picker__locate svg{inline-size:1.2rem;block-size:1.2rem;color:var(--p-accent)}.hsc-picker__locate.is-done{border-style:solid}.hsc-picker__trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hsc-picker__summary{display:grid;gap:.5rem;margin:0}.hsc-picker__summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .75rem;padding:.7rem .9rem;border-radius:var(--p-r1) var(--p-r2);background:var(--p-soft)}.hsc-picker__summary dt{color:#6b7280;font-size:.8125rem}.hsc-picker__summary dd{grid-row:2;margin:0;color:var(--p-ink);font-weight:700}.hsc-picker__edit{grid-row:1 / span 2;grid-column:2;align-self:center;padding:.35rem .75rem;border:0;border-radius:10px 2px;background:#fff;color:var(--p-ink);font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer}.hsc-picker__foot{padding:.75rem 1.25rem calc(0.9rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--p-soft)}.hsc-picker__foot:empty{display:none}.hsc-picker__next,.hsc-picker__send{display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;inline-size:100%;min-block-size:3.4rem;padding:.7rem 1.25rem;border:0;border-radius:var(--p-r1) var(--p-r2);background:var(--p-accent);color:var(--p-accent-ink);font:inherit;font-size:1.0625rem;font-weight:800;text-decoration:none;cursor:pointer}.hsc-picker__send{background:var(--p-send);color:#fff}.hsc-picker__send:hover,.hsc-picker__send:focus{color:#fff}.hsc-picker__send svg{inline-size:1.3rem;block-size:1.3rem}.hsc-picker__next:disabled{opacity:.45;cursor:not-allowed}.hsc-picker :focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}@media (width <=600px){.hsc-picker{inline-size:100vw;block-size:100dvh;border-radius:0}.hsc-picker__title{font-size:1.2rem}@starting-style{.hsc-picker[open]{opacity:0;transform:translateY(24px)}}.hsc-picker.is-choice{inset-block-start:auto;block-size:auto;margin-block:auto 0;padding-block-end:env(safe-area-inset-bottom);border-start-start-radius:var(--p-r1);border-start-end-radius:var(--p-r1)}}@media (prefers-reduced-motion:reduce){.hsc-picker[open],.hsc-picker__progress span,.hsc-picker__option,.hsc-picker__tile,.hsc-picker__next,.hsc-picker__send,.hsc-picker__way{transition:opacity 0.15s ease}.hsc-picker__done{animation:none}}