{"id":9150,"date":"2026-09-08T13:39:09","date_gmt":"2026-09-08T13:39:09","guid":{"rendered":"https:\/\/dev112.dioniqlabb.se\/?page_id=9150"},"modified":"2026-09-08T13:39:12","modified_gmt":"2026-09-08T13:39:12","slug":"sa-laser-du-vindriktningen-nar-du-seglar","status":"publish","type":"page","link":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","title":{"rendered":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV)<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n:root {\n  --background: 0 0% 100%;\n  --foreground: 220 20% 12%;\n  --card: 0 0% 100%;\n  --card-foreground: 220 20% 12%;\n  --popover: 0 0% 100%;\n  --popover-foreground: 220 20% 12%;\n  --primary: 215 80% 22%;\n  --primary-foreground: 0 0% 100%;\n  --secondary: 210 15% 96%;\n  --secondary-foreground: 220 20% 12%;\n  --muted: 210 15% 96%;\n  --muted-foreground: 215 10% 46%;\n  --accent: 42 95% 55%;\n  --accent-foreground: 220 20% 12%;\n  --destructive: 0 84% 60%;\n  --destructive-foreground: 0 0% 100%;\n  --border: 214 20% 90%;\n  --input: 214 20% 90%;\n  --ring: 215 80% 22%;\n  --radius: .25rem;\n  --navy: 215 80% 22%;\n  --navy-light: 215 60% 35%;\n  --navy-dark: 215 85% 14%;\n  --marine-blue: 210 70% 50%;\n  --signal-red: 5 80% 52%;\n  --signal-orange: 25 90% 55%;\n  --warm-gold: 48 100% 45%;\n  --cool-gray: 210 12% 72%;\n  --light-gray: 210 15% 96%;\n  --off-white: 210 20% 98%;\n  --sea-mist: 200 25% 95%;\n  --sidebar-background: 0 0% 98%;\n  --sidebar-foreground: 240 5.3% 26.1%;\n  --sidebar-primary: 240 5.9% 10%;\n  --sidebar-primary-foreground: 0 0% 98%;\n  --sidebar-accent: 240 4.8% 95.9%;\n  --sidebar-accent-foreground: 240 5.9% 10%;\n  --sidebar-border: 220 13% 91%;\n  --sidebar-ring: 217.2 91.2% 59.8%;\n}\n@font-face {\n  font-family: 'nexa_boldregular';\n  src: url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2') format('woff2'),\n       url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff') format('woff');\n  font-weight: normal;\n  font-style: normal;\n}\n*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }\n::before, ::after { --tw-content: \"\"; }\nhtml, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Roboto, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }\nbody { margin: 0px; line-height: inherit; }\nhr { height: 0px; color: inherit; border-top-width: 1px; }\nabbr:where([title]) { text-decoration: underline dotted; }\nh1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }\na { color: inherit; text-decoration: inherit; }\nb, strong { font-weight: bolder; }\ncode, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }\nsmall { font-size: 80%; }\nsub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }\nsub { bottom: -0.25em; }\nsup { top: -0.5em; }\ntable { text-indent: 0px; border-color: inherit; border-collapse: collapse; }\nbutton, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }\nbutton, select { text-transform: none; }\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) { appearance: button; background-color: transparent; background-image: none; }\nprogress { vertical-align: baseline; }\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }\n[type=\"search\"] { appearance: textfield; outline-offset: -2px; }\n::-webkit-search-decoration { appearance: none; }\n::-webkit-file-upload-button { appearance: button; font: inherit; }\nsummary { display: list-item; }\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }\nfieldset { margin: 0px; padding: 0px; }\nlegend { padding: 0px; }\nol, ul, menu { list-style: none; margin: 0px; padding: 0px; }\ndialog { padding: 0px; }\ntextarea { resize: vertical; }\ninput::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }\nbutton, [role=\"button\"] { cursor: pointer; }\n:disabled { cursor: default; }\nimg, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }\nimg, video { max-width: 100%; height: auto; }\n[hidden]:where(:not([hidden=\"until-found\"])) { display: none; }\n:root { --background: 0 0% 100%; --foreground: 220 20% 12%; --card: 0 0% 100%; --card-foreground: 220 20% 12%; --popover: 0 0% 100%; --popover-foreground: 220 20% 12%; --primary: 215 80% 22%; --primary-foreground: 0 0% 100%; --secondary: 210 15% 96%; --secondary-foreground: 220 20% 12%; --muted: 210 15% 96%; --muted-foreground: 215 10% 46%; --accent: 42 95% 55%; --accent-foreground: 220 20% 12%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 214 20% 90%; --input: 214 20% 90%; --ring: 215 80% 22%; --radius: .25rem; --navy: 215 80% 22%; --navy-light: 215 60% 35%; --navy-dark: 215 85% 14%; --marine-blue: 210 70% 50%; --signal-red: 5 80% 52%; --signal-orange: 25 90% 55%; --warm-gold: 48 100% 45%; --cool-gray: 210 12% 72%; --light-gray: 210 15% 96%; --off-white: 210 20% 98%; --sea-mist: 200 25% 95%; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; }\n* { border-color: hsl(214, 20%, 90%); }\nbody { background-color: hsl(0, 0%, 100%); font-family: Roboto, system-ui, sans-serif; color: hsl(220, 20%, 12%); -webkit-font-smoothing: antialiased; }\nh1, h2, h3, h4, h5, h6 { font-family: nexa_boldregular, sans-serif; font-weight: 400; }\n.windex-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 1.25rem; padding-right: 1.25rem; }\n@media (min-width: 768px) {\n  .windex-container { padding-left: 2rem; padding-right: 2rem; }\n}\n.windex-eyebrow { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(210, 70%, 50%); }\n@media (min-width: 768px) {\n  .windex-eyebrow { font-size: 0.875rem; line-height: 1.25rem; }\n}\n.windex-section-title { font-size: 1.5rem; line-height: 2rem; font-weight: 800; letter-spacing: -0.025em; color: hsl(215, 80%, 22%); }\n@media (min-width: 768px) {\n  .windex-section-title { font-size: 1.875rem; line-height: 2.25rem; }\n}\n@media (min-width: 1024px) {\n  .windex-section-title { font-size: 2.25rem; line-height: 2.5rem; }\n}\n.windex-body { font-size: 1rem; line-height: 1.625; color: hsla(220, 20%, 12%, .85); }\n@media (min-width: 768px) {\n  .windex-body { font-size: 1.125rem; line-height: 1.75rem; }\n}\n.windex-card { border-radius: calc(var(--radius) - 4px); border-width: 1px; border-color: hsl(214, 20%, 90%); background-color: hsl(210, 20%, 98%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-card { padding: 2rem; }\n}\n.windex-btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: hsl(215, 80%, 22%); padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: hsl(0, 0%, 100%); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; animation-duration: 0.2s; }\n.windex-btn-primary:hover { background-color: hsl(215, 60%, 35%); }\n.windex-divider { height: 0.125rem; width: 3rem; background-color: hsl(48, 100%, 45%); }\n.windex-summary-box { border-left-width: 4px; border-color: hsl(48, 100%, 45%); background-color: hsl(200, 25%, 95%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-summary-box { padding: 2rem; }\n}\n.windex-step-number { display: flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-color: hsl(215, 80%, 22%); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: hsl(0, 0%, 100%); }\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }\n.pointer-events-none { pointer-events: none; }\n.pointer-events-auto { pointer-events: auto; }\n.visible { visibility: visible; }\n.invisible { visibility: hidden; }\n.static { position: static; }\n.fixed { position: fixed; }\n.absolute { position: absolute; }\n.relative { position: relative; }\n.sticky { position: sticky; }\n.inset-0 { inset: 0px; }\n.inset-x-0 { left: 0px; right: 0px; }\n.inset-y-0 { top: 0px; bottom: 0px; }\n.-bottom-12 { bottom: -3rem; }\n.-left-12 { left: -3rem; }\n.-right-12 { right: -3rem; }\n.-top-12 { top: -3rem; }\n.bottom-0 { bottom: 0px; }\n.left-0 { left: 0px; }\n.left-1 { left: 0.25rem; }\n.left-1\\\/2 { left: 50%; }\n.left-2 { left: 0.5rem; }\n.left-\\[50\\%\\] { left: 50%; }\n.right-0 { right: 0px; }\n.right-1 { right: 0.25rem; }\n.right-2 { right: 0.5rem; }\n.right-3 { right: 0.75rem; }\n.right-4 { right: 1rem; }\n.top-0 { top: 0px; }\n.top-1\\.5 { top: 0.375rem; }\n.top-1\\\/2 { top: 50%; }\n.top-2 { top: 0.5rem; }\n.top-3\\.5 { top: 0.875rem; }\n.top-4 { top: 1rem; }\n.top-\\[1px\\] { top: 1px; }\n.top-\\[40px\\] { top: 40px; }\n.top-\\[50\\%\\] { top: 50%; }\n.top-\\[60\\%\\] { top: 60%; }\n.top-full { top: 100%; }\n.z-10 { z-index: 10; }\n.z-20 { z-index: 20; }\n.z-50 { z-index: 50; }\n.z-\\[100\\] { z-index: 100; }\n.z-\\[1\\] { z-index: 1; }\n.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }\n.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }\n.mx-3\\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }\n.mx-auto { margin-left: auto; margin-right: auto; }\n.my-0\\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }\n.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }\n.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }\n.-ml-4 { margin-left: -1rem; }\n.-mt-4 { margin-top: -1rem; }\n.mb-0\\.5 { margin-bottom: 0.125rem; }\n.mb-1 { margin-bottom: 0.25rem; }\n.mb-12 { margin-bottom: 3rem; }\n.mb-14 { margin-bottom: 3.5rem; }\n.mb-2 { margin-bottom: 0.5rem; }\n.mb-3 { margin-bottom: 0.75rem; }\n.mb-4 { margin-bottom: 1rem; }\n.mb-5 { margin-bottom: 1.25rem; }\n.mb-6 { margin-bottom: 1.5rem; }\n.mb-8 { margin-bottom: 2rem; }\n.ml-1 { margin-left: 0.25rem; }\n.ml-4 { margin-left: 1rem; }\n.ml-auto { margin-left: auto; }\n.mr-2 { margin-right: 0.5rem; }\n.mt-0\\.5 { margin-top: 0.125rem; }\n.mt-1 { margin-top: 0.25rem; }\n.mt-1\\.5 { margin-top: 0.375rem; }\n.mt-10 { margin-top: 2.5rem; }\n.mt-2 { margin-top: 0.5rem; }\n.mt-24 { margin-top: 6rem; }\n.mt-3 { margin-top: 0.75rem; }\n.mt-4 { margin-top: 1rem; }\n.mt-5 { margin-top: 1.25rem; }\n.mt-6 { margin-top: 1.5rem; }\n.mt-8 { margin-top: 2rem; }\n.mt-auto { margin-top: auto; }\n.block { display: block; }\n.flex { display: flex; }\n.inline-flex { display: inline-flex; }\n.table { display: table; }\n.grid { display: grid; }\n.contents { display: contents; }\n.hidden { display: none; }\n.aspect-square { aspect-ratio: 1 \/ 1; }\n.aspect-video { aspect-ratio: 16 \/ 9; }\n.size-4 { width: 1rem; height: 1rem; }\n.\\!h-8 { height: 2rem !important; }\n.h-1\\.5 { height: 0.375rem; }\n.h-10 { height: 2.5rem; }\n.h-11 { height: 2.75rem; }\n.h-12 { height: 3rem; }\n.h-2 { height: 0.5rem; }\n.h-2\\.5 { height: 0.625rem; }\n.h-3 { height: 0.75rem; }\n.h-3\\.5 { height: 0.875rem; }\n.h-4 { height: 1rem; }\n.h-5 { height: 1.25rem; }\n.h-6 { height: 1.5rem; }\n.h-7 { height: 1.75rem; }\n.h-8 { height: 2rem; }\n.h-9 { height: 2.25rem; }\n.h-\\[1px\\] { height: 1px; }\n.h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\] { height: var(--radix-navigation-menu-viewport-height); }\n.h-\\[var\\(--radix-select-trigger-height\\)\\] { height: var(--radix-select-trigger-height); }\n.h-auto { height: auto; }\n.h-full { height: 100%; }\n.h-px { height: 1px; }\n.h-svh { height: 100svh; }\n.max-h-96 { max-height: 24rem; }\n.max-h-\\[300px\\] { max-height: 300px; }\n.max-h-\\[calc\\(100vh-80px\\)\\] { max-height: calc(-80px + 100vh); }\n.max-h-screen { max-height: 100vh; }\n.min-h-0 { min-height: 0px; }\n.min-h-\\[80px\\] { min-height: 80px; }\n.min-h-screen { min-height: 100vh; }\n.min-h-svh { min-height: 100svh; }\n.\\!w-8 { width: 2rem !important; }\n.w-0 { width: 0px; }\n.w-1 { width: 0.25rem; }\n.w-10 { width: 2.5rem; }\n.w-11 { width: 2.75rem; }\n.w-16 { width: 4rem; }\n.w-2 { width: 0.5rem; }\n.w-2\\.5 { width: 0.625rem; }\n.w-3 { width: 0.75rem; }\n.w-3\\.5 { width: 0.875rem; }\n.w-3\\\/4 { width: 75%; }\n.w-4 { width: 1rem; }\n.w-5 { width: 1.25rem; }\n.w-56 { width: 14rem; }\n.w-64 { width: 16rem; }\n.w-7 { width: 1.75rem; }\n.w-72 { width: 18rem; }\n.w-8 { width: 2rem; }\n.w-9 { width: 2.25rem; }\n.w-\\[--sidebar-width\\] { width: var(--sidebar-width); }\n.w-\\[100px\\] { width: 100px; }\n.w-\\[1px\\] { width: 1px; }\n.w-auto { width: auto; }\n.w-full { width: 100%; }\n.w-max { width: max-content; }\n.w-px { width: 1px; }\n.min-w-0 { min-width: 0px; }\n.min-w-5 { min-width: 1.25rem; }\n.min-w-\\[12rem\\] { min-width: 12rem; }\n.min-w-\\[8rem\\] { min-width: 8rem; }\n.min-w-\\[var\\(--radix-select-trigger-width\\)\\] { min-width: var(--radix-select-trigger-width); }\n.max-w-2xl { max-width: 42rem; }\n.max-w-3xl { max-width: 48rem; }\n.max-w-4xl { max-width: 56rem; }\n.max-w-\\[--skeleton-width\\] { max-width: var(--skeleton-width); }\n.max-w-\\[300px\\] { max-width: 300px; }\n.max-w-\\[320px\\] { max-width: 320px; }\n.max-w-\\[360px\\] { max-width: 360px; }\n.max-w-\\[400px\\] { max-width: 400px; }\n.max-w-\\[460px\\] { max-width: 460px; }\n.max-w-lg { max-width: 32rem; }\n.max-w-max { max-width: max-content; }\n.max-w-xl { max-width: 36rem; }\n.flex-1 { flex: 1 1 0%; }\n.shrink-0 { flex-shrink: 0; }\n.grow { flex-grow: 1; }\n.grow-0 { flex-grow: 0; }\n.basis-full { flex-basis: 100%; }\n.caption-bottom { caption-side: bottom; }\n.border-collapse { border-collapse: collapse; }\n.-translate-x-1\\\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-y-1\\\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-\\[-50\\%\\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-y-\\[-50\\%\\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes pulse { \n  50% { opacity: 0.5; }\n}\n.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }\n.cursor-default { cursor: default; }\n.cursor-pointer { cursor: pointer; }\n.touch-none { touch-action: none; }\n.select-none { user-select: none; }\n.scroll-mt-8 { scroll-margin-top: 2rem; }\n.list-none { list-style-type: none; }\n.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }\n.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n.flex-row { flex-direction: row; }\n.flex-col { flex-direction: column; }\n.flex-col-reverse { flex-direction: column-reverse; }\n.flex-wrap { flex-wrap: wrap; }\n.items-start { align-items: flex-start; }\n.items-end { align-items: flex-end; }\n.items-center { align-items: center; }\n.items-stretch { align-items: stretch; }\n.justify-center { justify-content: center; }\n.justify-between { justify-content: space-between; }\n.gap-0 { gap: 0px; }\n.gap-1 { gap: 0.25rem; }\n.gap-1\\.5 { gap: 0.375rem; }\n.gap-10 { gap: 2.5rem; }\n.gap-12 { gap: 3rem; }\n.gap-2 { gap: 0.5rem; }\n.gap-3 { gap: 0.75rem; }\n.gap-4 { gap: 1rem; }\n.gap-6 { gap: 1.5rem; }\n.gap-8 { gap: 2rem; }\n.gap-x-4 { column-gap: 1rem; }\n.gap-y-1 { row-gap: 0.25rem; }\n.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); }\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); }\n.space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); }\n.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }\n.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }\n.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }\n.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }\n.space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }\n.self-start { align-self: flex-start; }\n.overflow-auto { overflow: auto; }\n.overflow-hidden { overflow: hidden; }\n.overflow-x-auto { overflow-x: auto; }\n.overflow-y-auto { overflow-y: auto; }\n.overflow-x-hidden { overflow-x: hidden; }\n.whitespace-nowrap { white-space: nowrap; }\n.break-words { overflow-wrap: break-word; }\n.rounded { border-radius: 0.25rem; }\n.rounded-\\[2px\\] { border-radius: 2px; }\n.rounded-\\[inherit\\] { border-radius: inherit; }\n.rounded-full { border-radius: 9999px; }\n.rounded-lg { border-radius: var(--radius); }\n.rounded-md { border-radius: calc(var(--radius) - 2px); }\n.rounded-sm { border-radius: calc(var(--radius) - 4px); }\n.rounded-t-\\[10px\\] { border-top-left-radius: 10px; border-top-right-radius: 10px; }\n.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }\n.border { border-width: 1px; }\n.border-2 { border-width: 2px; }\n.border-\\[1\\.5px\\] { border-width: 1.5px; }\n.border-y { border-top-width: 1px; border-bottom-width: 1px; }\n.border-b { border-bottom-width: 1px; }\n.border-l { border-left-width: 1px; }\n.border-l-4 { border-left-width: 4px; }\n.border-r { border-right-width: 1px; }\n.border-t { border-top-width: 1px; }\n.border-t-4 { border-top-width: 4px; }\n.border-dashed { border-style: dashed; }\n.border-\\[--color-border\\] { border-color: var(--color-border); }\n.border-border { border-color: hsl(214, 20%, 90%); }\n.border-border\\\/50 { border-color: hsla(214, 20%, 90%, .5); }\n.border-destructive { border-color: hsl(0, 84%, 60%); }\n.border-destructive\\\/50 { border-color: hsla(0, 84%, 60%, .5); }\n.border-input { border-color: hsl(214, 20%, 90%); }\n.border-marine-blue { border-color: hsl(210, 70%, 50%); }\n.border-primary { border-color: hsl(215, 80%, 22%); }\n.border-primary-foreground\\\/30 { border-color: hsla(0, 0%, 100%, .3); }\n.border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.border-signal-red { border-color: hsl(5, 80%, 52%); }\n.border-transparent { border-color: transparent; }\n.border-warm-gold { border-color: hsl(48, 100%, 45%); }\n.border-l-transparent { border-left-color: transparent; }\n.border-t-signal-red { border-top-color: hsl(5, 80%, 52%); }\n.border-t-transparent { border-top-color: transparent; }\n.bg-\\[--color-bg\\] { background-color: var(--color-bg); }\n.bg-accent { background-color: hsl(42, 95%, 55%); }\n.bg-background { background-color: hsl(0, 0%, 100%); }\n.bg-black\\\/80 { background-color: rgba(0, 0, 0, 0.8); }\n.bg-border { background-color: hsl(214, 20%, 90%); }\n.bg-card { background-color: hsl(0, 0%, 100%); }\n.bg-destructive { background-color: hsl(0, 84%, 60%); }\n.bg-foreground { background-color: hsl(220, 20%, 12%); }\n.bg-marine-blue { background-color: hsl(210, 70%, 50%); }\n.bg-muted { background-color: hsl(210, 15%, 96%); }\n.bg-muted\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-navy { background-color: hsl(215, 80%, 22%); }\n.bg-navy-dark { background-color: hsl(215, 85%, 14%); }\n.bg-navy-light { background-color: hsl(215, 60%, 35%); }\n.bg-off-white { background-color: hsl(210, 20%, 98%); }\n.bg-popover { background-color: hsl(0, 0%, 100%); }\n.bg-primary { background-color: hsl(215, 80%, 22%); }\n.bg-sea-mist { background-color: hsl(200, 25%, 95%); }\n.bg-secondary { background-color: hsl(210, 15%, 96%); }\n.bg-secondary\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-sidebar { background-color: hsl(0, 0%, 98%); }\n.bg-sidebar-border { background-color: hsl(220, 13%, 91%); }\n.bg-transparent { background-color: transparent; }\n.bg-warm-gold { background-color: hsl(48, 100%, 45%); }\n.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 \/ var(--tw-bg-opacity, 1)); }\n.fill-current { fill: currentcolor; }\n.object-contain { object-fit: contain; }\n.\\!p-4 { padding: 1rem !important; }\n.\\!p-5 { padding: 1.25rem !important; }\n.p-0 { padding: 0px; }\n.p-1 { padding: 0.25rem; }\n.p-2 { padding: 0.5rem; }\n.p-3 { padding: 0.75rem; }\n.p-4 { padding: 1rem; }\n.p-5 { padding: 1.25rem; }\n.p-6 { padding: 1.5rem; }\n.p-\\[1px\\] { padding: 1px; }\n.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }\n.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n.px-2\\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }\n.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n.px-4 { padding-left: 1rem; padding-right: 1rem; }\n.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }\n.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n.px-8 { padding-left: 2rem; padding-right: 2rem; }\n.py-0\\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }\n.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n.py-1\\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }\n.py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n.py-2\\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }\n.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }\n.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n.pb-0 { padding-bottom: 0px; }\n.pb-3 { padding-bottom: 0.75rem; }\n.pb-4 { padding-bottom: 1rem; }\n.pb-5 { padding-bottom: 1.25rem; }\n.pl-2\\.5 { padding-left: 0.625rem; }\n.pl-4 { padding-left: 1rem; }\n.pl-8 { padding-left: 2rem; }\n.pr-2 { padding-right: 0.5rem; }\n.pr-2\\.5 { padding-right: 0.625rem; }\n.pr-8 { padding-right: 2rem; }\n.pt-0 { padding-top: 0px; }\n.pt-0\\.5 { padding-top: 0.125rem; }\n.pt-1 { padding-top: 0.25rem; }\n.pt-3 { padding-top: 0.75rem; }\n.pt-4 { padding-top: 1rem; }\n.pt-\\[40px\\] { padding-top: 40px; }\n.text-left { text-align: left; }\n.text-center { text-align: center; }\n.align-middle { vertical-align: middle; }\n.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n.font-sans { font-family: Roboto, system-ui, sans-serif; }\n.font-serif { font-family: nexa_boldregular, sans-serif; }\n.text-2xl { font-size: 1.5rem; line-height: 2rem; }\n.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n.text-\\[0\\.8rem\\] { font-size: 0.8rem; }\n.text-\\[10px\\] { font-size: 10px; }\n.text-\\[11px\\] { font-size: 11px; }\n.text-base { font-size: 1rem; line-height: 1.5rem; }\n.text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n.text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n.text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n.text-xs { font-size: 0.75rem; line-height: 1rem; }\n.font-bold { font-weight: 700; }\n.font-extrabold { font-weight: 800; }\n.font-medium { font-weight: 500; }\n.font-normal { font-weight: 400; }\n.font-semibold { font-weight: 600; }\n.uppercase { text-transform: uppercase; }\n.italic { font-style: italic; }\n.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }\n.leading-none { line-height: 1; }\n.leading-relaxed { line-height: 1.625; }\n.leading-tight { line-height: 1.25; }\n.tracking-\\[0\\.2em\\] { letter-spacing: 0.2em; }\n.tracking-tight { letter-spacing: -0.025em; }\n.tracking-wider { letter-spacing: 0.05em; }\n.tracking-widest { letter-spacing: 0.1em; }\n.text-\\[hsl\\(150_60\\%_35\\%\\)\\] { --tw-text-opacity: 1; color: hsl(150 60% 35% \/ var(--tw-text-opacity, 1)); }\n.text-accent-foreground { color: hsl(220, 20%, 12%); }\n.text-card-foreground { color: hsl(220, 20%, 12%); }\n.text-current { color: currentcolor; }\n.text-destructive { color: hsl(0, 84%, 60%); }\n.text-destructive-foreground { color: hsl(0, 0%, 100%); }\n.text-foreground { color: hsl(220, 20%, 12%); }\n.text-foreground\\\/50 { color: hsla(220, 20%, 12%, .5); }\n.text-foreground\\\/70 { color: hsla(220, 20%, 12%, .7); }\n.text-foreground\\\/75 { color: hsla(220, 20%, 12%, .75); }\n.text-foreground\\\/80 { color: hsla(220, 20%, 12%, .8); }\n.text-foreground\\\/85 { color: hsla(220, 20%, 12%, .85); }\n.text-foreground\\\/90 { color: hsla(220, 20%, 12%, .9); }\n.text-marine-blue { color: hsl(210, 70%, 50%); }\n.text-muted-foreground { color: hsl(215, 10%, 46%); }\n.text-navy { color: hsl(215, 80%, 22%); }\n.text-popover-foreground { color: hsl(220, 20%, 12%); }\n.text-primary { color: hsl(215, 80%, 22%); }\n.text-primary-foreground { color: hsl(0, 0%, 100%); }\n.text-primary-foreground\\\/65 { color: hsla(0, 0%, 100%, .65); }\n.text-primary-foreground\\\/70 { color: hsla(0, 0%, 100%, .7); }\n.text-primary-foreground\\\/75 { color: hsla(0, 0%, 100%, .75); }\n.text-primary-foreground\\\/80 { color: hsla(0, 0%, 100%, .8); }\n.text-primary-foreground\\\/85 { color: hsla(0, 0%, 100%, .85); }\n.text-secondary-foreground { color: hsl(220, 20%, 12%); }\n.text-sidebar-foreground { color: hsl(240, 5.3%, 26.1%); }\n.text-sidebar-foreground\\\/70 { color: hsla(240, 5.3%, 26.1%, .7); }\n.text-signal-red { color: hsl(5, 80%, 52%); }\n.text-warm-gold { color: hsl(48, 100%, 45%); }\n.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 \/ var(--tw-text-opacity, 1)); }\n.underline { text-decoration-line: underline; }\n.underline-offset-2 { text-underline-offset: 2px; }\n.underline-offset-4 { text-underline-offset: 4px; }\n.antialiased { -webkit-font-smoothing: antialiased; }\n.opacity-0 { opacity: 0; }\n.opacity-50 { opacity: 0.5; }\n.opacity-60 { opacity: 0.6; }\n.opacity-70 { opacity: 0.7; }\n.opacity-90 { opacity: 0.9; }\n.shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] { --tw-shadow: 0 0 0 1px hsl(220, 13%, 91%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ .1), 0 2px 4px -2px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 \/ .1), 0 8px 10px -6px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.outline-none { outline: transparent solid 2px; outline-offset: 2px; }\n.outline { outline-style: solid; }\n.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-ring { --tw-ring-color: hsl(215, 80%, 22%); }\n.ring-sidebar-ring { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.ring-offset-background { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }\n.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[left\\,right\\,width\\] { transition-property: left, right, width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[margin\\,opa\\] { transition-property: margin, opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\,height\\,padding\\] { transition-property: width, height, padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.duration-1000 { transition-duration: 1s; }\n.duration-200 { transition-duration: 0.2s; }\n.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { transition-timing-function: linear; }\n@keyframes enter { \n  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }\n}\n@keyframes exit { \n  100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }\n}\n.animate-in { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.fade-in-0 { --tw-enter-opacity: 0; }\n.fade-in-80 { --tw-enter-opacity: .8; }\n.zoom-in-95 { --tw-enter-scale: .95; }\n.duration-1000 { animation-duration: 1s; }\n.duration-200 { animation-duration: 0.2s; }\n.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { animation-timing-function: linear; }\n.running { animation-play-state: running; }\n@font-face { font-family: nexa_boldregular; src: url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2\") format(\"woff2\"), url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff\") format(\"woff\"); font-weight: 400; font-style: normal; }\n@keyframes wind-flow { \n  0% { transform: translate(-100%); opacity: 0; }\n  20% { opacity: 1; }\n  80% { opacity: 1; }\n  100% { transform: translate(100%); opacity: 0; }\n}\n@keyframes vane-sway { \n  0%, 100% { transform: rotate(-5deg); }\n  50% { transform: rotate(5deg); }\n}\n@keyframes fade-up { \n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0px); }\n}\n.animate-wind-flow { animation: 3s ease-in-out 0s infinite normal none running wind-flow; }\n.animate-vane-sway { animation: 4s ease-in-out 0s infinite normal none running vane-sway; transform-origin: center bottom; }\n.animate-fade-up { animation: 0.6s ease-out 0s 1 normal forwards running fade-up; }\n.file\\:border-0::file-selector-button { border-width: 0px; }\n.file\\:bg-transparent::file-selector-button { background-color: transparent; }\n.file\\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }\n.file\\:font-medium::file-selector-button { font-weight: 500; }\n.file\\:text-foreground::file-selector-button { color: hsl(220, 20%, 12%); }\n.placeholder\\:text-muted-foreground::placeholder { color: hsl(215, 10%, 46%); }\n.after\\:absolute::after { content: var(--tw-content); position: absolute; }\n.after\\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; }\n.after\\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }\n.after\\:left-1\\\/2::after { content: var(--tw-content); left: 50%; }\n.after\\:w-1::after { content: var(--tw-content); width: 0.25rem; }\n.after\\:w-\\[2px\\]::after { content: var(--tw-content); width: 2px; }\n.after\\:-translate-x-1\\\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.first\\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.first\\:border-l:first-child { border-left-width: 1px; }\n.last\\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.last\\:border-0:last-child { border-width: 0px; }\n.last\\:border-b-0:last-child { border-bottom-width: 0px; }\n.last\\:border-r-0:last-child { border-right-width: 0px; }\n.even\\:bg-off-white:nth-child(2n) { background-color: hsl(210, 20%, 98%); }\n.focus-within\\:relative:focus-within { position: relative; }\n.focus-within\\:z-20:focus-within { z-index: 20; }\n.hover\\:border-navy\\\/20:hover { border-color: hsla(215, 80%, 22%, .2); }\n.hover\\:border-navy\\\/30:hover { border-color: hsla(215, 80%, 22%, .3); }\n.hover\\:bg-accent:hover { background-color: hsl(42, 95%, 55%); }\n.hover\\:bg-destructive\\\/80:hover { background-color: hsla(0, 84%, 60%, .8); }\n.hover\\:bg-destructive\\\/90:hover { background-color: hsla(0, 84%, 60%, .9); }\n.hover\\:bg-muted:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-muted\\\/50:hover { background-color: hsla(210, 15%, 96%, .5); }\n.hover\\:bg-primary:hover { background-color: hsl(215, 80%, 22%); }\n.hover\\:bg-primary-foreground\\\/10:hover { background-color: hsla(0, 0%, 100%, .1); }\n.hover\\:bg-primary\\\/80:hover { background-color: hsla(215, 80%, 22%, .8); }\n.hover\\:bg-primary\\\/90:hover { background-color: hsla(215, 80%, 22%, .9); }\n.hover\\:bg-secondary:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-secondary\\\/80:hover { background-color: hsla(210, 15%, 96%, .8); }\n.hover\\:bg-sidebar-accent:hover { background-color: hsl(240, 4.8%, 95.9%); }\n.hover\\:text-accent-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-muted-foreground:hover { color: hsl(215, 10%, 46%); }\n.hover\\:text-navy:hover { color: hsl(215, 80%, 22%); }\n.hover\\:text-navy-light:hover { color: hsl(215, 60%, 35%); }\n.hover\\:text-primary-foreground:hover { color: hsl(0, 0%, 100%); }\n.hover\\:text-primary\\\/90:hover { color: hsla(215, 80%, 22%, .9); }\n.hover\\:text-sidebar-accent-foreground:hover { color: hsl(240, 5.9%, 10%); }\n.hover\\:underline:hover { text-decoration-line: underline; }\n.hover\\:opacity-100:hover { opacity: 1; }\n.hover\\:opacity-90:hover { opacity: 0.9; }\n.hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover { --tw-shadow: 0 0 0 1px hsl(240, 4.8%, 95.9%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.hover\\:after\\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(220, 13%, 91%); }\n.focus\\:bg-accent:focus { background-color: hsl(42, 95%, 55%); }\n.focus\\:bg-primary:focus { background-color: hsl(215, 80%, 22%); }\n.focus\\:text-accent-foreground:focus { color: hsl(220, 20%, 12%); }\n.focus\\:text-primary-foreground:focus { color: hsl(0, 0%, 100%); }\n.focus\\:opacity-100:focus { opacity: 1; }\n.focus\\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }\n.focus\\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus\\:ring-ring:focus { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus\\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }\n.focus-visible\\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }\n.focus-visible\\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-ring:focus-visible { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus-visible\\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.focus-visible\\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; }\n.focus-visible\\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }\n.focus-visible\\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.active\\:bg-sidebar-accent:active { background-color: hsl(240, 4.8%, 95.9%); }\n.active\\:text-sidebar-accent-foreground:active { color: hsl(240, 5.9%, 10%); }\n.disabled\\:pointer-events-none:disabled { pointer-events: none; }\n.disabled\\:cursor-not-allowed:disabled { cursor: not-allowed; }\n.disabled\\:opacity-50:disabled { opacity: 0.5; }\n.group[open] .group-open\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group\\\/menu-item:focus-within .group-focus-within\\\/menu-item\\:opacity-100 { opacity: 1; }\n.group\\\/menu-item:hover .group-hover\\\/menu-item\\:opacity-100, .group:hover .group-hover\\:opacity-100 { opacity: 1; }\n.group.destructive .group-\\[\\.destructive\\]\\:border-muted\\\/40 { border-color: hsla(210, 15%, 96%, .4); }\n.group.toaster .group-\\[\\.toaster\\]\\:border-border { border-color: hsl(214, 20%, 90%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-muted { background-color: hsl(210, 15%, 96%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-primary { background-color: hsl(215, 80%, 22%); }\n.group.toaster .group-\\[\\.toaster\\]\\:bg-background { background-color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 \/ var(--tw-text-opacity, 1)); }\n.group.toast .group-\\[\\.toast\\]\\:text-muted-foreground { color: hsl(215, 10%, 46%); }\n.group.toast .group-\\[\\.toast\\]\\:text-primary-foreground { color: hsl(0, 0%, 100%); }\n.group.toaster .group-\\[\\.toaster\\]\\:text-foreground { color: hsl(220, 20%, 12%); }\n.group.toaster .group-\\[\\.toaster\\]\\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:border-destructive\\\/30:hover { border-color: hsla(0, 84%, 60%, .3); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:bg-destructive:hover { background-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-destructive-foreground:hover { color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 \/ var(--tw-text-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-destructive:focus { --tw-ring-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 \/ var(--tw-ring-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }\n.peer\\\/menu-button:hover ~ .peer-hover\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed { cursor: not-allowed; }\n.peer:disabled ~ .peer-disabled\\:opacity-70 { opacity: 0.7; }\n.has-\\[\\[data-variant\\=inset\\]\\]\\:bg-sidebar:has([data-variant=\"inset\"]) { background-color: hsl(0, 0%, 98%); }\n.has-\\[\\:disabled\\]\\:opacity-50:has(:disabled) { opacity: 0.5; }\n.group\\\/menu-item:has([data-sidebar=\"menu-action\"]) .group-has-\\[\\[data-sidebar\\=menu-action\\]\\]\\\/menu-item\\:pr-8 { padding-right: 2rem; }\n.aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] { pointer-events: none; }\n.aria-disabled\\:opacity-50[aria-disabled=\"true\"] { opacity: 0.5; }\n.aria-selected\\:bg-accent[aria-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.aria-selected\\:bg-accent\\\/50[aria-selected=\"true\"] { background-color: hsla(42, 95%, 55%, .5); }\n.aria-selected\\:text-accent-foreground[aria-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.aria-selected\\:text-muted-foreground[aria-selected=\"true\"] { color: hsl(215, 10%, 46%); }\n.aria-selected\\:opacity-100[aria-selected=\"true\"] { opacity: 1; }\n.aria-selected\\:opacity-30[aria-selected=\"true\"] { opacity: 0.3; }\n.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"], .data-\\[disabled\\]\\:pointer-events-none[data-disabled] { pointer-events: none; }\n.data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction=\"vertical\"] { height: 1px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction=\"vertical\"] { width: 100%; }\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] { --tw-translate-x: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=\"unchecked\"], .data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] { --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] { --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes accordion-up { \n  0% { height: var(--radix-accordion-content-height); }\n  100% { height: 0px; }\n}\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }\n@keyframes accordion-down { \n  0% { height: 0px; }\n  100% { height: var(--radix-accordion-content-height); }\n}\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }\n.data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction=\"vertical\"] { flex-direction: column; }\n.data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=\"true\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[active\\]\\:bg-accent\\\/50[data-active] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[selected\\=\\'true\\'\\]\\:bg-accent[data-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"] { background-color: hsl(0, 0%, 100%); }\n.data-\\[state\\=checked\\]\\:bg-primary[data-state=\"checked\"] { background-color: hsl(215, 80%, 22%); }\n.data-\\[state\\=on\\]\\:bg-accent[data-state=\"on\"], .data-\\[state\\=open\\]\\:bg-accent[data-state=\"open\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=open\\]\\:bg-accent\\\/50[data-state=\"open\"] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[state\\=open\\]\\:bg-secondary[data-state=\"open\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=unchecked\\]\\:bg-input[data-state=\"unchecked\"] { background-color: hsl(214, 20%, 90%); }\n.data-\\[active\\=true\\]\\:font-medium[data-active=\"true\"] { font-weight: 500; }\n.data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=\"true\"] { color: hsl(240, 5.9%, 10%); }\n.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=\"checked\"] { color: hsl(0, 0%, 100%); }\n.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=\"on\"], .data-\\[state\\=open\\]\\:text-accent-foreground[data-state=\"open\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=\"open\"] { color: hsl(215, 10%, 46%); }\n.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"], .data-\\[disabled\\]\\:opacity-50[data-disabled] { opacity: 0.5; }\n.data-\\[state\\=open\\]\\:opacity-100[data-state=\"open\"] { opacity: 1; }\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] { transition-property: none; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { transition-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { transition-duration: 0.5s; }\n.data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"], .data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"], .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }\n.data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] { --tw-enter-opacity: 0; }\n.data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] { --tw-exit-opacity: .8; }\n.data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"], .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] { --tw-enter-opacity: 0; }\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] { --tw-exit-scale: .95; }\n.data-\\[state\\=open\\]\\:zoom-in-90[data-state=\"open\"] { --tw-enter-scale: .9; }\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] { --tw-enter-scale: .95; }\n.data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] { --tw-enter-translate-x: 13rem; }\n.data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] { --tw-enter-translate-x: -13rem; }\n.data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] { --tw-exit-translate-x: 13rem; }\n.data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] { --tw-exit-translate-x: -13rem; }\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] { --tw-enter-translate-y: -.5rem; }\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] { --tw-enter-translate-x: .5rem; }\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] { --tw-enter-translate-x: -.5rem; }\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] { --tw-enter-translate-y: .5rem; }\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=\"closed\"] { --tw-exit-translate-y: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=\"closed\"] { --tw-exit-translate-x: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\\/2[data-state=\"closed\"] { --tw-exit-translate-x: -50%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-right-full[data-state=\"closed\"] { --tw-exit-translate-x: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=\"closed\"] { --tw-exit-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] { --tw-exit-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=\"open\"] { --tw-enter-translate-x: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\\/2[data-state=\"open\"] { --tw-enter-translate-x: -50%; }\n.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=\"open\"] { --tw-enter-translate-x: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] { --tw-enter-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { animation-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { animation-duration: 0.5s; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); left: 0px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); height: 0.25rem; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); width: 100%; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\\/2[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent:hover[data-state=\"open\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground:hover[data-state=\"open\"] { color: hsl(240, 5.9%, 10%); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { left: calc(var(--sidebar-width) * -1); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { right: calc(var(--sidebar-width) * -1); }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:-right-4 { right: -1rem; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:left-0 { left: 0px; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:-mt-8 { margin-top: -2rem; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:hidden { display: none; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!size-8 { width: 2rem !important; height: 2rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[--sidebar-width-icon\\] { width: var(--sidebar-width-icon); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)_\\+2px\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 { width: 0px; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:rotate-180, .group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden { overflow: hidden; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:rounded-lg { border-radius: var(--radius); }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border { border-width: 1px; }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:border-r { border-right-width: 1px; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:border-l { border-left-width: 1px; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-0 { padding: 0px !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-2 { padding: 0.5rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:opacity-0 { opacity: 0; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full::after { content: var(--tw-content); left: 100%; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:hover\\:bg-sidebar:hover { background-color: hsl(0, 0%, 98%); }\n.peer\\\/menu-button[data-size=\"default\"] ~ .peer-data-\\[size\\=default\\]\\\/menu-button\\:top-1\\.5 { top: 0.375rem; }\n.peer\\\/menu-button[data-size=\"lg\"] ~ .peer-data-\\[size\\=lg\\]\\\/menu-button\\:top-2\\.5 { top: 0.625rem; }\n.peer\\\/menu-button[data-size=\"sm\"] ~ .peer-data-\\[size\\=sm\\]\\\/menu-button\\:top-1 { top: 0.25rem; }\n.peer[data-variant=\"inset\"] ~ .peer-data-\\[variant\\=inset\\]\\:min-h-\\[calc\\(100svh-theme\\(spacing\\.4\\)\\)\\] { min-height: calc(-1rem + 100svh); }\n.peer\\\/menu-button[data-active=\"true\"] ~ .peer-data-\\[active\\=true\\]\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.dark\\:border-destructive:is(.dark *) { border-color: hsl(0, 84%, 60%); }\n@media (min-width: 640px) {\n  .sm\\:bottom-0 { bottom: 0px; }\n  .sm\\:right-0 { right: 0px; }\n  .sm\\:top-auto { top: auto; }\n  .sm\\:mt-0 { margin-top: 0px; }\n  .sm\\:flex { display: flex; }\n  .sm\\:max-w-sm { max-width: 24rem; }\n  .sm\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }\n  .sm\\:flex-row { flex-direction: row; }\n  .sm\\:flex-col { flex-direction: column; }\n  .sm\\:items-center { align-items: center; }\n  .sm\\:justify-end { justify-content: flex-end; }\n  .sm\\:justify-between { justify-content: space-between; }\n  .sm\\:gap-2\\.5 { gap: 0.625rem; }\n  .sm\\:gap-8 { gap: 2rem; }\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n  .sm\\:rounded-lg { border-radius: var(--radius); }\n  .sm\\:border-b-0 { border-bottom-width: 0px; }\n  .sm\\:border-r { border-right-width: 1px; }\n  .sm\\:text-left { text-align: left; }\n  .sm\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .sm\\:text-xs { font-size: 0.75rem; line-height: 1rem; }\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n}\n@media (min-width: 768px) {\n  .md\\:absolute { position: absolute; }\n  .md\\:block { display: block; }\n  .md\\:flex { display: flex; }\n  .md\\:table { display: table; }\n  .md\\:hidden { display: none; }\n  .md\\:w-2\\\/5 { width: 40%; }\n  .md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\] { width: var(--radix-navigation-menu-viewport-width); }\n  .md\\:w-auto { width: auto; }\n  .md\\:max-w-\\[400px\\] { max-width: 400px; }\n  .md\\:max-w-\\[420px\\] { max-width: 420px; }\n  .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .md\\:flex-row { flex-direction: row; }\n  .md\\:flex-row-reverse { flex-direction: row-reverse; }\n  .md\\:gap-10 { gap: 2.5rem; }\n  .md\\:\\!p-5 { padding: 1.25rem !important; }\n  .md\\:\\!p-6 { padding: 1.5rem !important; }\n  .md\\:p-5 { padding: 1.25rem; }\n  .md\\:p-6 { padding: 1.5rem; }\n  .md\\:p-8 { padding: 2rem; }\n  .md\\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n  .md\\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n  .md\\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n  .md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n  .md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n  .md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .md\\:text-base { font-size: 1rem; line-height: 1.5rem; }\n  .md\\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n  .md\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .md\\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n  .md\\:opacity-0 { opacity: 0; }\n  .after\\:md\\:hidden::after { content: var(--tw-content); display: none; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 { margin: 0.5rem; }\n  .peer[data-state=\"collapsed\"][data-variant=\"inset\"] ~ .md\\:peer-data-\\[state\\=collapsed\\]\\:peer-data-\\[variant\\=inset\\]\\:ml-2 { margin-left: 0.5rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 { margin-left: 0px; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl { border-radius: 0.75rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n}\n@media (min-width: 1024px) {\n  .lg\\:block { display: block; }\n  .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }\n  .lg\\:flex-row { flex-direction: row; }\n  .lg\\:gap-8 { gap: 2rem; }\n  .lg\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .lg\\:text-5xl { font-size: 3rem; line-height: 1; }\n}\n.\\[\\&\\:\\:-webkit-details-marker\\]\\:hidden::-webkit-details-marker { display: none; }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]) { background-color: hsl(42, 95%, 55%); }\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-outside\\)\\]\\:bg-accent\\\/50:has([aria-selected].day-outside) { background-color: hsla(42, 95%, 55%, .5); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-range-end\\)\\]\\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) { padding-right: 0px; }\n.\\[\\&\\>button\\]\\:hidden > button { display: none; }\n.\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.\\[\\&\\>span\\]\\:line-clamp-1 > span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }\n.\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\] > svg + div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\>svg\\]\\:absolute > svg { position: absolute; }\n.\\[\\&\\>svg\\]\\:left-4 > svg { left: 1rem; }\n.\\[\\&\\>svg\\]\\:top-4 > svg { top: 1rem; }\n.\\[\\&\\>svg\\]\\:size-3\\.5 > svg { width: 0.875rem; height: 0.875rem; }\n.\\[\\&\\>svg\\]\\:size-4 > svg { width: 1rem; height: 1rem; }\n.\\[\\&\\>svg\\]\\:h-2\\.5 > svg { height: 0.625rem; }\n.\\[\\&\\>svg\\]\\:h-3 > svg { height: 0.75rem; }\n.\\[\\&\\>svg\\]\\:w-2\\.5 > svg { width: 0.625rem; }\n.\\[\\&\\>svg\\]\\:w-3 > svg { width: 0.75rem; }\n.\\[\\&\\>svg\\]\\:shrink-0 > svg { flex-shrink: 0; }\n.\\[\\&\\>svg\\]\\:text-destructive > svg { color: hsl(0, 84%, 60%); }\n.\\[\\&\\>svg\\]\\:text-foreground > svg { color: hsl(220, 20%, 12%); }\n.\\[\\&\\>svg\\]\\:text-muted-foreground > svg { color: hsl(215, 10%, 46%); }\n.\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg { color: hsl(240, 5.9%, 10%); }\n.\\[\\&\\>svg\\~\\*\\]\\:pl-7 > svg ~ * { padding-left: 1.75rem; }\n.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child > tr { border-bottom-width: 0px; }\n.\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=\"vertical\"] > div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=\"open\"] > svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(215, 10%, 46%); }\n.\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] { stroke: hsla(214, 20%, 90%, .5); }\n.\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-layer\\]\\:outline-none .recharts-layer { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(210, 15%, 96%); }\n.\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-sector\\]\\:outline-none .recharts-sector, .\\[\\&_\\.recharts-surface\\]\\:outline-none .recharts-surface { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] { font-weight: 500; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] { color: hsl(215, 10%, 46%); }\n.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }\n.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }\n.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] { height: 3rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg { width: 1.25rem; }\n.\\[\\&_p\\]\\:leading-relaxed p { line-height: 1.625; }\n.\\[\\&_svg\\]\\:pointer-events-none svg { pointer-events: none; }\n.\\[\\&_svg\\]\\:size-4 svg { width: 1rem; height: 1rem; }\n.\\[\\&_svg\\]\\:shrink-0 svg { flex-shrink: 0; }\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child { border-width: 0px; }\n.\\[\\&_tr\\]\\:border-b tr { border-bottom-width: 1px; }\n[data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 { right: -0.5rem; }\n[data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n[data-side=\"left\"] .\\[\\[data-side\\=left\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 { left: -0.5rem; }\n[data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"] .\\[\\[data-side\\=right\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n:where(html[dir=\"ltr\"]), :where([data-sonner-toaster][dir=\"ltr\"]) { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }\n:where(html[dir=\"rtl\"]), :where([data-sonner-toaster][dir=\"rtl\"]) { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }\n:where([data-sonner-toaster]) { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; transition: transform 0.4s; }\n:where([data-sonner-toaster][data-lifted=\"true\"]) { transform: translateY(-10px); }\n@media (hover: none) and (pointer: coarse) {\n  :where([data-sonner-toaster][data-lifted=\"true\"]) { transform: none; }\n}\n:where([data-sonner-toaster][data-x-position=\"right\"]) { right: var(--offset-right); }\n:where([data-sonner-toaster][data-x-position=\"left\"]) { left: var(--offset-left); }\n:where([data-sonner-toaster][data-x-position=\"center\"]) { left: 50%; transform: translate(-50%); }\n:where([data-sonner-toaster][data-y-position=\"top\"]) { top: var(--offset-top); }\n:where([data-sonner-toaster][data-y-position=\"bottom\"]) { bottom: var(--offset-bottom); }\n:where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); filter: blur(0px); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: none; overflow-wrap: anywhere; }\n:where([data-sonner-toast][data-styled=\"true\"]) { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }\n:where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast][data-y-position=\"top\"]) { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }\n:where([data-sonner-toast][data-y-position=\"bottom\"]) { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }\n:where([data-sonner-toast]) :where([data-description]) { font-weight: 400; line-height: 1.4; color: inherit; }\n:where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-height: 1.5; color: inherit; }\n:where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }\n:where([data-sonner-toast][data-promise=\"true\"]) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }\n:where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; }\n:where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }\n:where([data-sonner-toast]) :where([data-content]) { display: flex; flex-direction: column; gap: 2px; }\n[data-sonner-toast][data-styled=\"true\"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }\n:where([data-sonner-toast]) :where([data-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-button]):first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }\n:where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }\n:where([data-sonner-toast][data-theme=\"dark\"]) :where([data-cancel]) { background: rgba(255, 255, 255, 0.3); }\n:where([data-sonner-toast]) :where([data-close-button]) { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }\n[data-sonner-toast] [data-close-button] { background: var(--gray1); }\n:where([data-sonner-toast]) :where([data-close-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-disabled=\"true\"]) { cursor: not-allowed; }\n:where([data-sonner-toast]):hover :where([data-close-button]):hover { background: var(--gray2); border-color: var(--gray5); }\n:where([data-sonner-toast][data-swiping=\"true\"])::before { content: \"\"; position: absolute; left: -50%; right: -50%; height: 100%; z-index: -1; }\n:where([data-sonner-toast][data-y-position=\"top\"][data-swiping=\"true\"])::before { bottom: 50%; transform: scaleY(3) translateY(50%); }\n:where([data-sonner-toast][data-y-position=\"bottom\"][data-swiping=\"true\"])::before { top: 50%; transform: scaleY(3) translateY(-50%); }\n:where([data-sonner-toast][data-swiping=\"false\"][data-removed=\"true\"])::before { content: \"\"; position: absolute; inset: 0px; transform: scaleY(2); }\n:where([data-sonner-toast])::after { content: \"\"; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }\n:where([data-sonner-toast][data-mounted=\"true\"]) { --y: translateY(0); opacity: 1; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"]) { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }\n:where([data-sonner-toast]) > * { transition: opacity 0.4s; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"][data-styled=\"true\"]) > * { opacity: 0; }\n:where([data-sonner-toast][data-visible=\"false\"]) { opacity: 0; pointer-events: none; }\n:where([data-sonner-toast][data-mounted=\"true\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"true\"][data-swipe-out=\"false\"]) { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"false\"]) { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"])::before { height: calc(var(--initial-height) + 20%); }\n[data-sonner-toast][data-swiping=\"true\"] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px)); transition: none; }\n[data-sonner-toast][data-swiped=\"true\"] { user-select: none; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"bottom\"], [data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"top\"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"left\"] { animation-name: swipe-out-left; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"right\"] { animation-name: swipe-out-right; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"up\"] { animation-name: swipe-out-up; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"down\"] { animation-name: swipe-out-down; }\n@keyframes swipe-out-left { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-right { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }\n}\n@keyframes swipe-out-up { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-down { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }\n}\n@media (max-width: 600px) {\n  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }\n  [data-sonner-toaster][dir=\"rtl\"] { left: calc(var(--mobile-offset-left) * -1); }\n  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }\n  [data-sonner-toaster][data-x-position=\"left\"] { left: var(--mobile-offset-left); }\n  [data-sonner-toaster][data-y-position=\"bottom\"] { bottom: var(--mobile-offset-bottom); }\n  [data-sonner-toaster][data-y-position=\"top\"] { top: var(--mobile-offset-top); }\n  [data-sonner-toaster][data-x-position=\"center\"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }\n}\n[data-sonner-toaster][data-theme=\"light\"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }\n[data-sonner-toaster][data-theme=\"light\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }\n[data-sonner-toaster][data-theme=\"dark\"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }\n.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }\n.sonner-loading-wrapper[data-visible=\"false\"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }\n.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }\n.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }\n.sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }\n.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }\n.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }\n.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }\n.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }\n.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }\n.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }\n.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }\n.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }\n.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }\n.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }\n.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }\n@keyframes sonner-fade-in { \n  0% { opacity: 0; transform: scale(0.8); }\n  100% { opacity: 1; transform: scale(1); }\n}\n@keyframes sonner-fade-out { \n  0% { opacity: 1; transform: scale(1); }\n  100% { opacity: 0; transform: scale(0.8); }\n}\n@keyframes sonner-spin { \n  0% { opacity: 1; }\n  100% { opacity: 0.15; }\n}\n@media (prefers-reduced-motion) {\n  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }\n}\n.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }\n.sonner-loader[data-visible=\"false\"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }\n.lwd-radio { display: none; }\n.lwd-upwind-content { display: flex; }\n.lwd-downwind-content { display: none; }\n.lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n.lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n\nbody {\n  background: hsl(0, 0%, 100%);\n  color: hsl(220, 20%, 12%);\n  font-family: 'Roboto', sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\nh1, h2, h3, h4, h5, h6 {\n  font-family: 'nexa_boldregular', sans-serif;\n}\na { color: inherit; }\n  <\/style>\n<\/head>\n<body>\n\n    <div id=\"root\"><div role=\"region\" aria-label=\"Notifications (F8)\" tabindex=\"-1\" style=\"pointer-events: none;\"><ol tabindex=\"-1\" class=\"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\"><\/ol><\/div><section aria-label=\"Notifications alt+T\" tabindex=\"-1\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-atomic=\"false\"><\/section><div class=\"min-h-screen bg-background\"><div class=\"windex-container py-12 md:py-20\"><div class=\"flex gap-12\"><nav class=\"hidden lg:block sticky top-[40px] w-56 shrink-0 self-start max-h-[calc(100vh-80px)] overflow-y-auto pt-[40px]\" aria-label=\"Inneh\u00e5ll\"><div class=\"windex-eyebrow mb-3\">Inneh\u00e5ll<\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2\"><li><a href=\"#quick-answer\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Kort svar<\/a><\/li><li><a href=\"#true-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Vad \u00e4r sann vind?<\/a><\/li><li><a href=\"#apparent-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Vad \u00e4r skenbar vind?<\/a><\/li><li><a href=\"#comparison\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Skenbar vs sann vind<\/a><\/li><li><a href=\"#why-both\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Varf\u00f6r beh\u00f6vs b\u00e5da?<\/a><\/li><li><a href=\"#how-to-read\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">S\u00e5 l\u00e4ser du vinden<\/a><\/li><li><a href=\"#upwind-downwind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Kryss vs undanvind<\/a><\/li><li><a href=\"#mistakes\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Vanliga misstag<\/a><\/li><li><a href=\"#tips\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Tips f\u00f6r att bli b\u00e4ttre<\/a><\/li><li><a href=\"#faq\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Vanliga fr\u00e5gor<\/a><\/li><\/ul><\/nav><article class=\"flex-1 min-w-0 max-w-3xl\"><div class=\"windex-summary-box mb-12\" id=\"quick-answer\"><p class=\"windex-eyebrow mb-2\">I korthet<\/p><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2 text-sm md:text-base text-foreground\/85\"><li><strong>Sann vind<\/strong> = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.<\/li><li><strong>Skenbar vind<\/strong> = vinden du k\u00e4nner ombord \u2013 en kombination av sann vind och b\u00e5tens fart.<\/li><li><strong>Segeltrim<\/strong> styrs framf\u00f6r allt av den skenbara vinden.<\/li><li><strong>Taktik och v\u00e4derbed\u00f6mning<\/strong> styrs framf\u00f6r allt av den sanna vinden.<\/li><\/ul><\/div><div class=\"mb-12\"><p class=\"windex-body mb-4\">Att l\u00e4sa vindriktningen \u00e4r en av de viktigaste f\u00e4rdigheterna en seglare kan utveckla. Den p\u00e5verkar varje beslut p\u00e5 vattnet \u2013 fr\u00e5n hur du trimmar seglen till vilken sida av banan du v\u00e4ljer.<\/p><p class=\"windex-body mb-4\">Men ett begrepp st\u00e4ller ofta till det, s\u00e4rskilt i b\u00f6rjan: skillnaden mellan sann vind och skenbar vind. De l\u00e5ter lika, men beter sig helt olika \u2013 och att f\u00f6rst\u00e5 b\u00e5da \u00e4r det som skiljer reaktiv segling fr\u00e5n medveten, trygg segling.<\/p><p class=\"windex-body\">Den h\u00e4r guiden ger dig en praktisk och jargongfri f\u00f6rklaring av b\u00e5da, visar hur de samverkar och hj\u00e4lper dig att l\u00e4sa vinden mer exakt varje g\u00e5ng du \u00e4r ute.<\/p><\/div><section id=\"true-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definition<\/p><h2 class=\"windex-section-title mb-2\">Vad \u00e4r sann vind?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Sann vind \u00e4r den verkliga vinden som bl\u00e5ser \u00f6ver vattnet. Den finns oavsett om din b\u00e5t r\u00f6r sig eller ligger still. Om du ankrar och st\u00e5r p\u00e5 d\u00e4ck \u00e4r det den sanna vinden du k\u00e4nner.<\/p><p class=\"windex-body mb-4\">Sann vind har en riktning och styrka som best\u00e4ms av v\u00e4dersystem, geografi och termiska effekter. Det \u00e4r den vind som v\u00e4derprognosen anger och som du ser p\u00e5 vattenytan innan du b\u00f6rjar segla.<\/p><p class=\"windex-body\"><strong>Exempel:<\/strong> Prognosen s\u00e4ger 15 knop fr\u00e5n sydv\u00e4st. Det \u00e4r den sanna vinden. Den bryr sig inte om hur fort du seglar eller vart du pekar \u2013 den \u00e4r helt enkelt vinden som finns d\u00e4r ute.<\/p><\/section><section id=\"apparent-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definition<\/p><h2 class=\"windex-section-title mb-2\">Vad \u00e4r skenbar vind?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Skenbar vind \u00e4r den vind du faktiskt upplever ombord n\u00e4r b\u00e5ten r\u00f6r sig. Den \u00e4r en kombination av den sanna vinden och den motvind din egen fart skapar.<\/p><p class=\"windex-body mb-4\">T\u00e4nk p\u00e5 att cykla en vindstilla dag \u2013 det bl\u00e5ser inte, men s\u00e5 fort du trampar k\u00e4nner du vind i ansiktet. Det \u00e4r fartkomponenten. Cyklar du dessutom mot en verklig bris k\u00e4nner du en starkare vind, fr\u00e5n en n\u00e5got annan riktning. Den sammanlagda vinden motsvarar den skenbara vinden.<\/p><p class=\"windex-body\">Dina segel, trimremsor och vindindikator i masttoppen reagerar alla p\u00e5 den skenbara vinden. Det \u00e4r den vind som formar din segling \u00f6gonblick f\u00f6r \u00f6gonblick.<\/p><\/section><section id=\"comparison\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Visuell f\u00f6rklaring<\/p><h2 class=\"windex-section-title mb-2\">Skenbar vind vs sann vind<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">F\u00f6rh\u00e5llandet mellan sann och skenbar vind f\u00f6r\u00e4ndras beroende p\u00e5 din bidevindsvinkel. V\u00e4xla mellan kryss och undanvind nedan f\u00f6r att se hur pilarna \u00e4ndras.<\/p><div class=\"windex-card\"><style>\n                  .lwd-radio { display: none; }\n                  .lwd-upwind-content { display: flex; }\n                  .lwd-downwind-content { display: none; }\n                  .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n                <\/style><div class=\"windex-eyebrow mb-2\">Interaktivt diagram<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-4\">Sann vind vs skenbar vind<\/h3><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-upwind\" class=\"lwd-radio\" checked=\"\"><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-downwind\" class=\"lwd-radio\"><div class=\"lwd-toggle flex mb-6 border border-border inline-flex\"><label for=\"lwd-toggle-upwind\" class=\"lwd-label-upwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Kryss<\/label><label for=\"lwd-toggle-downwind\" class=\"lwd-label-downwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Undanvind<\/label><\/div><div class=\"lwd-panels\"><div class=\"lwd-upwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Sann vind vs skenbar vind \u2014 Kryss\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-u)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"143.4314575050762\" y2=\"33.431457505076196\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-u)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"143.4314575050762\" y1=\"33.431457505076196\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-u)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">SANN<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">VIND<\/text><text x=\"111.7157287525381\" y=\"53.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">B\u00c5TENS<\/text><text x=\"111.7157287525381\" y=\"66.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">FART<\/text><text x=\"93.7157287525381\" y=\"141.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">SKENBAR<\/text><text x=\"93.7157287525381\" y=\"155.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VIND<\/text><g transform=\"translate(200, 90) rotate(-45)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M178.78679656440357,68.78679656440357 A30,30 0 1 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Sann vind<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Skenbar vind<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">B\u00e5tens fart<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">SkV = SaV \u2212 BF (vektorsubtraktion)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">P\u00e5 kryss: b\u00e5tens r\u00f6relse mot vinden adderas till den sanna vinden, vilket g\u00f6r den skenbara vinden starkare och vrider den fram\u00e5t mot f\u00f6ren.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Kom ih\u00e5g: P\u00e5 kryss \u00e4r den skenbara vinden starkare och mer f\u00f6rlig \u00e4n den sanna vinden. Trimma seglen h\u00e5rdare \u00e4n den sanna vindvinkeln antyder.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>S\u00e5 l\u00e4ser du diagrammet:<\/strong> Alla tre vektorer utg\u00e5r fr\u00e5n samma punkt (b\u00e5ten). Sann vind och b\u00e5tens fart startar i origo. Den skenbara vinden g\u00e5r fr\u00e5n spetsen p\u00e5 fartvektorn till spetsen p\u00e5 den sanna vindens vektor \u2013 det \u00e4r vinden du faktiskt k\u00e4nner ombord.<\/div><\/div><\/div><div class=\"lwd-downwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Sann vind vs skenbar vind \u2014 Undanvind\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-d)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"269.2820323027551\" y2=\"130\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-d)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"269.2820323027551\" y1=\"130\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-d)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">SANN<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">VIND<\/text><text x=\"246.64101615137756\" y=\"100\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">B\u00c5TENS<\/text><text x=\"246.64101615137756\" y=\"113\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">FART<\/text><text x=\"156.64101615137756\" y=\"195\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">SKENBAR<\/text><text x=\"156.64101615137756\" y=\"209\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">VIND<\/text><g transform=\"translate(200, 90) rotate(120)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M225.98076211353316,105 A30,30 0 0 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Sann vind<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Skenbar vind<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">B\u00e5tens fart<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">SkV = SaV \u2212 BF (vektorsubtraktion)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">P\u00e5 undanvind: b\u00e5ten r\u00f6r sig med vinden, s\u00e5 farten subtraheras fr\u00e5n den sanna vinden. Den skenbara vinden blir svagare och vrider bak\u00e5t.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Kom ih\u00e5g: P\u00e5 undanvind k\u00e4nns det lugnare, men den sanna vinden har inte f\u00f6r\u00e4ndrats \u2013 din fart dras ifr\u00e5n den. L\u00e5t dig inte luras att tro att vinden har mojnat.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>S\u00e5 l\u00e4ser du diagrammet:<\/strong> Alla tre vektorer utg\u00e5r fr\u00e5n samma punkt (b\u00e5ten). Sann vind och b\u00e5tens fart startar i origo. Den skenbara vinden g\u00e5r fr\u00e5n spetsen p\u00e5 fartvektorn till spetsen p\u00e5 den sanna vindens vektor \u2013 det \u00e4r vinden du faktiskt k\u00e4nner ombord.<\/div><\/div><\/div><\/div><\/div><\/section><div class=\"bg-navy text-primary-foreground p-6 md:p-8 mb-14\"><p class=\"uppercase text-xs font-bold tracking-[0.2em] text-warm-gold mb-3\">Kom ih\u00e5g detta<\/p><blockquote class=\"text-lg md:text-xl font-serif italic leading-relaxed\">\u201dDen sanna vinden ber\u00e4ttar vad dagen g\u00f6r. Den skenbara vinden ber\u00e4ttar vad dina segel k\u00e4nner just nu.\u201d<\/blockquote><\/div><section id=\"why-both\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Sammanhang<\/p><h2 class=\"windex-section-title mb-2\">Varf\u00f6r seglare beh\u00f6ver b\u00e5da<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\"><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Skenbar vind anv\u00e4nds f\u00f6r\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Segeltrim och segelform<\/li><li>\u2022 Rorsmanskap och styrning<\/li><li>\u2022 Att l\u00e4sa trimremsor<\/li><li>\u2022 Omedelbar taktisk k\u00e4nsla<\/li><\/ul><\/div><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Sann vind anv\u00e4nds f\u00f6r\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Taktik och kappseglingsplanering<\/li><li>\u2022 V\u00e4derbed\u00f6mning<\/li><li>\u2022 Navigationsbeslut<\/li><li>\u2022 Att f\u00f6rst\u00e5 f\u00f6rh\u00e5llandena<\/li><\/ul><\/div><\/div><p class=\"windex-body\">Bra seglare kombinerar b\u00e5da: de k\u00e4nner den skenbara vinden genom b\u00e5ten och seglen, samtidigt som de t\u00e4nker strategiskt p\u00e5 vad den sanna vinden g\u00f6r \u00f6ver banan eller l\u00e4ngs rutten.<\/p><\/section><section id=\"how-to-read\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Steg f\u00f6r steg<\/p><h2 class=\"windex-section-title mb-2\">S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Att l\u00e4sa vinden \u00e4r en f\u00e4rdighet som byggs av flera intryck samtidigt. H\u00e4r \u00e4r en praktisk arbetsordning du kan f\u00f6lja varje g\u00e5ng du \u00e4r ute.<\/p><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">K\u00e4nn vinden<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Vrid ansiktet och k\u00e4nn var brisen tr\u00e4ffar \u2013 det mest instinktiva s\u00e4ttet att bed\u00f6ma vindriktning.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">L\u00e4s vattnet<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">M\u00f6rka fl\u00e4ckar, krusningar och v\u00e5griktning avsl\u00f6jar den sanna vinden \u00f6ver seglingsomr\u00e5det.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Titta p\u00e5 trimremsorna<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Garn eller band p\u00e5 seglen visar luftstr\u00f6mmen och om trimmet st\u00e4mmer med den skenbara vinden.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Kolla masttoppen<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">En vindindikator i masttoppen ger den tydligaste l\u00e4sningen av den skenbara vindens riktning.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">K\u00e4nn din bidevindsvinkel<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Din kurs i f\u00f6rh\u00e5llande till vinden avg\u00f6r hur mycket den skenbara vinden avviker fr\u00e5n den sanna.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">R\u00e4kna in b\u00e5tens fart<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">N\u00e4r du accelererar eller saktar in \u00e4ndras den skenbara vindens vinkel och styrka \u2013 justera trimmet.<\/p><\/div><\/div><\/div><div class=\"mt-8 space-y-8\"><div class=\"flex gap-4\"><div class=\"windex-step-number\">1<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">B\u00f6rja med vad b\u00e5ten ber\u00e4ttar<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">K\u00e4nn vinden i ansiktet, p\u00e5 halsen och \u00f6ronen. Vrid huvudet tills brisen tr\u00e4ffar b\u00e5da sidor lika mycket \u2013 d\u00e4r kommer den skenbara vinden ifr\u00e5n. Kr\u00e4ngning, tryck i rorkulten och hur seglen laddar ger ocks\u00e5 ledtr\u00e5dar.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">2<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">L\u00e4s de visuella tecknen p\u00e5 vattnet<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">M\u00f6rka fl\u00e4ckar p\u00e5 vattnet visar starkare vind. Krusningarna visar riktning. Flaggor i land, r\u00f6k och andra b\u00e5tars segel hj\u00e4lper dig l\u00e4sa den sanna vinden p\u00e5 avst\u00e5nd.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">3<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Titta p\u00e5 trimremsor och masttoppsindikator<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Trimremsor visar luftstr\u00f6mmen \u2013 str\u00f6mmar de bak\u00e5t p\u00e5 b\u00e5da sidor \u00e4r trimmet bra. En vindindikator i masttoppen som en Windex ger den tydligaste bilden av den skenbara vindens riktning, ovanf\u00f6r seglens turbulens.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">4<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">H\u00e5ll koll p\u00e5 din bidevindsvinkel<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Avg\u00f6r om du seglar bidevind, halvvind eller l\u00e4ns. Det sammanhanget visar hur mycket den skenbara vinden har vridit sig fr\u00e5n den sanna och hj\u00e4lper dig tolka vad du k\u00e4nner.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">5<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Kom ih\u00e5g: farten f\u00f6r\u00e4ndrar den skenbara vinden<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Accelererar du vrider den skenbara vinden fram\u00e5t och k\u00e4nns starkare. Saktar du in vrider den bak\u00e5t och k\u00e4nns l\u00e4ttare. Byar kan tillf\u00e4lligt \u00e4ndra den skenbara vinden \u00e4ven om den sanna vinden \u00e4r konstant.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">6<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Anv\u00e4nd instrument om du har dem<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Elektroniska vindinstrument kan visa b\u00e5de sann och skenbar vind. De \u00e4r bra referenser, men lita inte blint p\u00e5 dem \u2013 l\u00e4r dig j\u00e4mf\u00f6ra vad instrumenten s\u00e4ger med vad du ser och k\u00e4nner.<\/p><\/div><\/div><\/div><\/section><section class=\"mb-14\"><div class=\"windex-card\"><div class=\"windex-eyebrow mb-2\">Referens<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-6\">Bidevindsvinklar &amp; skenbar vind<\/h3><div class=\"flex flex-col md:flex-row gap-8 items-center\"><svg viewBox=\"0 0 360 340\" class=\"w-full max-w-[360px] shrink-0\" aria-label=\"Bidevindsvinklar &amp; skenbar vind\"><defs><marker id=\"lWindArrowPOS\" markerWidth=\"8\" markerHeight=\"6\" refX=\"7\" refY=\"3\" orient=\"auto\"><polygon points=\"0 0, 8 3, 0 6\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><\/defs><line x1=\"180\" y1=\"10\" x2=\"180\" y2=\"70\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" marker-end=\"url(#lWindArrowPOS)\"><\/line><text x=\"180\" y=\"8\" text-anchor=\"middle\" fill=\"hsl(210 70% 50%)\" font-size=\"10\" font-weight=\"700\">SANN VIND<\/text><path d=\"M 40,180 A 140,140 0 0,1 320,180\" fill=\"none\" stroke=\"hsl(214 20% 90%)\" stroke-width=\"1.5\"><\/path><circle cx=\"180\" cy=\"180\" r=\"4\" fill=\"hsl(215 80% 22%)\"><\/circle><g><line x1=\"180\" y1=\"180\" x2=\"76.07695154586736\" y2=\"120\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"76.07695154586736\" cy=\"120\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"63.08657048910078\" y=\"112.50000000000001\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Bidevind<\/text><text x=\"63.08657048910078\" y=\"125.50000000000001\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Skenbar vind vrider l\u00e5ngt fram<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"102.86548683761528\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"102.86548683761528\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"93.22367269231718\" y=\"76.58400017893797\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Sl\u00f6r (n\u00e4ra)<\/text><text x=\"93.22367269231718\" y=\"89.58400017893797\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Stark skenbar vind<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"148.9417145876975\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"148.9417145876975\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"145.05942891115967\" y=\"49.60001345097578\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Halvvind<\/text><text x=\"145.05942891115967\" y=\"62.60001345097578\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Skenbar \u2248 sann vindvinkel<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"211.0582854123025\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"211.0582854123025\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"214.9405710888403\" y=\"49.60001345097578\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Undanvindssl\u00f6r<\/text><text x=\"214.9405710888403\" y=\"62.60001345097578\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Skenbar vind b\u00f6rjar vrida bak\u00e5t<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"257.13451316238474\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"257.13451316238474\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"266.77632730768283\" y=\"76.58400017893797\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">L\u00e4ns<\/text><text x=\"266.77632730768283\" y=\"89.58400017893797\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Svagast skenbar vind<\/text><\/g><path d=\"M 180,180 L 145,70 A 30,30 0 0,1 215,70 Z\" fill=\"hsl(5 80% 52%)\" fill-opacity=\"0.08\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"><\/path><text x=\"180\" y=\"130\" text-anchor=\"middle\" fill=\"hsl(5 80% 52%)\" font-size=\"9\" font-weight=\"600\">D\u00d6D VINKEL<\/text><text x=\"180\" y=\"330\" text-anchor=\"middle\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Vinklarna visas f\u00f6r styrbords halsar \u2013 spegelv\u00e4nd f\u00f6r babord<\/text><\/svg><div class=\"flex-1 space-y-3\"><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Bidevind<\/span><p class=\"text-sm text-muted-foreground\">Skenbar vind vrider l\u00e5ngt fram<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Sl\u00f6r (n\u00e4ra)<\/span><p class=\"text-sm text-muted-foreground\">Stark skenbar vind<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Halvvind<\/span><p class=\"text-sm text-muted-foreground\">Skenbar \u2248 sann vindvinkel<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Undanvindssl\u00f6r<\/span><p class=\"text-sm text-muted-foreground\">Skenbar vind b\u00f6rjar vrida bak\u00e5t<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">L\u00e4ns<\/span><p class=\"text-sm text-muted-foreground\">Svagast skenbar vind<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"upwind-downwind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Praktiska exempel<\/p><h2 class=\"windex-section-title mb-2\">Segling p\u00e5 kryss vs undanvind<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Att f\u00f6rst\u00e5 hur den skenbara vinden beter sig olika p\u00e5 kryss och undanvind \u00e4r en av de mest praktiska sakerna du kan l\u00e4ra dig. H\u00e4r \u00e4r den viktigaste skillnaden:<\/p><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"28\" x2=\"16\" y2=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,4 10,12 22,12\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Segling p\u00e5 kryss<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Den skenbara vinden vrider fram\u00e5t j\u00e4mf\u00f6rt med den sanna vindriktningen<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Vinden k\u00e4nns starkare \u00e4n den faktiskt \u00e4r<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Segeltrimmet blir k\u00e4nsligare f\u00f6r sm\u00e5 f\u00f6r\u00e4ndringar<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Praktisk anm\u00e4rkning<\/p><p class=\"text-sm text-muted-foreground\">Sm\u00e5 fartvinster p\u00e5 kryss f\u00f6rst\u00e4rker effekten av den skenbara vinden. Trimma ofta och var uppm\u00e4rksam p\u00e5 sm\u00e5 vindvridningar.<\/p><\/div><\/div><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,28 10,20 22,20\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Segling p\u00e5 undanvind<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Den skenbara vinden vrider bak\u00e5t och \u00f6ppnar upp<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Vinden k\u00e4nns l\u00e4ttare \u00e4ven om den sanna vinden \u00e4r of\u00f6r\u00e4ndrad<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Nyb\u00f6rjare tror ofta att vinden mojnat \u2013 det har den inte<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Praktisk anm\u00e4rkning<\/p><p class=\"text-sm text-muted-foreground\">Titta p\u00e5 vattnet bakom dig och p\u00e5 andra b\u00e5tar f\u00f6r att bekr\u00e4fta att den sanna vinden inte f\u00f6r\u00e4ndrats n\u00e4r det k\u00e4nns l\u00e4ttare p\u00e5 undanvind.<\/p><\/div><\/div><\/div><\/section><section id=\"mistakes\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Se upp<\/p><h2 class=\"windex-section-title mb-2\">Vanliga misstag<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Att blanda ihop k\u00e4nd vind med verklig vind<\/h3><p class=\"text-sm text-muted-foreground\">Vad du k\u00e4nner \u00e4r skenbar vind \u2013 inte de verkliga f\u00f6rh\u00e5llandena. Att fatta taktiska beslut enbart utifr\u00e5n skenbar vind leder till fel.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Att bortse fr\u00e5n fartf\u00f6r\u00e4ndringar<\/h3><p class=\"text-sm text-muted-foreground\">N\u00e4r du accelererar i en by eller saktar in i ett vindh\u00e5l vrider den skenbara vinden. R\u00e4knar du inte med det trimmar du fel.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Att bara titta p\u00e5 en ledtr\u00e5d<\/h3><p class=\"text-sm text-muted-foreground\">Ingen enskild indikator ger hela bilden. Kombinera masttopp, trimremsor, vattenytan och kroppens k\u00e4nsla.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Att gl\u00f6mma att f\u00f6rh\u00e5llandena \u00e4ndras<\/h3><p class=\"text-sm text-muted-foreground\">Vinden \u00e4r aldrig helt konstant. Vridningar, byar, vindh\u00e5l och geografiska effekter kr\u00e4ver att du forts\u00e4tter l\u00e4sa.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Att bara fokusera p\u00e5 trim, inte taktik<\/h3><p class=\"text-sm text-muted-foreground\">Segeltrim (skenbar vind) \u00e4r omedelbart, men tittar du aldrig upp och t\u00e4nker p\u00e5 var den sanna vinden vrider missar du helheten.<\/p><\/div><\/div><\/div><\/section><section id=\"tips\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Bli b\u00e4ttre<\/p><h2 class=\"windex-section-title mb-2\">Tips f\u00f6r att l\u00e4sa vinden b\u00e4ttre<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">J\u00e4mf\u00f6r vad du k\u00e4nner med vad du ser. St\u00e4mmer masttoppen med ditt ansikte? St\u00e4mmer vattenytan med trimremsorna?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">F\u00f6rutse vridningar innan de kommer. Titta uppvind p\u00e5 vattnet och andra b\u00e5tar f\u00f6r att se byar och vridningar n\u00e4rma sig.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">\u00d6va p\u00e5 olika bidevindsvinklar. Segla en hel cirkel och notera hur den skenbara vinden \u00e4ndras n\u00e4r kursen \u00e4ndras.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Prata igenom om f\u00f6r\u00e4ndringen kom fr\u00e5n v\u00e4dret eller farten. Vred vinden verkligen, eller saktade b\u00e5ten bara in?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Utv\u00e4rdera efter varje segling. Fundera p\u00e5 var vindl\u00e4sningen gjorde skillnad \u2013 och var du missade n\u00e5got.<\/p><\/div><\/div><\/section><section id=\"faq\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Vanliga fr\u00e5gor<\/p><h2 class=\"windex-section-title mb-2\">Vanliga fr\u00e5gor<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"w-full space-y-0\"><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Vad \u00e4r skillnaden mellan skenbar och sann vind vid segling?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Sann vind \u00e4r den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t. Skenbar vind \u00e4r den du k\u00e4nner ombord \u2013 kombinationen av sann vind och den vind b\u00e5tens egen r\u00f6relse skapar. De skiljer sig i b\u00e5de riktning och styrka beroende p\u00e5 din fart och kurs.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Varf\u00f6r k\u00e4nns den skenbara vinden starkare \u00e4n den sanna vinden?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">P\u00e5 kryss adderas b\u00e5tens framfart till den sanna vinden, vilket g\u00f6r att den skenbara vinden k\u00e4nns starkare. T\u00e4nk p\u00e5 att cykla mot en bris \u2013 \u00e4ven en vindstilla dag k\u00e4nner du vind i ansiktet p\u00e5 grund av din egen fart.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Vilken vind \u00e4r viktigast n\u00e4r man trimmar seglen?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Den skenbara vinden. Seglen samverkar med den luftstr\u00f6m de faktiskt m\u00f6ter, vilket alltid \u00e4r den skenbara vinden. Trimremsor, segelform och masttoppsindikatorer reagerar alla p\u00e5 skenbar vind.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Vilken vind \u00e4r viktigast f\u00f6r taktik och navigation?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Den sanna vinden. V\u00e4derm\u00f6nster, vindvridningar och strategiska ruttval bygger p\u00e5 de verkliga vindf\u00f6rh\u00e5llandena \u00f6ver vattnet \u2013 inte p\u00e5 vad din r\u00f6rliga b\u00e5t skapar.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Hur kan nyb\u00f6rjare l\u00e4sa vindriktningen n\u00e4r de seglar?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">B\u00f6rja med att k\u00e4nna vinden i ansiktet och p\u00e5 halsen. Titta p\u00e5 krusningarna p\u00e5 vattenytan. Kontrollera trimremsor och masttoppsindikator. Med tiden kombinerar du ledtr\u00e5darna med kunskap om din bidevindsvinkel och fart och bygger en instinktiv f\u00f6rst\u00e5else.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>\u00c4ndras den skenbara vinden n\u00e4r b\u00e5ten \u00f6kar farten?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Ja. N\u00e4r b\u00e5ten accelererar vrider den skenbara vinden vanligtvis fram\u00e5t och \u00f6kar i styrka. N\u00e4r du saktar in vrider den bak\u00e5t och k\u00e4nns l\u00e4ttare. D\u00e4rf\u00f6r beh\u00f6ver segeltrimmet justeras l\u00f6pande n\u00e4r farten \u00e4ndras.<\/div><\/details><\/div><\/section><\/article><\/div><\/div><section class=\"bg-navy text-primary-foreground py-16 md:py-20\"><div class=\"windex-container text-center max-w-2xl mx-auto\"><p class=\"uppercase text-xs md:text-sm font-bold tracking-[0.2em] text-warm-gold mb-4\">Segla med sj\u00e4lvf\u00f6rtroende<\/p><h2 class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold mb-4 text-white\">L\u00e4r dig vinden b\u00e4ttre. Segla med tydligare information.<\/h2><p class=\"text-primary-foreground\/70 mb-8 max-w-lg mx-auto\">Windex vindriktningsvisare har hj\u00e4lpt seglare att l\u00e4sa vinden sedan 1964. Utforska v\u00e5rt sortiment och hitta r\u00e4tt modell f\u00f6r din b\u00e5t.<\/p><div class=\"flex flex-wrap justify-center gap-3\"><a href=\"https:\/\/dev112.dioniqlabb.se\/sv\/shop\/\" class=\"inline-flex items-center justify-center px-6 py-3 bg-warm-gold text-accent-foreground font-semibold text-sm uppercase tracking-wider hover:opacity-90 transition-opacity\">Utforska produkter<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/sv\/assembly-instructions\/\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">Monteringsanvisningar<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/resellers\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">Hitta \u00e5terf\u00f6rs\u00e4ljare<\/a><\/div><\/div><\/section><section class=\"py-14 md:py-20 bg-off-white\"><div class=\"windex-container\"><p class=\"windex-eyebrow mb-2\">Relaterat material<\/p><h2 class=\"windex-section-title mb-2\">Forts\u00e4tt l\u00e4ra dig<\/h2><div class=\"windex-divider mb-8\"><\/div><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Seglingsguider f\u00f6r nyb\u00f6rjare<\/h3><p class=\"text-sm text-muted-foreground\">Allt du beh\u00f6ver f\u00f6r att b\u00f6rja segla med sj\u00e4lvf\u00f6rtroende.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Bidevindsvinklar f\u00f6rklarade<\/h3><p class=\"text-sm text-muted-foreground\">En visuell guide till varje vinkel mot vinden.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Guide till segeltrim<\/h3><p class=\"text-sm text-muted-foreground\">S\u00e5 formar du seglen f\u00f6r fart och kontroll.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">S\u00e5 fungerar trimremsor<\/h3><p class=\"text-sm text-muted-foreground\">L\u00e4s luftstr\u00f6mmen p\u00e5 seglen som en expert.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Tips f\u00f6r kryssning<\/h3><p class=\"text-sm text-muted-foreground\">Maximera din VMG och segla h\u00f6gre.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Teknik f\u00f6r undanvindssegling<\/h3><p class=\"text-sm text-muted-foreground\">H\u00e5ll farten och stabiliteten p\u00e5 l\u00e4ns och sl\u00f6r.<\/p><\/a><\/div><\/div><\/section><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"headline\":\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (skenbar vind vs sann vind)\",\"description\":\"L\u00e4r dig skillnaden mellan skenbar vind och sann vind, och hur du l\u00e4ser vindriktningen n\u00e4r du seglar \u2013 med diagram, metoder och vanliga fr\u00e5gor.\",\"inLanguage\":\"sv\"},{\"@type\":\"FAQPage\",\"inLanguage\":\"sv\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Vad \u00e4r skillnaden mellan skenbar och sann vind vid segling?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sann vind \u00e4r den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t. Skenbar vind \u00e4r den du k\u00e4nner ombord \u2013 kombinationen av sann vind och den vind b\u00e5tens egen r\u00f6relse skapar. De skiljer sig i b\u00e5de riktning och styrka beroende p\u00e5 din fart och kurs.\"}},{\"@type\":\"Question\",\"name\":\"Varf\u00f6r k\u00e4nns den skenbara vinden starkare \u00e4n den sanna vinden?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"P\u00e5 kryss adderas b\u00e5tens framfart till den sanna vinden, vilket g\u00f6r att den skenbara vinden k\u00e4nns starkare. T\u00e4nk p\u00e5 att cykla mot en bris \u2013 \u00e4ven en vindstilla dag k\u00e4nner du vind i ansiktet p\u00e5 grund av din egen fart.\"}},{\"@type\":\"Question\",\"name\":\"Vilken vind \u00e4r viktigast n\u00e4r man trimmar seglen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Den skenbara vinden. Seglen samverkar med den luftstr\u00f6m de faktiskt m\u00f6ter, vilket alltid \u00e4r den skenbara vinden. Trimremsor, segelform och masttoppsindikatorer reagerar alla p\u00e5 skenbar vind.\"}},{\"@type\":\"Question\",\"name\":\"Vilken vind \u00e4r viktigast f\u00f6r taktik och navigation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Den sanna vinden. V\u00e4derm\u00f6nster, vindvridningar och strategiska ruttval bygger p\u00e5 de verkliga vindf\u00f6rh\u00e5llandena \u00f6ver vattnet \u2013 inte p\u00e5 vad din r\u00f6rliga b\u00e5t skapar.\"}},{\"@type\":\"Question\",\"name\":\"Hur kan nyb\u00f6rjare l\u00e4sa vindriktningen n\u00e4r de seglar?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"B\u00f6rja med att k\u00e4nna vinden i ansiktet och p\u00e5 halsen. Titta p\u00e5 krusningarna p\u00e5 vattenytan. Kontrollera trimremsor och masttoppsindikator. Med tiden kombinerar du ledtr\u00e5darna med kunskap om din bidevindsvinkel och fart och bygger en instinktiv f\u00f6rst\u00e5else.\"}},{\"@type\":\"Question\",\"name\":\"\u00c4ndras den skenbara vinden n\u00e4r b\u00e5ten \u00f6kar farten?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. N\u00e4r b\u00e5ten accelererar vrider den skenbara vinden vanligtvis fram\u00e5t och \u00f6kar i styrka. N\u00e4r du saktar in vrider den bak\u00e5t och k\u00e4nns l\u00e4ttare. D\u00e4rf\u00f6r beh\u00f6ver segeltrimmet justeras l\u00f6pande n\u00e4r farten \u00e4ndras.\"}}]}]}<\/script><\/div><\/div>\n  \n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5ll Kort svar Vad \u00e4r sann vind? Vad \u00e4r skenbar vind? Skenbar vs sann vind Varf\u00f6r beh\u00f6vs b\u00e5da? S\u00e5 l\u00e4ser du vinden Kryss vs undanvind Vanliga misstag Tips f\u00f6r att bli b\u00e4ttre Vanliga fr\u00e5gor I korthet Sann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8221;S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar&#8221;<\/span><\/a><\/p>\n","protected":false},"author":116,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-9150","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann\" \/>\n\t<meta name=\"robots\" content=\"noindex, nofollow, max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"sv_SE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Windex Development - Wind direction indicator\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development\" \/>\n\t\t<meta property=\"og:description\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"295\" \/>\n\t\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-08T13:39:09+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-08T13:39:12+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development\" \/>\n\t\t<meta name=\"twitter:description\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#listItem\",\"name\":\"S\\u00e5 l\\u00e4ser du vindriktningen n\\u00e4r du seglar\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#listItem\",\"position\":2,\"name\":\"S\\u00e5 l\\u00e4ser du vindriktningen n\\u00e4r du seglar\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#organization\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#organizationLogo\",\"width\":295,\"height\":80,\"caption\":\"Windex logo\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#webpage\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/\",\"name\":\"S\\u00e5 l\\u00e4ser du vindriktningen n\\u00e4r du seglar - Windex Development\",\"description\":\"S\\u00e5 l\\u00e4ser du vindriktningen n\\u00e4r du seglar (SV) Inneh\\u00e5llKort svarVad \\u00e4r sann vind?Vad \\u00e4r skenbar vind?Skenbar vs sann vindVarf\\u00f6r beh\\u00f6vs b\\u00e5da?S\\u00e5 l\\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\\u00f6r att bli b\\u00e4ttreVanliga fr\\u00e5gorI korthetSann vind = den verkliga vinden \\u00f6ver vattnet, oberoende av din b\\u00e5t.Skenbar vind = vinden du k\\u00e4nner ombord \\u2013 en kombination av sann\",\"inLanguage\":\"sv-SE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-08T13:39:09+00:00\",\"dateModified\":\"2026-09-08T13:39:12+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"inLanguage\":\"sv-SE\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","description":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann","canonical_url":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","robots":"noindex, nofollow, max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#listItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/sv\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#listItem","name":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar"}},{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#listItem","position":2,"name":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar","previousItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#organization","name":"Windex Development","description":"Wind direction indicator","url":"https:\/\/dev112.dioniqlabb.se\/sv\/","logo":{"@type":"ImageObject","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#organizationLogo","width":295,"height":80,"caption":"Windex logo"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#webpage","url":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","name":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","description":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann","inLanguage":"sv-SE","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#website"},"breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#breadcrumblist"},"datePublished":"2026-09-08T13:39:09+00:00","dateModified":"2026-09-08T13:39:12+00:00"},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#website","url":"https:\/\/dev112.dioniqlabb.se\/sv\/","name":"Windex Development","description":"Wind direction indicator","inLanguage":"sv-SE","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#organization"}}]},"og:locale":"sv_SE","og:site_name":"Windex Development - Wind direction indicator","og:type":"article","og:title":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","og:description":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann","og:url":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","og:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:secure_url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:width":295,"og:image:height":80,"article:published_time":"2026-09-08T13:39:09+00:00","article:modified_time":"2026-09-08T13:39:12+00:00","twitter:card":"summary_large_image","twitter:title":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","twitter:description":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5llKort svarVad \u00e4r sann vind?Vad \u00e4r skenbar vind?Skenbar vs sann vindVarf\u00f6r beh\u00f6vs b\u00e5da?S\u00e5 l\u00e4ser du vindenKryss vs undanvindVanliga misstagTips f\u00f6r att bli b\u00e4ttreVanliga fr\u00e5gorI korthetSann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din b\u00e5t.Skenbar vind = vinden du k\u00e4nner ombord \u2013 en kombination av sann","twitter:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png"},"aioseo_meta_data":{"post_id":"9150","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-09-08 13:39:12","updated":"2026-09-08 17:21:43","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/dev112.dioniqlabb.se\/sv\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tS\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/dev112.dioniqlabb.se\/sv\/"},{"label":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar","link":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development\" \/>\n<meta property=\"og:description\" content=\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5ll Kort svar Vad \u00e4r sann vind? Vad \u00e4r skenbar vind? Skenbar vs sann vind Varf\u00f6r beh\u00f6vs b\u00e5da? S\u00e5 l\u00e4ser du vinden Kryss vs undanvind Vanliga misstag Tips f\u00f6r att bli b\u00e4ttre Vanliga fr\u00e5gor I korthet Sann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din &hellip; Continue reading &quot;S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/\" \/>\n<meta property=\"og:site_name\" content=\"Windex Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/windexdevelopment\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-08T13:39:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/\",\"name\":\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#website\"},\"datePublished\":\"2026-09-08T13:39:09+00:00\",\"dateModified\":\"2026-09-08T13:39:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/sa-laser-du-vindriktningen-nar-du-seglar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#organization\",\"name\":\"Windex Development\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"width\":295,\"height\":80,\"caption\":\"Windex Development\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/windexdevelopment\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","og_description":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar (SV) Inneh\u00e5ll Kort svar Vad \u00e4r sann vind? Vad \u00e4r skenbar vind? Skenbar vs sann vind Varf\u00f6r beh\u00f6vs b\u00e5da? S\u00e5 l\u00e4ser du vinden Kryss vs undanvind Vanliga misstag Tips f\u00f6r att bli b\u00e4ttre Vanliga fr\u00e5gor I korthet Sann vind = den verkliga vinden \u00f6ver vattnet, oberoende av din &hellip; Continue reading \"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar\"","og_url":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","og_site_name":"Windex Development","article_publisher":"https:\/\/www.facebook.com\/windexdevelopment\/","article_modified_time":"2026-09-08T13:39:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"9 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","url":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/","name":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar - Windex Development","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#website"},"datePublished":"2026-09-08T13:39:09+00:00","dateModified":"2026-09-08T13:39:12+00:00","breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/sa-laser-du-vindriktningen-nar-du-seglar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/sv\/"},{"@type":"ListItem","position":2,"name":"S\u00e5 l\u00e4ser du vindriktningen n\u00e4r du seglar"}]},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#website","url":"https:\/\/dev112.dioniqlabb.se\/sv\/","name":"Windex Development","description":"Wind direction indicator","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev112.dioniqlabb.se\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#organization","name":"Windex Development","url":"https:\/\/dev112.dioniqlabb.se\/sv\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#\/schema\/logo\/image\/","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","contentUrl":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","width":295,"height":80,"caption":"Windex Development"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/sv\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/windexdevelopment\/"]}]}},"_links":{"self":[{"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/pages\/9150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/comments?post=9150"}],"version-history":[{"count":1,"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/pages\/9150\/revisions"}],"predecessor-version":[{"id":9151,"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/pages\/9150\/revisions\/9151"}],"wp:attachment":[{"href":"https:\/\/dev112.dioniqlabb.se\/sv\/wp-json\/wp\/v2\/media?parent=9150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}