*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--font-family: Helvetica, Arial, sans-serif;--base-font-size: 16px;--background-color: #f1ede4;--nav-back-color: black;--header-height: 4rem;--stop-background-color: #e3cdd0;--stop-foreground-color: black}html{font-family:var(--font-family);font-size:var(--base-font-size)}.prose{--prose-body: black;--prose-headings: #111827;--prose-lead: #4b5563;--prose-links: #111827;--prose-bold: #111827;--prose-counters: #6b7280;--prose-bullets: #9ca3af;--prose-hr: #e5e7eb;--prose-quotes: #111827;--prose-quote-borders: #e5e7eb;--prose-captions: #6b7280;--prose-kbd: #111827;--prose-kbd-shadows: #d1d5db;--prose-code: #111827;--prose-pre-code: #e5e7eb;--prose-pre-bg: #1f2937;--prose-th-borders: #d1d5db;--prose-td-borders: #e5e7eb;--prose-spacing-xs: .5em;--prose-spacing-sm: .75em;--prose-spacing-md: 1.25em;--prose-spacing-lg: 1.6em;--prose-spacing-xl: 2em;--prose-spacing-2xl: 3em;--prose-font-size-sm: .875em;--prose-font-size-base: 1rem;--prose-font-size-lg: 1.25em;--prose-font-size-xl: 1.5em;--prose-font-size-2xl: 2.25em;--prose-line-height-tight: 1.1111111;--prose-line-height-snug: 1.3333333;--prose-line-height-normal: 1.5;--prose-line-height-relaxed: 1.6;--prose-line-height-loose: 1.75;--prose-font-weight-normal: 400;--prose-font-weight-medium: 500;--prose-font-weight-semibold: 600;--prose-font-weight-bold: 700;--prose-font-weight-extrabold: 800;--prose-font-weight-black: 900;color:var(--prose-body);font-size:var(--prose-font-size-base);line-height:var(--prose-line-height-loose);border:2px solid black;background-color:#fff;padding:1rem}.prose a{color:var(--prose-links);text-decoration:underline;font-weight:var(--prose-font-weight-medium)}.prose strong{color:var(--prose-bold);font-weight:var(--prose-font-weight-semibold)}.prose a strong{color:inherit}.prose blockquote{font-weight:var(--prose-font-weight-medium);font-style:italic;color:var(--prose-quotes);border-left-width:.25rem;border-left-color:var(--prose-quote-borders);quotes:"\201c" "\201d" "\2018" "\2019";margin-top:var(--prose-lg);margin-bottom:var(--prose-lg);padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:var(--prose-headings);font-weight:var(--prose-font-weight-extrabold);font-size:var(--prose-font-size-2xl);margin-top:0;margin-bottom:.8888889em;line-height:var(--prose-line-height-tight)}.prose h1 strong{font-weight:var(--prose-font-weight-black);color:inherit}.prose h2{color:var(--prose-headings);font-weight:var(--prose-font-weight-bold);font-size:var(--prose-font-size-xl);margin-top:var(--prose-spacing-xl);margin-bottom:1em;line-height:var(--prose-line-height-snug)}.prose h2 strong{font-weight:var(--prose-font-weight-extrabold);color:inherit}.prose h3{color:var(--prose-headings);font-weight:var(--prose-font-weight-semibold);font-size:var(--prose-font-size-lg);margin-top:var(--prose-spacing-lg);margin-bottom:.6em;line-height:var(--prose-line-height-relaxed)}.prose h3 strong{font-weight:var(--prose-font-weight-bold);color:inherit}.prose h4{color:var(--prose-headings);font-weight:var(--prose-font-weight-semibold);margin-top:1.5em;margin-bottom:var(--prose-spacing-xs);line-height:var(--prose-line-height-normal)}.prose h4 strong{font-weight:var(--prose-font-weight-bold);color:inherit}.prose img{margin-top:var(--prose-spacing-xl);margin-bottom:var(--prose-spacing-xl)}.prose picture{display:block;margin-top:var(--prose-spacing-xl);margin-bottom:var(--prose-spacing-xl)}.prose video{margin-top:var(--prose-spacing-xl);margin-bottom:var(--prose-spacing-xl)}.prose kbd{font-weight:var(--prose-font-weight-medium);font-family:inherit;color:var(--prose-kbd);box-shadow:0 0 0 1px var(--prose-kbd-shadows),0 3px 0 var(--prose-kbd-shadows);font-size:var(--prose-font-size-sm);padding:.1875rem .375rem}.prose code{color:var(--prose-code);font-weight:var(--prose-font-weight-semibold);font-size:var(--prose-font-size-sm)}.prose code:before{content:"`"}.prose code:after{content:"`"}.prose a code{color:inherit}.prose h1 code{font-weight:var(--prose-font-weight-extrabold)}.prose h2 code{font-weight:var(--prose-font-weight-bold);font-size:var(--prose-font-size-sm)}.prose h3 code{font-weight:var(--prose-font-weight-semibold);font-size:.9em}.prose h4 code,.prose blockquote code{font-weight:var(--prose-font-weight-semibold)}.prose thead th code{font-weight:var(--prose-font-weight-bold)}.prose pre{color:var(--prose-pre-code);background-color:var(--prose-pre-bg);overflow-x:auto;font-weight:var(--prose-font-weight-normal);font-size:var(--prose-font-size-sm);line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:before{content:none}.prose pre code:after{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:var(--prose-spacing-xl);margin-bottom:var(--prose-spacing-xl);font-size:var(--prose-font-size-sm);line-height:1.7142857}.prose thead{border-bottom-width:1px;border-bottom-color:var(--prose-th-borders)}.prose thead th{color:var(--prose-headings);font-weight:var(--prose-font-weight-semibold);vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:var(--prose-td-borders)}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:baseline}.prose tfoot{border-top-width:1px;border-top-color:var(--prose-th-borders)}.prose tfoot td{vertical-align:top}.prose tbody td,.prose tfoot td{padding:.5714286em}.prose p{margin-top:var(--prose-spacing-md);margin-bottom:var(--prose-spacing-md)}.prose figure{margin-top:var(--prose-spacing-xl);margin-bottom:var(--prose-spacing-xl)}.prose figure>*{margin-top:0;margin-bottom:0}.prose figcaption{color:var(--prose-captions);font-size:var(--prose-font-size-sm);line-height:1.4285714;margin-top:.8571429em}.prose>ul>li p{margin-top:var(--prose-spacing-sm);margin-bottom:var(--prose-spacing-sm)}.prose>ul>li>*:first-child{margin-top:var(--prose-spacing-md)}.prose>ul>li>*:last-child{margin-bottom:var(--prose-spacing-md)}.prose>ol>li>*:first-child{margin-top:var(--prose-spacing-md)}.prose>ol>li>*:last-child{margin-bottom:var(--prose-spacing-md)}.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol{margin-top:var(--prose-spacing-sm);margin-bottom:var(--prose-spacing-sm)}.prose hr+*{margin-top:0}.prose h2+*{margin-top:0}.prose h3+*{margin-top:0}.prose h4+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child,.prose tfoot td:first-child{padding-left:0}.prose tbody td:last-child,.prose tfoot td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose ul,.prose ol{margin-top:var(--prose-spacing-md);margin-bottom:var(--prose-spacing-md);padding-left:1.625em}.prose>ul>li{position:relative;margin-top:var(--prose-spacing-xs);margin-bottom:var(--prose-spacing-xs)}.prose>ol>li{position:relative;margin-top:var(--prose-spacing-xs);margin-bottom:var(--prose-spacing-xs);padding-left:.375em}.prose ul>li::marker{color:var(--prose-bullets)}.prose ol>li::marker{font-weight:var(--prose-font-weight-normal);color:var(--prose-counters)}.prose hr{border-color:var(--prose-hr);border-top-width:1px;margin-top:var(--prose-spacing-2xl);margin-bottom:var(--prose-spacing-2xl)}main{&.wrapper{display:grid;grid-template-columns:1fr min(42rem,100%) 1fr}&.wrapper>*{grid-column:2}.content{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;padding-bottom:2rem}}html{background-color:var(--background-color);scrollbar-gutter:stable}@media (max-width: 600px){.content{padding-left:1rem;padding-right:1rem}}body{display:flex;flex-direction:column;min-height:100vh;&:has(#main-menu:not([hidden])){overflow:hidden}}header{position:sticky;top:0;padding:1rem;height:var(--header-height);background-color:var(--background-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;a{font-size:1.5rem;font-weight:lighter;&:link{text-decoration:none}}}footer{margin-top:auto;display:flex;justify-content:center;padding:2rem;font-size:.7rem;color:#000}a{color:#000;&:link{text-decoration:underline}&:visited{color:#000}}#main-menu__toggle{border:none;background-color:inherit}#main-menu{position:absolute;margin:0;padding:0;top:var(--header-height);left:0;background-color:var(--background-color);width:100%;height:100vh;flex-direction:column;align-items:center;&:not([hidden]){display:flex}li{list-style:none}}.heading{font-size:3rem}.ferry-selector{display:grid;grid-template-columns:1fr;gap:1rem;.ferry-line{&:hover{border-color:#fff}}}.stop-selector{display:grid;grid-template-columns:1fr;gap:1rem}.ferry-line{border:2px solid black;height:5rem;background-color:var(--line-background-color);display:flex;.ferry-line__name{color:var(--line-foreground-color);font-size:2rem;font-weight:700;width:100%;height:100%;align-content:center;padding-left:1rem;&:link{text-decoration:none}}}.stop{border:2px solid black;background-color:var(--stop-background-color);padding-top:.5rem;padding-bottom:.5rem;user-select:none;.stop__name{color:var(--stop-foreground-color);font-size:2rem;font-weight:700;align-content:center;padding-left:1rem;list-style:none;cursor:pointer}&[open]{padding-bottom:0;box-shadow:4px 4px #696969}&[open]>.stop__name{padding-bottom:.5rem}.stop__details{background-color:#fff;border-top:1px solid black;display:flex;flex-direction:column;.stop__show-timetable{align-self:end;padding-top:2rem;padding-bottom:1rem;padding-right:1rem}.stop__upcoming-ferries{display:grid;grid-template-columns:repeat(auto-fit,8rem);gap:1rem;padding-top:2rem;padding-left:1rem;padding-right:1rem;text-align:center}}}.upcoming-ferry{border:1px solid black;background-color:var(--upcoming-ferry-bg-color);color:var(--upcoming-ferry-fg-color);list-style-type:none;.upcoming-ferry__time,.upcoming-ferry__empty{font-size:1.5rem}.upcoming-ferry__direction{font-weight:400}}.icon{display:block;height:24px;width:24px;&.arrow-left{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'><path stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18' /></svg>")}&.arrow-right{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'><path stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3'/></svg>")}&.hamburger{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'><path stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5'/></svg>")}&.close{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'><path stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12'/></svg>")}}a:has(.icon){display:flex;gap:2px;&:link{text-decoration:none}}.back{display:flex;gap:.5rem;color:var(--nav-back-color);&:link{text-decoration:none}&:hover{text-decoration:underline}}.timetable{display:flex;flex-direction:column;gap:.5rem;border:2px solid black;background-color:#fff;padding:1rem;.timetable__trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;padding:0;.time{border:1px solid darkgray;text-align:center;padding:.5rem;list-style:none;&:first-of-type{border-color:#000;font-weight:700}}}}