.az-japandi{--washi:#efe9df;--wash:var(--washi);--linen:#f7f3ec;--stone:#e4ddd0;--line:#cfc5b4;--sumi:#2b2a27;--ink-2:#5a554d;--moss:#4f5d43;--walnut:#7a5a3a;--oak:#b8946a;--season:#b5683f;--error:#8f4630;background-color:var(--wash);color:var(--sumi);font-family:var(--font-zen),system-ui,sans-serif}.az-japandi .mincho{font-family:var(--font-shippori),Georgia,serif;font-weight:500}.az-japandi .sheet{background:var(--linen);border:1px solid var(--line);border-radius:6px}.az-japandi .well{background:var(--stone);border-radius:6px}.az-japandi .btn,.az-japandi .btn-quiet{display:inline-grid;place-items:center;min-height:48px;padding:0 24px;border-radius:4px;font-size:15px;font-weight:500;letter-spacing:.04em}.az-japandi .btn{background:var(--sumi);color:var(--linen)}.az-japandi .btn.is-hover,.az-japandi .btn:hover{background:#45423d}.az-japandi .btn-quiet{border:1px solid var(--sumi);color:var(--sumi)}.az-japandi .btn-quiet.is-hover,.az-japandi .btn-quiet:hover{background:var(--stone)}.az-japandi :is(.btn,.btn-quiet).is-pressed,.az-japandi :is(.btn,.btn-quiet):active{transform:translateY(1px)}.az-japandi .btn.is-pressed{background:#1a1917}.az-japandi :is(.btn,.btn-quiet).is-off,.az-japandi :is(.btn,.btn-quiet):disabled{background:var(--stone);border-color:transparent;color:#6d675e;cursor:not-allowed;transform:none}.az-japandi .field{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:4px;background:var(--linen);color:var(--sumi);font-size:15px}.az-japandi .field::placeholder{color:#6d675e}.az-japandi .field.is-focus,.az-japandi .field:focus-visible{border-color:var(--sumi);outline:1px solid var(--sumi);outline-offset:0}.az-japandi .field.is-error,.az-japandi .field[aria-invalid=true]{border-color:var(--error);outline:1px solid var(--error);outline-offset:0}.az-japandi select.field{appearance:none;padding-right:40px;cursor:pointer}.az-japandi .switch{position:relative;flex-shrink:0;width:46px;height:26px;background:var(--stone)}.az-japandi .switch,.az-japandi .switch:after{border-radius:999px;border:1px solid var(--line)}.az-japandi .switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--linen)}.az-japandi .switch.is-on,.az-japandi .switch[aria-checked=true]{background:var(--moss);border-color:var(--moss)}.az-japandi .switch.is-on:after,.az-japandi .switch[aria-checked=true]:after{transform:translateX(20px);border-color:var(--moss)}.az-japandi .range{appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}.az-japandi .range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--sumi) var(--at,50%),var(--line) var(--at,50%))}.az-japandi .range::-moz-range-track{height:2px;background:linear-gradient(to right,var(--sumi) var(--at,50%),var(--line) var(--at,50%))}.az-japandi .range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-10px;border-radius:999px;background:var(--linen);border:1.5px solid var(--sumi)}.az-japandi .range::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:var(--linen);border:1.5px solid var(--sumi)}.az-japandi .fill{clip-path:inset(0 calc(100% - var(--goal, 0%)) 0 0)}.az-japandi .enso path{stroke-dasharray:100 100}.az-japandi .cover-j{transform:translate(calc((var(--px, .5) - .5) * 16px),calc((var(--py, .5) - .5) * 10px))}.az-japandi .cover-enso{transform:rotate(calc((var(--px, .5) - .5) * 10deg))}@media (prefers-reduced-motion:no-preference){.az-japandi{transition:background-color .9s var(--ease-expo)}.az-japandi :is(.btn,.btn-quiet){transition:background-color .3s var(--ease-expo),transform .3s var(--ease-expo)}.az-japandi .switch,.az-japandi .switch:after{transition:transform .3s var(--ease-expo),background-color .3s var(--ease-expo)}.az-japandi .fill{transition:clip-path .6s var(--ease-expo)}.az-japandi .settle{animation:jp-settle .6s var(--ease-expo) both}@keyframes jp-settle{0%{opacity:0;transform:translateY(8px)}}.az-japandi .breathe-soft{animation:jp-soft 2.4s ease-in-out infinite alternate}@keyframes jp-soft{to{opacity:.45}}.az-japandi .season-dot{transition:transform .6s var(--ease-expo)}.az-japandi .cover-enso,.az-japandi .cover-j{transition:transform 1.4s var(--ease-expo)}.az-japandi .draw-in path{animation:jp-draw 2.2s var(--ease-expo) both;animation-delay:.3s}@keyframes jp-draw{0%{stroke-dashoffset:100}}.az-japandi .cover-in{animation:jp-cover 1.1s var(--ease-expo) both;animation-delay:calc(var(--n, 0) * .12s)}@keyframes jp-cover{0%{opacity:0;transform:translateY(10px)}}}.az-japandi .gothic{font-family:var(--font-zen),system-ui,sans-serif;font-weight:400}