.busola{--rose-faint:#16313a12;--rose-ring:#16313a;--rose-face:#fff;--rose-tick:#16313a8c;--rose-major:#16313a;--rose-inner:#16313a33;--rose-strong:#16313a52;--rose-soft:#16313a1a;--rose-minor-strong:#16313a38;--rose-minor-soft:#16313a12;--rose-label:#16313a;--needle-north:#0c7f72;--needle-south:#c9d8d2;--needle-pin:#fff}.dark .busola{--rose-faint:#2dd4be1a;--rose-ring:#2dd4be73;--rose-face:transparent;--rose-tick:#2dd4be73;--rose-major:#2dd4be;--rose-inner:#2dd4be40;--rose-strong:#2dd4be66;--rose-soft:#2dd4be29;--rose-minor-strong:#2dd4be47;--rose-minor-soft:#2dd4be1a;--rose-label:#ffffffc7;--needle-north:#2dd4be;--needle-south:#eef2f1;--needle-pin:#16313a}.busola.busola{padding:0}.busola .busola-title{letter-spacing:-.035em;font-size:2.25rem;font-weight:800;line-height:1}.busola .busola-body{padding:230px 24px 32px}.busola .busola-form,.busola .busola-done{margin-top:8px}.busola .busola-input{padding:0 18px}.busola .busola-button{padding:0 24px}@media (min-width:640px){.busola .busola-body{padding-inline:40px}}@media (min-width:1024px){.busola .busola-title{font-size:52px}.busola .busola-body{padding:48px}}.busola-rose .r-faint{fill:none;stroke:var(--rose-faint);stroke-width:1px}.busola-rose .r-face{fill:var(--rose-face);stroke:var(--rose-ring);stroke-width:1.5px}.busola-rose .r-tick{fill:none;stroke:var(--rose-tick);stroke-width:12px;stroke-dasharray:1.2 11.137;stroke-dashoffset:.6px}.busola-rose .r-major{fill:none;stroke:var(--rose-major);stroke-width:16px;stroke-dasharray:2.4 70.38;stroke-dashoffset:1.2px}.busola-rose .r-inner{fill:none;stroke:var(--rose-inner);stroke-width:1px}.busola-rose .r-strong{fill:var(--rose-strong)}.busola-rose .r-soft{fill:var(--rose-soft)}.busola-rose .r-minor-strong{fill:var(--rose-minor-strong)}.busola-rose .r-minor-soft{fill:var(--rose-minor-soft)}.busola-rose text{fill:var(--rose-label);letter-spacing:2px;font-family:inherit;font-size:13px;font-weight:800}.busola-rose .n-north{fill:var(--needle-north)}.busola-rose .n-south{fill:var(--needle-south)}.busola-rose .n-pin{fill:var(--needle-pin);stroke:var(--needle-north);stroke-width:3px}.busola-needle{transform-box:fill-box;transform-origin:50%;transform:rotate(110deg)}.busola.is-visible .busola-needle{animation:2.6s cubic-bezier(.3,.7,.3,1) both busola-settle,7s ease-in-out 2.6s infinite busola-wobble}@keyframes busola-settle{0%{transform:rotate(110deg)}34%{transform:rotate(-86deg)}54%{transform:rotate(-30deg)}70%{transform:rotate(-56deg)}84%{transform:rotate(-44deg)}to{transform:rotate(-48deg)}}@keyframes busola-wobble{0%,to{transform:rotate(-48deg)}50%{transform:rotate(-52deg)}}@media (prefers-reduced-motion:reduce){.busola-needle,.busola.is-visible .busola-needle{animation:none;transform:rotate(-48deg)}}