@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}.compass{top:calc(var(--spacing,.25rem) * 10);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);position:fixed;left:50%}@media (min-width:40rem){.compass{top:calc(var(--spacing,.25rem) * 3)}}.compass{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 64)}@media (min-width:40rem){.compass{width:calc(var(--spacing,.25rem) * 80)}}.compass{background-color:#ffffffd9;border-radius:3.40282e38px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.compass{background-color:color-mix(in oklab, var(--color-white,#fff) 85%, transparent)}}.compass:where(.dark,.dark *){background-color:#030712bf}@supports (color:color-mix(in lab, red, red)){.compass:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-gray-950,lab(1.90334% .278696 -5.48866)) 75%, transparent)}}.compass{color:var(--color-black,#000)}.compass:where(.dark,.dark *){color:var(--color-white,#fff)}.compass{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.compass__scale{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.compass__tape{will-change:transform;height:100%;position:absolute;top:0;left:50%}.compass__tick,.compass__point{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;top:50%}.compass__tick{height:calc(var(--spacing,.25rem) * 2);opacity:.4;background-color:currentColor;width:1px}.compass__point{--tw-leading:1;line-height:1}.compass__point--cardinal{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.compass__point--collateral{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);opacity:.8}.compass__point--north{color:var(--color-red-500,#fb2c36)}@supports (color:lab(0% 0 0)){.compass__point--north{color:var(--color-red-500,lab(55.4814% 75.0732 48.8528))}}.compass__point--south{color:var(--color-blue-500,#3080ff)}@supports (color:lab(0% 0 0)){.compass__point--south{color:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839))}}.compass__point--south:where(.dark,.dark *){color:var(--color-blue-400,#54a2ff)}@supports (color:lab(0% 0 0)){.compass__point--south:where(.dark,.dark *){color:var(--color-blue-400,lab(65.0361% -1.42065 -56.9802))}}.compass__needle{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-inline-style:var(--tw-border-style);border-inline-width:4px;border-top-style:var(--tw-border-style);border-top-width:5px;border-inline-color:#0000;border-top-color:currentColor;position:absolute;top:0;left:50%}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}