Example – a child that starts in column 2 and spans 6 columns:
Use additional classes to change the layout per media query: "gi-{start column}-{end column}-{media query}"Example – a child that starts in column 1 and ends in column 8, but starts in column 3 in the media query "tablet-up":
Example – a child that starts in column 1 and spans 2 columns, but spans 4 columns in the media query "desktop-up":
Beware: All column numbers are calculated using the highest available number of columns in any viewport and scaled down.Example – a grid that has 4 columns on small viewports, but 12 columns in media queries for larger viewports:In this grid, all class numbers will be based on 12 columns and scaled down for the 4-column version.The class "gi-1-6" will result in a child that starts in column 1 and ends in column 2 on small viewports,but actually ends in column 6 on larger viewports.The intent of this conversion is to minimize the necessity for the aforementioned additional re-layout classes.A child with the class "gi-1-6" takes up half of the grid, even when that grid has fewer columns on smaller viewports.If the grid is needed inside of a child element, the "g" class can be used on the element or any element inside it.This sub-grid does not have outer margin columns and uses the same number of columns that the element itself occupies.If no other CSS interferes, the columns of a sub-grid should line up perfectly with the columns of the parent grid.Example:
<-- This grid will only have 6 columns
Known issue:A sub-grid inside an element that spans 1 grid column itself will not line up with its parent grid becauserepeat(0, ...) does not work.*/.g { position: relative; display: grid; width: 100%; grid-template-rows: auto; grid-template-columns: [fullsize-start] 25fr repeat(calc(var(--colPhone, 4) - 1), [col-start] 64fr [col-end] 23fr) [col-start] 64fr [col-end] 25fr [fullsize-end]; grid-column-gap: 0; justify-content: stretch;}@media (min-width: 641px) and (min-height: 500px) { .g { grid-template-columns: [fullsize-start] 50fr repeat(calc(var(--colTablet, 8) - 1), [col-start] 70fr [col-end] 30fr) [col-start] 70fr [col-end] 50fr [fullsize-end]; }}@media (min-width: 1025px) { .g { grid-template-columns: [fullsize-start] calc((100% - 1540px) / 2) 75fr repeat(calc(var(--colDesktop, 12) - 1), [col-start] 81fr [col-end] 38fr) [col-start] 81fr [col-end] 75fr calc((100% - 1540px) / 2) [fullsize-end]; }}.g { margin: 0 auto;}.g--inner,.g .g { grid-template-columns: repeat(calc(var(--innerCols, 4) - 1), [col-start] 64fr [col-end] 23fr) [col-start] 64fr [col-end];}@media (min-width: 641px) and (min-height: 500px) { .g--inner,.g .g { grid-template-columns: repeat(calc(var(--innerCols, 8) - 1), [col-start] 70fr [col-end] 30fr) [col-start] 70fr [col-end]; }}@media (min-width: 1025px) { .g--inner,.g .g { grid-template-columns: repeat(calc(var(--innerCols, 12) - 1), [col-start] 81fr [col-end] 38fr) [col-start] 81fr [col-end]; }}.g--inner { position: relative; display: grid; grid-template-rows: auto;}.gi { width: 100%; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}/*** Cascading grid definitions* + media query overrides**/.gi-3-12, .gi-3s10, .gi-3-11, .gi-3s9, .gi-3-10, .gi-3s8, .gi-3-9, .gi-3s7, .gi-3-8, .gi-3s6, .gi-3-7, .gi-3s5, .gi-3-6, .gi-3s4, .gi-3-5, .gi-3s3, .gi-3-4, .gi-3s2, .gi-3-3, .gi-3s1, .gi-2-12, .gi-2s11, .gi-2-11, .gi-2s10, .gi-2-10, .gi-2s9, .gi-2-9, .gi-2s8, .gi-2-8, .gi-2s7, .gi-2-7, .gi-2s6, .gi-2-6, .gi-2s5, .gi-2-5, .gi-2s4, .gi-2-4, .gi-2s3, .gi-2-3, .gi-2s2, .gi-2-2, .gi-2s1, .gi-1-12, .gi-1s12, .gi-1-11, .gi-1s11, .gi-1-10, .gi-1s10, .gi-1-9, .gi-1s9, .gi-1-8, .gi-1s8, .gi-1-7, .gi-1s7, .gi-1-6, .gi-1s6, .gi-1-5, .gi-1s5, .gi-1-4, .gi-1s4, .gi-1-3, .gi-1s3, .gi-1-2, .gi-1s2, .gi-1-1, .gi-1s1 { grid-column-start: col-start 1;}.gi-3-3, .gi-2-3, .gi-2-2, .gi-1-3, .gi-1-2, .gi-1-1 { grid-column-end: col-end 1;}.gi-12-12, .gi-12s1, .gi-11-12, .gi-11s2, .gi-11-11, .gi-11s1, .gi-10-12, .gi-10s3, .gi-10-11, .gi-10s2, .gi-10-10, .gi-10s1, .gi-9-9, .gi-9s1, .gi-8-9, .gi-8s2, .gi-8-8, .gi-8s1, .gi-7-9, .gi-7s3, .gi-7-8, .gi-7s2, .gi-7-7, .gi-7s1, .gi-6-6, .gi-6s1, .gi-5-6, .gi-5s2, .gi-5-5, .gi-5s1, .gi-4-6, .gi-4s3, .gi-4-5, .gi-4s2, .gi-4-4, .gi-4s1, .gi-3-3, .gi-3s1, .gi-2-3, .gi-2s2, .gi-2-2, .gi-2s1, .gi-1-3, .gi-1s3, .gi-1-2, .gi-1s2, .gi-1-1, .gi-1s1 { --innerCols: 1;}.gi-12s1, .gi-11s2, .gi-11s1, .gi-10s3, .gi-10s2, .gi-10s1, .gi-9s1, .gi-8s2, .gi-8s1, .gi-7s3, .gi-7s2, .gi-7s1, .gi-6s1, .gi-5s2, .gi-5s1, .gi-4s3, .gi-4s2, .gi-4s1, .gi-3s1, .gi-2s2, .gi-2s1, .gi-1s3, .gi-1s2, .gi-1s1 { grid-column-end: span 1;}.gi-6-12, .gi-6s7, .gi-6-11, .gi-6s6, .gi-6-10, .gi-6s5, .gi-6-9, .gi-6s4, .gi-6-8, .gi-6s3, .gi-6-7, .gi-6s2, .gi-6-6, .gi-6s1, .gi-5-12, .gi-5s8, .gi-5-11, .gi-5s7, .gi-5-10, .gi-5s6, .gi-5-9, .gi-5s5, .gi-5-8, .gi-5s4, .gi-5-7, .gi-5s3, .gi-5-6, .gi-5s2, .gi-5-5, .gi-5s1, .gi-4-12, .gi-4s9, .gi-4-11, .gi-4s8, .gi-4-10, .gi-4s7, .gi-4-9, .gi-4s6, .gi-4-8, .gi-4s5, .gi-4-7, .gi-4s4, .gi-4-6, .gi-4s3, .gi-4-5, .gi-4s2, .gi-4-4, .gi-4s1 { grid-column-start: col-start 2;}.gi-6-6, .gi-5-6, .gi-5-5, .gi-4-6, .gi-4-5, .gi-4-4, .gi-3-6, .gi-3-5, .gi-3-4, .gi-2-6, .gi-2-5, .gi-2-4, .gi-1-6, .gi-1-5, .gi-1-4 { grid-column-end: col-end 2;}.gi-9-12, .gi-9s4, .gi-9-11, .gi-9s3, .gi-9-10, .gi-9s2, .gi-8-12, .gi-8s5, .gi-8-11, .gi-8s4, .gi-8-10, .gi-8s3, .gi-7-12, .gi-7s6, .gi-7-11, .gi-7s5, .gi-7-10, .gi-7s4, .gi-6-9, .gi-6s4, .gi-6-8, .gi-6s3, .gi-6-7, .gi-6s2, .gi-5-9, .gi-5s5, .gi-5-8, .gi-5s4, .gi-5-7, .gi-5s3, .gi-4-9, .gi-4s6, .gi-4-8, .gi-4s5, .gi-4-7, .gi-4s4, .gi-3-6, .gi-3s4, .gi-3-5, .gi-3s3, .gi-3-4, .gi-3s2, .gi-2-6, .gi-2s5, .gi-2-5, .gi-2s4, .gi-2-4, .gi-2s3, .gi-1-6, .gi-1s6, .gi-1-5, .gi-1s5, .gi-1-4, .gi-1s4 { --innerCols: 2;}.gi-9s4, .gi-9s3, .gi-9s2, .gi-8s5, .gi-8s4, .gi-8s3, .gi-7s6, .gi-7s5, .gi-7s4, .gi-6s4, .gi-6s3, .gi-6s2, .gi-5s5, .gi-5s4, .gi-5s3, .gi-4s6, .gi-4s5, .gi-4s4, .gi-3s4, .gi-3s3, .gi-3s2, .gi-2s5, .gi-2s4, .gi-2s3, .gi-1s6, .gi-1s5, .gi-1s4 { grid-column-end: span 3;}.gi-9-12, .gi-9s4, .gi-9-11, .gi-9s3, .gi-9-10, .gi-9s2, .gi-9-9, .gi-9s1, .gi-8-12, .gi-8s5, .gi-8-11, .gi-8s4, .gi-8-10, .gi-8s3, .gi-8-9, .gi-8s2, .gi-8-8, .gi-8s1, .gi-7-12, .gi-7s6, .gi-7-11, .gi-7s5, .gi-7-10, .gi-7s4, .gi-7-9, .gi-7s3, .gi-7-8, .gi-7s2, .gi-7-7, .gi-7s1 { grid-column-start: col-start 3;}.gi-9-9, .gi-8-9, .gi-8-8, .gi-7-9, .gi-7-8, .gi-7-7, .gi-6-9, .gi-6-8, .gi-6-7, .gi-5-9, .gi-5-8, .gi-5-7, .gi-4-9, .gi-4-8, .gi-4-7, .gi-3-9, .gi-3-8, .gi-3-7, .gi-2-9, .gi-2-8, .gi-2-7, .gi-1-9, .gi-1-8, .gi-1-7 { grid-column-end: col-end 3;}.gi-6-12, .gi-6s7, .gi-6-11, .gi-6s6, .gi-6-10, .gi-6s5, .gi-5-12, .gi-5s8, .gi-5-11, .gi-5s7, .gi-5-10, .gi-5s6, .gi-4-12, .gi-4s9, .gi-4-11, .gi-4s8, .gi-4-10, .gi-4s7, .gi-3-9, .gi-3s7, .gi-3-8, .gi-3s6, .gi-3-7, .gi-3s5, .gi-2-9, .gi-2s8, .gi-2-8, .gi-2s7, .gi-2-7, .gi-2s6, .gi-1-9, .gi-1s9, .gi-1-8, .gi-1s8, .gi-1-7, .gi-1s7 { --innerCols: 3;}.gi-6s7, .gi-6s6, .gi-6s5, .gi-5s8, .gi-5s7, .gi-5s6, .gi-4s9, .gi-4s8, .gi-4s7, .gi-3s7, .gi-3s6, .gi-3s5, .gi-2s8, .gi-2s7, .gi-2s6, .gi-1s9, .gi-1s8, .gi-1s7 { grid-column-end: span 5;}.gi-12-12, .gi-12s1, .gi-11-12, .gi-11s2, .gi-11-11, .gi-11s1, .gi-10-12, .gi-10s3, .gi-10-11, .gi-10s2, .gi-10-10, .gi-10s1 { grid-column-start: col-start 4;}.gi-12-12, .gi-11-12, .gi-11-11, .gi-10-12, .gi-10-11, .gi-10-10, .gi-9-12, .gi-9-11, .gi-9-10, .gi-8-12, .gi-8-11, .gi-8-10, .gi-7-12, .gi-7-11, .gi-7-10, .gi-6-12, .gi-6-11, .gi-6-10, .gi-5-12, .gi-5-11, .gi-5-10, .gi-4-12, .gi-4-11, .gi-4-10, .gi-3-12, .gi-3-11, .gi-3-10, .gi-2-12, .gi-2-11, .gi-2-10, .gi-1-12, .gi-1-11, .gi-1-10 { grid-column-end: col-end 4;}.gi-3-12, .gi-3s10, .gi-3-11, .gi-3s9, .gi-3-10, .gi-3s8, .gi-2-12, .gi-2s11, .gi-2-11, .gi-2s10, .gi-2-10, .gi-2s9, .gi-1-12, .gi-1s12, .gi-1-11, .gi-1s11, .gi-1-10, .gi-1s10 { --innerCols: 4;}.gi-3s10, .gi-3s9, .gi-3s8, .gi-2s11, .gi-2s10, .gi-2s9, .gi-1s12, .gi-1s11, .gi-1s10 { grid-column-end: span 7;}@media (min-width: 641px) and (min-height: 500px) { .gi-1-12, .gi-1s12, .gi-1-11, .gi-1s11, .gi-1-10, .gi-1s10, .gi-1-9, .gi-1s9, .gi-1-8, .gi-1s8, .gi-1-7, .gi-1s7, .gi-1-6, .gi-1s6, .gi-1-5, .gi-1s5, .gi-1-4, .gi-1s4, .gi-1-3, .gi-1s3, .gi-1-2, .gi-1s2, .gi-1-1, .gi-1s1 { grid-column-start: col-start 1; } .gi-1-1 { grid-column-end: col-end 1; } .gi-12-12, .gi-12s1, .gi-11-12, .gi-11s2, .gi-11-11, .gi-11s1, .gi-10-10, .gi-10s1, .gi-9-9, .gi-9s1, .gi-8-9, .gi-8s2, .gi-8-8, .gi-8s1, .gi-7-7, .gi-7s1, .gi-6-6, .gi-6s1, .gi-5-6, .gi-5s2, .gi-5-5, .gi-5s1, .gi-4-4, .gi-4s1, .gi-3-3, .gi-3s1, .gi-2-3, .gi-2s2, .gi-2-2, .gi-2s1, .gi-1-1, .gi-1s1 { --innerCols: 1; } .gi-12s1, .gi-11s2, .gi-11s1, .gi-10s1, .gi-9s1, .gi-8s2, .gi-8s1, .gi-7s1, .gi-6s1, .gi-5s2, .gi-5s1, .gi-4s1, .gi-3s1, .gi-2s2, .gi-2s1, .gi-1s1 { grid-column-end: span 1; } .gi-3-12, .gi-3s10, .gi-3-11, .gi-3s9, .gi-3-10, .gi-3s8, .gi-3-9, .gi-3s7, .gi-3-8, .gi-3s6, .gi-3-7, .gi-3s5, .gi-3-6, .gi-3s4, .gi-3-5, .gi-3s3, .gi-3-4, .gi-3s2, .gi-3-3, .gi-3s1, .gi-2-12, .gi-2s11, .gi-2-11, .gi-2s10, .gi-2-10, .gi-2s9, .gi-2-9, .gi-2s8, .gi-2-8, .gi-2s7, .gi-2-7, .gi-2s6, .gi-2-6, .gi-2s5, .gi-2-5, .gi-2s4, .gi-2-4, .gi-2s3, .gi-2-3, .gi-2s2, .gi-2-2, .gi-2s1 { grid-column-start: col-start 2; } .gi-3-3, .gi-2-3, .gi-2-2, .gi-1-3, .gi-1-2 { grid-column-end: col-end 2; } .gi-10-12, .gi-10s3, .gi-10-11, .gi-10s2, .gi-9-10, .gi-9s2, .gi-8-10, .gi-8s3, .gi-7-9, .gi-7s3, .gi-7-8, .gi-7s2, .gi-6-7, .gi-6s2, .gi-5-7, .gi-5s3, .gi-4-6, .gi-4s3, .gi-4-5, .gi-4s2, .gi-3-4, .gi-3s2, .gi-2-4, .gi-2s3, .gi-1-3, .gi-1s3, .gi-1-2, .gi-1s2 { --innerCols: 2; } .gi-10s3, .gi-10s2, .gi-9s2, .gi-8s3, .gi-7s3, .gi-7s2, .gi-6s2, .gi-5s3, .gi-4s3, .gi-4s2, .gi-3s2, .gi-2s3, .gi-1s3, .gi-1s2 { grid-column-end: span 3; } .gi-4-12, .gi-4s9, .gi-4-11, .gi-4s8, .gi-4-10, .gi-4s7, .gi-4-9, .gi-4s6, .gi-4-8, .gi-4s5, .gi-4-7, .gi-4s4, .gi-4-6, .gi-4s3, .gi-4-5, .gi-4s2, .gi-4-4, .gi-4s1 { grid-column-start: col-start 3; } .gi-4-4, .gi-3-4, .gi-2-4, .gi-1-4 { grid-column-end: col-end 3; } .gi-9-12, .gi-9s4, .gi-9-11, .gi-9s3, .gi-8-12, .gi-8s5, .gi-8-11, .gi-8s4, .gi-7-10, .gi-7s4, .gi-6-9, .gi-6s4, .gi-6-8, .gi-6s3, .gi-5-9, .gi-5s5, .gi-5-8, .gi-5s4, .gi-4-7, .gi-4s4, .gi-3-6, .gi-3s4, .gi-3-5, .gi-3s3, .gi-2-6, .gi-2s5, .gi-2-5, .gi-2s4, .gi-1-4, .gi-1s4 { --innerCols: 3; } .gi-9s4, .gi-9s3, .gi-8s5, .gi-8s4, .gi-7s4, .gi-6s4, .gi-6s3, .gi-5s5, .gi-5s4, .gi-4s4, .gi-3s4, .gi-3s3, .gi-2s5, .gi-2s4, .gi-1s4 { grid-column-end: span 5; } .gi-6-12, .gi-6s7, .gi-6-11, .gi-6s6, .gi-6-10, .gi-6s5, .gi-6-9, .gi-6s4, .gi-6-8, .gi-6s3, .gi-6-7, .gi-6s2, .gi-6-6, .gi-6s1, .gi-5-12, .gi-5s8, .gi-5-11, .gi-5s7, .gi-5-10, .gi-5s6, .gi-5-9, .gi-5s5, .gi-5-8, .gi-5s4, .gi-5-7, .gi-5s3, .gi-5-6, .gi-5s2, .gi-5-5, .gi-5s1 { grid-column-start: col-start 4; } .gi-6-6, .gi-5-6, .gi-5-5, .gi-4-6, .gi-4-5, .gi-3-6, .gi-3-5, .gi-2-6, .gi-2-5, .gi-1-6, .gi-1-5 { grid-column-end: col-end 4; } .gi-7-12, .gi-7s6, .gi-7-11, .gi-7s5, .gi-6-10, .gi-6s5, .gi-5-10, .gi-5s6, .gi-4-9, .gi-4s6, .gi-4-8, .gi-4s5, .gi-3-7, .gi-3s5, .gi-2-7, .gi-2s6, .gi-1-6, .gi-1s6, .gi-1-5, .gi-1s5 { --innerCols: 4; } .gi-7s6, .gi-7s5, .gi-6s5, .gi-5s6, .gi-4s6, .gi-4s5, .gi-3s5, .gi-2s6, .gi-1s6, .gi-1s5 { grid-column-end: span 7; } .gi-7-12, .gi-7s6, .gi-7-11, .gi-7s5, .gi-7-10, .gi-7s4, .gi-7-9, .gi-7s3, .gi-7-8, .gi-7s2, .gi-7-7, .gi-7s1 { grid-column-start: col-start 5; } .gi-7-7, .gi-6-7, .gi-5-7, .gi-4-7, .gi-3-7, .gi-2-7, .gi-1-7 { grid-column-end: col-end 5; } .gi-6-12, .gi-6s7, .gi-6-11, .gi-6s6, .gi-5-12, .gi-5s8, .gi-5-11, .gi-5s7, .gi-4-10, .gi-4s7, .gi-3-9, .gi-3s7, .gi-3-8, .gi-3s6, .gi-2-9, .gi-2s8, .gi-2-8, .gi-2s7, .gi-1-7, .gi-1s7 { --innerCols: 5; } .gi-6s7, .gi-6s6, .gi-5s8, .gi-5s7, .gi-4s7, .gi-3s7, .gi-3s6, .gi-2s8, .gi-2s7, .gi-1s7 { grid-column-end: span 9; } .gi-9-12, .gi-9s4, .gi-9-11, .gi-9s3, .gi-9-10, .gi-9s2, .gi-9-9, .gi-9s1, .gi-8-12, .gi-8s5, .gi-8-11, .gi-8s4, .gi-8-10, .gi-8s3, .gi-8-9, .gi-8s2, .gi-8-8, .gi-8s1 { grid-column-start: col-start 6; } .gi-9-9, .gi-8-9, .gi-8-8, .gi-7-9, .gi-7-8, .gi-6-9, .gi-6-8, .gi-5-9, .gi-5-8, .gi-4-9, .gi-4-8, .gi-3-9, .gi-3-8, .gi-2-9, .gi-2-8, .gi-1-9, .gi-1-8 { grid-column-end: col-end 6; } .gi-4-12, .gi-4s9, .gi-4-11, .gi-4s8, .gi-3-10, .gi-3s8, .gi-2-10, .gi-2s9, .gi-1-9, .gi-1s9, .gi-1-8, .gi-1s8 { --innerCols: 6; } .gi-4s9, .gi-4s8, .gi-3s8, .gi-2s9, .gi-1s9, .gi-1s8 { grid-column-end: span 11; } .gi-10-12, .gi-10s3, .gi-10-11, .gi-10s2, .gi-10-10, .gi-10s1 { grid-column-start: col-start 7; } .gi-10-10, .gi-9-10, .gi-8-10, .gi-7-10, .gi-6-10, .gi-5-10, .gi-4-10, .gi-3-10, .gi-2-10, .gi-1-10 { grid-column-end: col-end 7; } .gi-3-12, .gi-3s10, .gi-3-11, .gi-3s9, .gi-2-12, .gi-2s11, .gi-2-11, .gi-2s10, .gi-1-10, .gi-1s10 { --innerCols: 7; } .gi-3s10, .gi-3s9, .gi-2s11, .gi-2s10, .gi-1s10 { grid-column-end: span 13; } .gi-12-12, .gi-12s1, .gi-11-12, .gi-11s2, .gi-11-11, .gi-11s1 { grid-column-start: col-start 8; } .gi-12-12, .gi-11-12, .gi-11-11, .gi-10-12, .gi-10-11, .gi-9-12, .gi-9-11, .gi-8-12, .gi-8-11, .gi-7-12, .gi-7-11, .gi-6-12, .gi-6-11, .gi-5-12, .gi-5-11, .gi-4-12, .gi-4-11, .gi-3-12, .gi-3-11, .gi-2-12, .gi-2-11, .gi-1-12, .gi-1-11 { grid-column-end: col-end 8; } .gi-1-12, .gi-1s12, .gi-1-11, .gi-1s11 { --innerCols: 8; } .gi-1s12, .gi-1s11 { grid-column-end: span 15; }}@media (min-width: 1025px) { .gi-1-12, .gi-1s12, .gi-1-11, .gi-1s11, .gi-1-10, .gi-1s10, .gi-1-9, .gi-1s9, .gi-1-8, .gi-1s8, .gi-1-7, .gi-1s7, .gi-1-6, .gi-1s6, .gi-1-5, .gi-1s5, .gi-1-4, .gi-1s4, .gi-1-3, .gi-1s3, .gi-1-2, .gi-1s2, .gi-1-1, .gi-1s1 { grid-column-start: col-start 1; } .gi-1-1 { grid-column-end: col-end 1; } .gi-12-12, .gi-12s1, .gi-11-11, .gi-11s1, .gi-10-10, .gi-10s1, .gi-9-9, .gi-9s1, .gi-8-8, .gi-8s1, .gi-7-7, .gi-7s1, .gi-6-6, .gi-6s1, .gi-5-5, .gi-5s1, .gi-4-4, .gi-4s1, .gi-3-3, .gi-3s1, .gi-2-2, .gi-2s1, .gi-1-1, .gi-1s1 { --innerCols: 1; } .gi-12s1, .gi-11s1, .gi-10s1, .gi-9s1, .gi-8s1, .gi-7s1, .gi-6s1, .gi-5s1, .gi-4s1, .gi-3s1, .gi-2s1, .gi-1s1 { grid-column-end: span 1; } .gi-2-12, .gi-2s11, .gi-2-11, .gi-2s10, .gi-2-10, .gi-2s9, .gi-2-9, .gi-2s8, .gi-2-8, .gi-2s7, .gi-2-7, .gi-2s6, .gi-2-6, .gi-2s5, .gi-2-5, .gi-2s4, .gi-2-4, .gi-2s3, .gi-2-3, .gi-2s2, .gi-2-2, .gi-2s1 { grid-column-start: col-start 2; } .gi-2-2, .gi-1-2 { grid-column-end: col-end 2; } .gi-11-12, .gi-11s2, .gi-10-11, .gi-10s2, .gi-9-10, .gi-9s2, .gi-8-9, .gi-8s2, .gi-7-8, .gi-7s2, .gi-6-7, .gi-6s2, .gi-5-6, .gi-5s2, .gi-4-5, .gi-4s2, .gi-3-4, .gi-3s2, .gi-2-3, .gi-2s2, .gi-1-2, .gi-1s2 { --innerCols: 2; } .gi-11s2, .gi-10s2, .gi-9s2, .gi-8s2, .gi-7s2, .gi-6s2, .gi-5s2, .gi-4s2, .gi-3s2, .gi-2s2, .gi-1s2 { grid-column-end: span 3; } .gi-3-12, .gi-3s10, .gi-3-11, .gi-3s9, .gi-3-10, .gi-3s8, .gi-3-9, .gi-3s7, .gi-3-8, .gi-3s6, .gi-3-7, .gi-3s5, .gi-3-6, .gi-3s4, .gi-3-5, .gi-3s3, .gi-3-4, .gi-3s2, .gi-3-3, .gi-3s1 { grid-column-start: col-start 3; } .gi-3-3, .gi-2-3, .gi-1-3 { grid-column-end: col-end 3; } .gi-10-12, .gi-10s3, .gi-9-11, .gi-9s3, .gi-8-10, .gi-8s3, .gi-7-9, .gi-7s3, .gi-6-8, .gi-6s3, .gi-5-7, .gi-5s3, .gi-4-6, .gi-4s3, .gi-3-5, .gi-3s3, .gi-2-4, .gi-2s3, .gi-1-3, .gi-1s3 { --innerCols: 3; } .gi-10s3, .gi-9s3, .gi-8s3, .gi-7s3, .gi-6s3, .gi-5s3, .gi-4s3, .gi-3s3, .gi-2s3, .gi-1s3 { grid-column-end: span 5; } .gi-4-12, .gi-4s9, .gi-4-11, .gi-4s8, .gi-4-10, .gi-4s7, .gi-4-9, .gi-4s6, .gi-4-8, .gi-4s5, .gi-4-7, .gi-4s4, .gi-4-6, .gi-4s3, .gi-4-5, .gi-4s2, .gi-4-4, .gi-4s1 { grid-column-start: col-start 4; } .gi-4-4, .gi-3-4, .gi-2-4, .gi-1-4 { grid-column-end: col-end 4; } .gi-9-12, .gi-9s4, .gi-8-11, .gi-8s4, .gi-7-10, .gi-7s4, .gi-6-9, .gi-6s4, .gi-5-8, .gi-5s4, .gi-4-7, .gi-4s4, .gi-3-6, .gi-3s4, .gi-2-5, .gi-2s4, .gi-1-4, .gi-1s4 { --innerCols: 4; } .gi-9s4, .gi-8s4, .gi-7s4, .gi-6s4, .gi-5s4, .gi-4s4, .gi-3s4, .gi-2s4, .gi-1s4 { grid-column-end: span 7; } .gi-5-12, .gi-5s8, .gi-5-11, .gi-5s7, .gi-5-10, .gi-5s6, .gi-5-9, .gi-5s5, .gi-5-8, .gi-5s4, .gi-5-7, .gi-5s3, .gi-5-6, .gi-5s2, .gi-5-5, .gi-5s1 { grid-column-start: col-start 5; } .gi-5-5, .gi-4-5, .gi-3-5, .gi-2-5, .gi-1-5 { grid-column-end: col-end 5; } .gi-8-12, .gi-8s5, .gi-7-11, .gi-7s5, .gi-6-10, .gi-6s5, .gi-5-9, .gi-5s5, .gi-4-8, .gi-4s5, .gi-3-7, .gi-3s5, .gi-2-6, .gi-2s5, .gi-1-5, .gi-1s5 { --innerCols: 5; } .gi-8s5, .gi-7s5, .gi-6s5, .gi-5s5, .gi-4s5, .gi-3s5, .gi-2s5, .gi-1s5 { grid-column-end: span 9; } .gi-6-12, .gi-6s7, .gi-6-11, .gi-6s6, .gi-6-10, .gi-6s5, .gi-6-9, .gi-6s4, .gi-6-8, .gi-6s3, .gi-6-7, .gi-6s2, .gi-6-6, .gi-6s1 { grid-column-start: col-start 6; } .gi-6-6, .gi-5-6, .gi-4-6, .gi-3-6, .gi-2-6, .gi-1-6 { grid-column-end: col-end 6; } .gi-7-12, .gi-7s6, .gi-6-11, .gi-6s6, .gi-5-10, .gi-5s6, .gi-4-9, .gi-4s6, .gi-3-8, .gi-3s6, .gi-2-7, .gi-2s6, .gi-1-6, .gi-1s6 { --innerCols: 6; } .gi-7s6, .gi-6s6, .gi-5s6, .gi-4s6, .gi-3s6, .gi-2s6, .gi-1s6 { grid-column-end: span 11; } .gi-7-12, .gi-7s6, .gi-7-11, .gi-7s5, .gi-7-10, .gi-7s4, .gi-7-9, .gi-7s3, .gi-7-8, .gi-7s2, .gi-7-7, .gi-7s1 { grid-column-start: col-start 7; } .gi-7-7, .gi-6-7, .gi-5-7, .gi-4-7, .gi-3-7, .gi-2-7, .gi-1-7 { grid-column-end: col-end 7; } .gi-6-12, .gi-6s7, .gi-5-11, .gi-5s7, .gi-4-10, .gi-4s7, .gi-3-9, .gi-3s7, .gi-2-8, .gi-2s7, .gi-1-7, .gi-1s7 { --innerCols: 7; } .gi-6s7, .gi-5s7, .gi-4s7, .gi-3s7, .gi-2s7, .gi-1s7 { grid-column-end: span 13; } .gi-8-12, .gi-8s5, .gi-8-11, .gi-8s4, .gi-8-10, .gi-8s3, .gi-8-9, .gi-8s2, .gi-8-8, .gi-8s1 { grid-column-start: col-start 8; } .gi-8-8, .gi-7-8, .gi-6-8, .gi-5-8, .gi-4-8, .gi-3-8, .gi-2-8, .gi-1-8 { grid-column-end: col-end 8; } .gi-5-12, .gi-5s8, .gi-4-11, .gi-4s8, .gi-3-10, .gi-3s8, .gi-2-9, .gi-2s8, .gi-1-8, .gi-1s8 { --innerCols: 8; } .gi-5s8, .gi-4s8, .gi-3s8, .gi-2s8, .gi-1s8 { grid-column-end: span 15; } .gi-9-12, .gi-9s4, .gi-9-11, .gi-9s3, .gi-9-10, .gi-9s2, .gi-9-9, .gi-9s1 { grid-column-start: col-start 9; } .gi-9-9, .gi-8-9, .gi-7-9, .gi-6-9, .gi-5-9, .gi-4-9, .gi-3-9, .gi-2-9, .gi-1-9 { grid-column-end: col-end 9; } .gi-4-12, .gi-4s9, .gi-3-11, .gi-3s9, .gi-2-10, .gi-2s9, .gi-1-9, .gi-1s9 { --innerCols: 9; } .gi-4s9, .gi-3s9, .gi-2s9, .gi-1s9 { grid-column-end: span 17; } .gi-10-12, .gi-10s3, .gi-10-11, .gi-10s2, .gi-10-10, .gi-10s1 { grid-column-start: col-start 10; } .gi-10-10, .gi-9-10, .gi-8-10, .gi-7-10, .gi-6-10, .gi-5-10, .gi-4-10, .gi-3-10, .gi-2-10, .gi-1-10 { grid-column-end: col-end 10; } .gi-3-12, .gi-3s10, .gi-2-11, .gi-2s10, .gi-1-10, .gi-1s10 { --innerCols: 10; } .gi-3s10, .gi-2s10, .gi-1s10 { grid-column-end: span 19; } .gi-11-12, .gi-11s2, .gi-11-11, .gi-11s1 { grid-column-start: col-start 11; } .gi-11-11, .gi-10-11, .gi-9-11, .gi-8-11, .gi-7-11, .gi-6-11, .gi-5-11, .gi-4-11, .gi-3-11, .gi-2-11, .gi-1-11 { grid-column-end: col-end 11; } .gi-2-12, .gi-2s11, .gi-1-11, .gi-1s11 { --innerCols: 11; } .gi-2s11, .gi-1s11 { grid-column-end: span 21; } .gi-12-12, .gi-12s1 { grid-column-start: col-start 12; } .gi-12-12, .gi-11-12, .gi-10-12, .gi-9-12, .gi-8-12, .gi-7-12, .gi-6-12, .gi-5-12, .gi-4-12, .gi-3-12, .gi-2-12, .gi-1-12 { grid-column-end: col-end 12; } .gi-1-12, .gi-1s12 { --innerCols: 12; } .gi-1s12 { grid-column-end: span 23; }}/*** Column Grid MediaQuery exceptions:* With these exceptions you can define other grid positions and spans* depending on the desired viewport**/@media (max-width: 640px) { .gi-1-4-phone, .gi-1s4-phone, .gi-1-3-phone, .gi-1s3-phone, .gi-1-2-phone, .gi-1s2-phone, .gi-1-1-phone, .gi-1s1-phone { grid-column-start: col-start 1; } .gi-1-1-phone { grid-column-end: col-end 1; } .gi-4-4-phone, .gi-4s1-phone, .gi-3-3-phone, .gi-3s1-phone, .gi-2-2-phone, .gi-2s1-phone, .gi-1-1-phone, .gi-1s1-phone { --innerCols: 1; } .gi-4s1-phone, .gi-3s1-phone, .gi-2s1-phone, .gi-1s1-phone { grid-column-end: span 1; } .gi-2-4-phone, .gi-2s3-phone, .gi-2-3-phone, .gi-2s2-phone, .gi-2-2-phone, .gi-2s1-phone { grid-column-start: col-start 2; } .gi-2-2-phone, .gi-1-2-phone { grid-column-end: col-end 2; } .gi-3-4-phone, .gi-3s2-phone, .gi-2-3-phone, .gi-2s2-phone, .gi-1-2-phone, .gi-1s2-phone { --innerCols: 2; } .gi-3s2-phone, .gi-2s2-phone, .gi-1s2-phone { grid-column-end: span 3; } .gi-3-4-phone, .gi-3s2-phone, .gi-3-3-phone, .gi-3s1-phone { grid-column-start: col-start 3; } .gi-3-3-phone, .gi-2-3-phone, .gi-1-3-phone { grid-column-end: col-end 3; } .gi-2-4-phone, .gi-2s3-phone, .gi-1-3-phone, .gi-1s3-phone { --innerCols: 3; } .gi-2s3-phone, .gi-1s3-phone { grid-column-end: span 5; } .gi-4-4-phone, .gi-4s1-phone { grid-column-start: col-start 4; } .gi-4-4-phone, .gi-3-4-phone, .gi-2-4-phone, .gi-1-4-phone { grid-column-end: col-end 4; } .gi-1-4-phone, .gi-1s4-phone { --innerCols: 4; } .gi-1s4-phone { grid-column-end: span 7; }}@media (min-width: 641px) and (min-height: 500px) { .gi-1-8-tablet-up, .gi-1s8-tablet-up, .gi-1-7-tablet-up, .gi-1s7-tablet-up, .gi-1-6-tablet-up, .gi-1s6-tablet-up, .gi-1-5-tablet-up, .gi-1s5-tablet-up, .gi-1-4-tablet-up, .gi-1s4-tablet-up, .gi-1-3-tablet-up, .gi-1s3-tablet-up, .gi-1-2-tablet-up, .gi-1s2-tablet-up, .gi-1-1-tablet-up, .gi-1s1-tablet-up { grid-column-start: col-start 1; } .gi-1-1-tablet-up { grid-column-end: col-end 1; } .gi-8-8-tablet-up, .gi-8s1-tablet-up, .gi-7-7-tablet-up, .gi-7s1-tablet-up, .gi-6-6-tablet-up, .gi-6s1-tablet-up, .gi-5-5-tablet-up, .gi-5s1-tablet-up, .gi-4-4-tablet-up, .gi-4s1-tablet-up, .gi-3-3-tablet-up, .gi-3s1-tablet-up, .gi-2-2-tablet-up, .gi-2s1-tablet-up, .gi-1-1-tablet-up, .gi-1s1-tablet-up { --innerCols: 1; } .gi-8s1-tablet-up, .gi-7s1-tablet-up, .gi-6s1-tablet-up, .gi-5s1-tablet-up, .gi-4s1-tablet-up, .gi-3s1-tablet-up, .gi-2s1-tablet-up, .gi-1s1-tablet-up { grid-column-end: span 1; } .gi-2-8-tablet-up, .gi-2s7-tablet-up, .gi-2-7-tablet-up, .gi-2s6-tablet-up, .gi-2-6-tablet-up, .gi-2s5-tablet-up, .gi-2-5-tablet-up, .gi-2s4-tablet-up, .gi-2-4-tablet-up, .gi-2s3-tablet-up, .gi-2-3-tablet-up, .gi-2s2-tablet-up, .gi-2-2-tablet-up, .gi-2s1-tablet-up { grid-column-start: col-start 2; } .gi-2-2-tablet-up, .gi-1-2-tablet-up { grid-column-end: col-end 2; } .gi-7-8-tablet-up, .gi-7s2-tablet-up, .gi-6-7-tablet-up, .gi-6s2-tablet-up, .gi-5-6-tablet-up, .gi-5s2-tablet-up, .gi-4-5-tablet-up, .gi-4s2-tablet-up, .gi-3-4-tablet-up, .gi-3s2-tablet-up, .gi-2-3-tablet-up, .gi-2s2-tablet-up, .gi-1-2-tablet-up, .gi-1s2-tablet-up { --innerCols: 2; } .gi-7s2-tablet-up, .gi-6s2-tablet-up, .gi-5s2-tablet-up, .gi-4s2-tablet-up, .gi-3s2-tablet-up, .gi-2s2-tablet-up, .gi-1s2-tablet-up { grid-column-end: span 3; } .gi-3-8-tablet-up, .gi-3s6-tablet-up, .gi-3-7-tablet-up, .gi-3s5-tablet-up, .gi-3-6-tablet-up, .gi-3s4-tablet-up, .gi-3-5-tablet-up, .gi-3s3-tablet-up, .gi-3-4-tablet-up, .gi-3s2-tablet-up, .gi-3-3-tablet-up, .gi-3s1-tablet-up { grid-column-start: col-start 3; } .gi-3-3-tablet-up, .gi-2-3-tablet-up, .gi-1-3-tablet-up { grid-column-end: col-end 3; } .gi-6-8-tablet-up, .gi-6s3-tablet-up, .gi-5-7-tablet-up, .gi-5s3-tablet-up, .gi-4-6-tablet-up, .gi-4s3-tablet-up, .gi-3-5-tablet-up, .gi-3s3-tablet-up, .gi-2-4-tablet-up, .gi-2s3-tablet-up, .gi-1-3-tablet-up, .gi-1s3-tablet-up { --innerCols: 3; } .gi-6s3-tablet-up, .gi-5s3-tablet-up, .gi-4s3-tablet-up, .gi-3s3-tablet-up, .gi-2s3-tablet-up, .gi-1s3-tablet-up { grid-column-end: span 5; } .gi-4-8-tablet-up, .gi-4s5-tablet-up, .gi-4-7-tablet-up, .gi-4s4-tablet-up, .gi-4-6-tablet-up, .gi-4s3-tablet-up, .gi-4-5-tablet-up, .gi-4s2-tablet-up, .gi-4-4-tablet-up, .gi-4s1-tablet-up { grid-column-start: col-start 4; } .gi-4-4-tablet-up, .gi-3-4-tablet-up, .gi-2-4-tablet-up, .gi-1-4-tablet-up { grid-column-end: col-end 4; } .gi-5-8-tablet-up, .gi-5s4-tablet-up, .gi-4-7-tablet-up, .gi-4s4-tablet-up, .gi-3-6-tablet-up, .gi-3s4-tablet-up, .gi-2-5-tablet-up, .gi-2s4-tablet-up, .gi-1-4-tablet-up, .gi-1s4-tablet-up { --innerCols: 4; } .gi-5s4-tablet-up, .gi-4s4-tablet-up, .gi-3s4-tablet-up, .gi-2s4-tablet-up, .gi-1s4-tablet-up { grid-column-end: span 7; } .gi-5-8-tablet-up, .gi-5s4-tablet-up, .gi-5-7-tablet-up, .gi-5s3-tablet-up, .gi-5-6-tablet-up, .gi-5s2-tablet-up, .gi-5-5-tablet-up, .gi-5s1-tablet-up { grid-column-start: col-start 5; } .gi-5-5-tablet-up, .gi-4-5-tablet-up, .gi-3-5-tablet-up, .gi-2-5-tablet-up, .gi-1-5-tablet-up { grid-column-end: col-end 5; } .gi-4-8-tablet-up, .gi-4s5-tablet-up, .gi-3-7-tablet-up, .gi-3s5-tablet-up, .gi-2-6-tablet-up, .gi-2s5-tablet-up, .gi-1-5-tablet-up, .gi-1s5-tablet-up { --innerCols: 5; } .gi-4s5-tablet-up, .gi-3s5-tablet-up, .gi-2s5-tablet-up, .gi-1s5-tablet-up { grid-column-end: span 9; } .gi-6-8-tablet-up, .gi-6s3-tablet-up, .gi-6-7-tablet-up, .gi-6s2-tablet-up, .gi-6-6-tablet-up, .gi-6s1-tablet-up { grid-column-start: col-start 6; } .gi-6-6-tablet-up, .gi-5-6-tablet-up, .gi-4-6-tablet-up, .gi-3-6-tablet-up, .gi-2-6-tablet-up, .gi-1-6-tablet-up { grid-column-end: col-end 6; } .gi-3-8-tablet-up, .gi-3s6-tablet-up, .gi-2-7-tablet-up, .gi-2s6-tablet-up, .gi-1-6-tablet-up, .gi-1s6-tablet-up { --innerCols: 6; } .gi-3s6-tablet-up, .gi-2s6-tablet-up, .gi-1s6-tablet-up { grid-column-end: span 11; } .gi-7-8-tablet-up, .gi-7s2-tablet-up, .gi-7-7-tablet-up, .gi-7s1-tablet-up { grid-column-start: col-start 7; } .gi-7-7-tablet-up, .gi-6-7-tablet-up, .gi-5-7-tablet-up, .gi-4-7-tablet-up, .gi-3-7-tablet-up, .gi-2-7-tablet-up, .gi-1-7-tablet-up { grid-column-end: col-end 7; } .gi-2-8-tablet-up, .gi-2s7-tablet-up, .gi-1-7-tablet-up, .gi-1s7-tablet-up { --innerCols: 7; } .gi-2s7-tablet-up, .gi-1s7-tablet-up { grid-column-end: span 13; } .gi-8-8-tablet-up, .gi-8s1-tablet-up { grid-column-start: col-start 8; } .gi-8-8-tablet-up, .gi-7-8-tablet-up, .gi-6-8-tablet-up, .gi-5-8-tablet-up, .gi-4-8-tablet-up, .gi-3-8-tablet-up, .gi-2-8-tablet-up, .gi-1-8-tablet-up { grid-column-end: col-end 8; } .gi-1-8-tablet-up, .gi-1s8-tablet-up { --innerCols: 8; } .gi-1s8-tablet-up { grid-column-end: span 15; }}@media (min-width: 1025px) { .gi-1-12-desktop-up, .gi-1s12-desktop-up, .gi-1-11-desktop-up, .gi-1s11-desktop-up, .gi-1-10-desktop-up, .gi-1s10-desktop-up, .gi-1-9-desktop-up, .gi-1s9-desktop-up, .gi-1-8-desktop-up, .gi-1s8-desktop-up, .gi-1-7-desktop-up, .gi-1s7-desktop-up, .gi-1-6-desktop-up, .gi-1s6-desktop-up, .gi-1-5-desktop-up, .gi-1s5-desktop-up, .gi-1-4-desktop-up, .gi-1s4-desktop-up, .gi-1-3-desktop-up, .gi-1s3-desktop-up, .gi-1-2-desktop-up, .gi-1s2-desktop-up, .gi-1-1-desktop-up, .gi-1s1-desktop-up { grid-column-start: col-start 1; } .gi-1-1-desktop-up { grid-column-end: col-end 1; } .gi-12-12-desktop-up, .gi-12s1-desktop-up, .gi-11-11-desktop-up, .gi-11s1-desktop-up, .gi-10-10-desktop-up, .gi-10s1-desktop-up, .gi-9-9-desktop-up, .gi-9s1-desktop-up, .gi-8-8-desktop-up, .gi-8s1-desktop-up, .gi-7-7-desktop-up, .gi-7s1-desktop-up, .gi-6-6-desktop-up, .gi-6s1-desktop-up, .gi-5-5-desktop-up, .gi-5s1-desktop-up, .gi-4-4-desktop-up, .gi-4s1-desktop-up, .gi-3-3-desktop-up, .gi-3s1-desktop-up, .gi-2-2-desktop-up, .gi-2s1-desktop-up, .gi-1-1-desktop-up, .gi-1s1-desktop-up { --innerCols: 1; } .gi-12s1-desktop-up, .gi-11s1-desktop-up, .gi-10s1-desktop-up, .gi-9s1-desktop-up, .gi-8s1-desktop-up, .gi-7s1-desktop-up, .gi-6s1-desktop-up, .gi-5s1-desktop-up, .gi-4s1-desktop-up, .gi-3s1-desktop-up, .gi-2s1-desktop-up, .gi-1s1-desktop-up { grid-column-end: span 1; } .gi-2-12-desktop-up, .gi-2s11-desktop-up, .gi-2-11-desktop-up, .gi-2s10-desktop-up, .gi-2-10-desktop-up, .gi-2s9-desktop-up, .gi-2-9-desktop-up, .gi-2s8-desktop-up, .gi-2-8-desktop-up, .gi-2s7-desktop-up, .gi-2-7-desktop-up, .gi-2s6-desktop-up, .gi-2-6-desktop-up, .gi-2s5-desktop-up, .gi-2-5-desktop-up, .gi-2s4-desktop-up, .gi-2-4-desktop-up, .gi-2s3-desktop-up, .gi-2-3-desktop-up, .gi-2s2-desktop-up, .gi-2-2-desktop-up, .gi-2s1-desktop-up { grid-column-start: col-start 2; } .gi-2-2-desktop-up, .gi-1-2-desktop-up { grid-column-end: col-end 2; } .gi-11-12-desktop-up, .gi-11s2-desktop-up, .gi-10-11-desktop-up, .gi-10s2-desktop-up, .gi-9-10-desktop-up, .gi-9s2-desktop-up, .gi-8-9-desktop-up, .gi-8s2-desktop-up, .gi-7-8-desktop-up, .gi-7s2-desktop-up, .gi-6-7-desktop-up, .gi-6s2-desktop-up, .gi-5-6-desktop-up, .gi-5s2-desktop-up, .gi-4-5-desktop-up, .gi-4s2-desktop-up, .gi-3-4-desktop-up, .gi-3s2-desktop-up, .gi-2-3-desktop-up, .gi-2s2-desktop-up, .gi-1-2-desktop-up, .gi-1s2-desktop-up { --innerCols: 2; } .gi-11s2-desktop-up, .gi-10s2-desktop-up, .gi-9s2-desktop-up, .gi-8s2-desktop-up, .gi-7s2-desktop-up, .gi-6s2-desktop-up, .gi-5s2-desktop-up, .gi-4s2-desktop-up, .gi-3s2-desktop-up, .gi-2s2-desktop-up, .gi-1s2-desktop-up { grid-column-end: span 3; } .gi-3-12-desktop-up, .gi-3s10-desktop-up, .gi-3-11-desktop-up, .gi-3s9-desktop-up, .gi-3-10-desktop-up, .gi-3s8-desktop-up, .gi-3-9-desktop-up, .gi-3s7-desktop-up, .gi-3-8-desktop-up, .gi-3s6-desktop-up, .gi-3-7-desktop-up, .gi-3s5-desktop-up, .gi-3-6-desktop-up, .gi-3s4-desktop-up, .gi-3-5-desktop-up, .gi-3s3-desktop-up, .gi-3-4-desktop-up, .gi-3s2-desktop-up, .gi-3-3-desktop-up, .gi-3s1-desktop-up { grid-column-start: col-start 3; } .gi-3-3-desktop-up, .gi-2-3-desktop-up, .gi-1-3-desktop-up { grid-column-end: col-end 3; } .gi-10-12-desktop-up, .gi-10s3-desktop-up, .gi-9-11-desktop-up, .gi-9s3-desktop-up, .gi-8-10-desktop-up, .gi-8s3-desktop-up, .gi-7-9-desktop-up, .gi-7s3-desktop-up, .gi-6-8-desktop-up, .gi-6s3-desktop-up, .gi-5-7-desktop-up, .gi-5s3-desktop-up, .gi-4-6-desktop-up, .gi-4s3-desktop-up, .gi-3-5-desktop-up, .gi-3s3-desktop-up, .gi-2-4-desktop-up, .gi-2s3-desktop-up, .gi-1-3-desktop-up, .gi-1s3-desktop-up { --innerCols: 3; } .gi-10s3-desktop-up, .gi-9s3-desktop-up, .gi-8s3-desktop-up, .gi-7s3-desktop-up, .gi-6s3-desktop-up, .gi-5s3-desktop-up, .gi-4s3-desktop-up, .gi-3s3-desktop-up, .gi-2s3-desktop-up, .gi-1s3-desktop-up { grid-column-end: span 5; } .gi-4-12-desktop-up, .gi-4s9-desktop-up, .gi-4-11-desktop-up, .gi-4s8-desktop-up, .gi-4-10-desktop-up, .gi-4s7-desktop-up, .gi-4-9-desktop-up, .gi-4s6-desktop-up, .gi-4-8-desktop-up, .gi-4s5-desktop-up, .gi-4-7-desktop-up, .gi-4s4-desktop-up, .gi-4-6-desktop-up, .gi-4s3-desktop-up, .gi-4-5-desktop-up, .gi-4s2-desktop-up, .gi-4-4-desktop-up, .gi-4s1-desktop-up { grid-column-start: col-start 4; } .gi-4-4-desktop-up, .gi-3-4-desktop-up, .gi-2-4-desktop-up, .gi-1-4-desktop-up { grid-column-end: col-end 4; } .gi-9-12-desktop-up, .gi-9s4-desktop-up, .gi-8-11-desktop-up, .gi-8s4-desktop-up, .gi-7-10-desktop-up, .gi-7s4-desktop-up, .gi-6-9-desktop-up, .gi-6s4-desktop-up, .gi-5-8-desktop-up, .gi-5s4-desktop-up, .gi-4-7-desktop-up, .gi-4s4-desktop-up, .gi-3-6-desktop-up, .gi-3s4-desktop-up, .gi-2-5-desktop-up, .gi-2s4-desktop-up, .gi-1-4-desktop-up, .gi-1s4-desktop-up { --innerCols: 4; } .gi-9s4-desktop-up, .gi-8s4-desktop-up, .gi-7s4-desktop-up, .gi-6s4-desktop-up, .gi-5s4-desktop-up, .gi-4s4-desktop-up, .gi-3s4-desktop-up, .gi-2s4-desktop-up, .gi-1s4-desktop-up { grid-column-end: span 7; } .gi-5-12-desktop-up, .gi-5s8-desktop-up, .gi-5-11-desktop-up, .gi-5s7-desktop-up, .gi-5-10-desktop-up, .gi-5s6-desktop-up, .gi-5-9-desktop-up, .gi-5s5-desktop-up, .gi-5-8-desktop-up, .gi-5s4-desktop-up, .gi-5-7-desktop-up, .gi-5s3-desktop-up, .gi-5-6-desktop-up, .gi-5s2-desktop-up, .gi-5-5-desktop-up, .gi-5s1-desktop-up { grid-column-start: col-start 5; } .gi-5-5-desktop-up, .gi-4-5-desktop-up, .gi-3-5-desktop-up, .gi-2-5-desktop-up, .gi-1-5-desktop-up { grid-column-end: col-end 5; } .gi-8-12-desktop-up, .gi-8s5-desktop-up, .gi-7-11-desktop-up, .gi-7s5-desktop-up, .gi-6-10-desktop-up, .gi-6s5-desktop-up, .gi-5-9-desktop-up, .gi-5s5-desktop-up, .gi-4-8-desktop-up, .gi-4s5-desktop-up, .gi-3-7-desktop-up, .gi-3s5-desktop-up, .gi-2-6-desktop-up, .gi-2s5-desktop-up, .gi-1-5-desktop-up, .gi-1s5-desktop-up { --innerCols: 5; } .gi-8s5-desktop-up, .gi-7s5-desktop-up, .gi-6s5-desktop-up, .gi-5s5-desktop-up, .gi-4s5-desktop-up, .gi-3s5-desktop-up, .gi-2s5-desktop-up, .gi-1s5-desktop-up { grid-column-end: span 9; } .gi-6-12-desktop-up, .gi-6s7-desktop-up, .gi-6-11-desktop-up, .gi-6s6-desktop-up, .gi-6-10-desktop-up, .gi-6s5-desktop-up, .gi-6-9-desktop-up, .gi-6s4-desktop-up, .gi-6-8-desktop-up, .gi-6s3-desktop-up, .gi-6-7-desktop-up, .gi-6s2-desktop-up, .gi-6-6-desktop-up, .gi-6s1-desktop-up { grid-column-start: col-start 6; } .gi-6-6-desktop-up, .gi-5-6-desktop-up, .gi-4-6-desktop-up, .gi-3-6-desktop-up, .gi-2-6-desktop-up, .gi-1-6-desktop-up { grid-column-end: col-end 6; } .gi-7-12-desktop-up, .gi-7s6-desktop-up, .gi-6-11-desktop-up, .gi-6s6-desktop-up, .gi-5-10-desktop-up, .gi-5s6-desktop-up, .gi-4-9-desktop-up, .gi-4s6-desktop-up, .gi-3-8-desktop-up, .gi-3s6-desktop-up, .gi-2-7-desktop-up, .gi-2s6-desktop-up, .gi-1-6-desktop-up, .gi-1s6-desktop-up { --innerCols: 6; } .gi-7s6-desktop-up, .gi-6s6-desktop-up, .gi-5s6-desktop-up, .gi-4s6-desktop-up, .gi-3s6-desktop-up, .gi-2s6-desktop-up, .gi-1s6-desktop-up { grid-column-end: span 11; } .gi-7-12-desktop-up, .gi-7s6-desktop-up, .gi-7-11-desktop-up, .gi-7s5-desktop-up, .gi-7-10-desktop-up, .gi-7s4-desktop-up, .gi-7-9-desktop-up, .gi-7s3-desktop-up, .gi-7-8-desktop-up, .gi-7s2-desktop-up, .gi-7-7-desktop-up, .gi-7s1-desktop-up { grid-column-start: col-start 7; } .gi-7-7-desktop-up, .gi-6-7-desktop-up, .gi-5-7-desktop-up, .gi-4-7-desktop-up, .gi-3-7-desktop-up, .gi-2-7-desktop-up, .gi-1-7-desktop-up { grid-column-end: col-end 7; } .gi-6-12-desktop-up, .gi-6s7-desktop-up, .gi-5-11-desktop-up, .gi-5s7-desktop-up, .gi-4-10-desktop-up, .gi-4s7-desktop-up, .gi-3-9-desktop-up, .gi-3s7-desktop-up, .gi-2-8-desktop-up, .gi-2s7-desktop-up, .gi-1-7-desktop-up, .gi-1s7-desktop-up { --innerCols: 7; } .gi-6s7-desktop-up, .gi-5s7-desktop-up, .gi-4s7-desktop-up, .gi-3s7-desktop-up, .gi-2s7-desktop-up, .gi-1s7-desktop-up { grid-column-end: span 13; } .gi-8-12-desktop-up, .gi-8s5-desktop-up, .gi-8-11-desktop-up, .gi-8s4-desktop-up, .gi-8-10-desktop-up, .gi-8s3-desktop-up, .gi-8-9-desktop-up, .gi-8s2-desktop-up, .gi-8-8-desktop-up, .gi-8s1-desktop-up { grid-column-start: col-start 8; } .gi-8-8-desktop-up, .gi-7-8-desktop-up, .gi-6-8-desktop-up, .gi-5-8-desktop-up, .gi-4-8-desktop-up, .gi-3-8-desktop-up, .gi-2-8-desktop-up, .gi-1-8-desktop-up { grid-column-end: col-end 8; } .gi-5-12-desktop-up, .gi-5s8-desktop-up, .gi-4-11-desktop-up, .gi-4s8-desktop-up, .gi-3-10-desktop-up, .gi-3s8-desktop-up, .gi-2-9-desktop-up, .gi-2s8-desktop-up, .gi-1-8-desktop-up, .gi-1s8-desktop-up { --innerCols: 8; } .gi-5s8-desktop-up, .gi-4s8-desktop-up, .gi-3s8-desktop-up, .gi-2s8-desktop-up, .gi-1s8-desktop-up { grid-column-end: span 15; } .gi-9-12-desktop-up, .gi-9s4-desktop-up, .gi-9-11-desktop-up, .gi-9s3-desktop-up, .gi-9-10-desktop-up, .gi-9s2-desktop-up, .gi-9-9-desktop-up, .gi-9s1-desktop-up { grid-column-start: col-start 9; } .gi-9-9-desktop-up, .gi-8-9-desktop-up, .gi-7-9-desktop-up, .gi-6-9-desktop-up, .gi-5-9-desktop-up, .gi-4-9-desktop-up, .gi-3-9-desktop-up, .gi-2-9-desktop-up, .gi-1-9-desktop-up { grid-column-end: col-end 9; } .gi-4-12-desktop-up, .gi-4s9-desktop-up, .gi-3-11-desktop-up, .gi-3s9-desktop-up, .gi-2-10-desktop-up, .gi-2s9-desktop-up, .gi-1-9-desktop-up, .gi-1s9-desktop-up { --innerCols: 9; } .gi-4s9-desktop-up, .gi-3s9-desktop-up, .gi-2s9-desktop-up, .gi-1s9-desktop-up { grid-column-end: span 17; } .gi-10-12-desktop-up, .gi-10s3-desktop-up, .gi-10-11-desktop-up, .gi-10s2-desktop-up, .gi-10-10-desktop-up, .gi-10s1-desktop-up { grid-column-start: col-start 10; } .gi-10-10-desktop-up, .gi-9-10-desktop-up, .gi-8-10-desktop-up, .gi-7-10-desktop-up, .gi-6-10-desktop-up, .gi-5-10-desktop-up, .gi-4-10-desktop-up, .gi-3-10-desktop-up, .gi-2-10-desktop-up, .gi-1-10-desktop-up { grid-column-end: col-end 10; } .gi-3-12-desktop-up, .gi-3s10-desktop-up, .gi-2-11-desktop-up, .gi-2s10-desktop-up, .gi-1-10-desktop-up, .gi-1s10-desktop-up { --innerCols: 10; } .gi-3s10-desktop-up, .gi-2s10-desktop-up, .gi-1s10-desktop-up { grid-column-end: span 19; } .gi-11-12-desktop-up, .gi-11s2-desktop-up, .gi-11-11-desktop-up, .gi-11s1-desktop-up { grid-column-start: col-start 11; } .gi-11-11-desktop-up, .gi-10-11-desktop-up, .gi-9-11-desktop-up, .gi-8-11-desktop-up, .gi-7-11-desktop-up, .gi-6-11-desktop-up, .gi-5-11-desktop-up, .gi-4-11-desktop-up, .gi-3-11-desktop-up, .gi-2-11-desktop-up, .gi-1-11-desktop-up { grid-column-end: col-end 11; } .gi-2-12-desktop-up, .gi-2s11-desktop-up, .gi-1-11-desktop-up, .gi-1s11-desktop-up { --innerCols: 11; } .gi-2s11-desktop-up, .gi-1s11-desktop-up { grid-column-end: span 21; } .gi-12-12-desktop-up, .gi-12s1-desktop-up { grid-column-start: col-start 12; } .gi-12-12-desktop-up, .gi-11-12-desktop-up, .gi-10-12-desktop-up, .gi-9-12-desktop-up, .gi-8-12-desktop-up, .gi-7-12-desktop-up, .gi-6-12-desktop-up, .gi-5-12-desktop-up, .gi-4-12-desktop-up, .gi-3-12-desktop-up, .gi-2-12-desktop-up, .gi-1-12-desktop-up { grid-column-end: col-end 12; } .gi-1-12-desktop-up, .gi-1s12-desktop-up { --innerCols: 12; } .gi-1s12-desktop-up { grid-column-end: span 23; }}body .editor-styles-wrapper,body:not(.wp-admin) { font-family: "PorscheNext", Helvetica, Arial, sans-serif;}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { font-family: inherit; font-weight: 600;}h1,.h1 { font-size: 1.6875rem; font-style: italic; font-weight: 700; line-height: 1.2; letter-spacing: 0.02em;}@media (min-width: 641px) and (min-height: 500px) { h1,.h1 { font-size: 3rem; }}@media (min-width: 1025px) { h1,.h1 { font-size: 3.75rem; }}h2,.h2,h3,.h3 { font-size: 1.5625rem; line-height: 1.2; letter-spacing: 0.02em;}@media (min-width: 1025px) { h2,.h2,h3,.h3 { font-size: 2.5rem; }}h3,.h3 { font-style: italic; font-weight: 700;}@media (min-width: 641px) and (min-height: 500px) and (max-width: 1024px) { h3,.h3 { font-size: 2rem; }}h4,.h4,h5,.h5 { font-size: 1rem; line-height: 1.4;}@media (min-width: 641px) and (min-height: 500px) { h4,.h4,h5,.h5 { font-size: 1.125rem; }}@media (min-width: 1025px) { h4,.h4,h5,.h5 { font-size: 2rem; }}@media (min-width: 1025px) { h5,.h5 { font-style: italic; letter-spacing: 0.02em; }}.p1, .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { font-size: 1.375rem; font-style: normal; font-weight: 700; line-height: 1.3; letter-spacing: 0.02em;}@media (min-width: 641px) and (min-height: 500px) { .p1, .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { font-size: 1.5rem; }}@media (min-width: 1025px) { .p1, .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { font-size: 1.625rem; line-height: 1.4; }}.p2, .header__navigation ul .menu-item a { font-size: 0.75rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.01em;}@media (min-width: 641px) and (min-height: 500px) { .p2, .header__navigation ul .menu-item a { font-size: 0.875rem; }}@media (min-width: 1025px) { .p2, .header__navigation ul .menu-item a { font-size: 1.25rem; }}.p3, .footer__navigation .menu-item, .rte:not(.p1, .p2, .pe, .d1, .footer__subscribe__mail, .d2), .pe, .text-media-intro p, p,.p, .p3-bold, .btn { font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.01em;}@media (min-width: 1025px) { .p3, .footer__navigation .menu-item, .rte:not(.p1, .p2, .pe, .d1, .footer__subscribe__mail, .d2), .pe, .text-media-intro p, p,.p, .p3-bold, .btn { font-size: 1.1875rem; }}.p3-bold, .btn { font-weight: 600; line-height: 1.4;}@media (min-width: 1025px) { .p3-bold, .btn { line-height: 1.2; }}.d1, .footer__subscribe__mail, .d2, .footer__subscribe__checkbox-label > p { font-size: 0.875rem; line-height: 1.3; letter-spacing: 0.01em;}@media (min-width: 1025px) { .d1, .footer__subscribe__mail, .d2, .footer__subscribe__checkbox-label > p { font-size: 1rem; line-height: 1.4; }}.d2, .footer__subscribe__checkbox-label > p { font-size: 0.75rem;}.pe, .text-media-intro p { margin: 0; font-size: 1.375rem; line-height: 1.4; letter-spacing: 0;}@media (min-width: 641px) and (min-height: 500px) { .pe, .text-media-intro p { font-size: 1.688rem; }}@media (min-width: 1025px) { .pe, .text-media-intro p { font-size: 2rem; }}.button-text { font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 1.2em; letter-spacing: 0.01em;}@media (min-width: 1025px) { .button-text { font-size: 1.1875rem; }}.rte { margin-bottom: 0;}.rte p:first-child { margin: 0;}.rte p:not(:first-child) { margin: 15px 0 0;}@media (min-width: 641px) and (min-height: 500px) { .rte p:not(:first-child) { margin: 20px 0 0; }}@media (min-width: 1025px) { .rte p:not(:first-child) { margin: 30px 0 0; }}.rte ul + p:not(:first-child) { margin-top: 40px;}@media (min-width: 641px) and (min-height: 500px) { .rte ul + p:not(:first-child) { margin-top: 50px; }}.rte ul:first-child,.rte ol:first-child { margin-top: 0;}.rte ol,.rte ul { margin: 40px 0 0; padding-left: 0; counter-reset: ol-counter;}@media (min-width: 641px) and (min-height: 500px) { .rte ol,.rte ul { margin: 50px 0 0; }}.rte ol > li,.rte ul > li { position: relative; display: block; padding-left: 20px; counter-increment: ol-counter; line-height: 1.8;}.rte ol > li::before,.rte ul > li::before { position: absolute; left: 0; content: counter(ol-counter) ".";}@media (min-width: 641px) and (min-height: 500px) { .rte ol > li,.rte ul > li { padding-left: 40px; }}.rte ul > li::before { top: 11px; width: 6px; height: 6px; background-color: #000; content: "";}.rte a { padding: 0 0 2px; background-image: linear-gradient(to right, transparent 0%, transparent 33%, #000 33%, #000 100%); background-repeat: repeat-x; background-position: 100% 1.25em; background-size: 150% 1px; color: #000; font-style: italic; font-weight: 700; text-decoration: none; transition: background-position 800ms ease-in-out, background-size 800ms ease-in-out;}.rte a:hover { background-position: -100% 1.25em; background-size: 200% 1px;}.rte strong,.rte b { font-weight: 700;}.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { margin: 30px 0; text-align: center;}@media (min-width: 641px) and (min-height: 500px) { .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { margin: 35px 0; }}@media (min-width: 1025px) { .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { margin: 50px 0; }}.rte h1:last-child,.rte h2:last-child,.rte h3:last-child,.rte h4:last-child,.rte h5:last-child,.rte h6:last-child { margin: 0;}.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child { margin-top: 0;}.input-reset { padding: 0; border: 0; appearance: none; outline: none;}.button-reset { overflow: visible; padding: 0; appearance: none; color: inherit; font: inherit; line-height: normal; -webkit-user-select: none; user-select: none;}.button-reset::-moz-focus-inner { padding: 0; border: 0;}.button-reset:focus { outline: 0;}.header-user { position: relative; height: 100%; /* Menu arrow */}.header-user::before { position: absolute; top: calc(100% - 1px); left: 50%; z-index: 2; display: none; width: 25px; height: 25px; border: 1px solid #000; border-right: 0; border-bottom: 0; border-radius: 4px 0 0; background: #fff; transform: translate3d(-50%, -50%, 0) rotate(45deg); content: "";}.header-user[data-menuopen=true]::before { display: block;}.header-user__user-button { --size: 25px; --iconOpacity: 0.4; --bgOpacity: 0; --imageOpacity: 0; --outlineColor: #d9d9d9; position: relative; top: 50%; overflow: hidden; width: var(--size); height: var(--size); border: 0; border-radius: 50%; background: transparent; text-indent: -999em; transform: translate3d(0, -50%, 0); transition: outline-color 150ms linear; cursor: pointer; /* Gray background */ /* Image background */}@media (min-width: 1025px) { .header-user__user-button { --size: 40px; }}@media (hover: hover), (min-width: 1025px) { .header-user__user-button:hover { --iconOpacity: 1; --bgOpacity: 1; --outlineColor: #000; }}.header-user__user-button::before, .header-user__user-button::after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; transition: opacity 150ms linear; content: "";}.header-user__user-button::before { opacity: var(--bgOpacity); background: #ececec;}.header-user__user-button::after { opacity: var(--imageOpacity); background: var(--profilepicture); background-size: cover;}.header-user__user-button__icon { --size: 19px; --pos: 3px; position: absolute; top: var(--pos); left: var(--pos); z-index: 1; width: var(--size); height: var(--size); opacity: var(--iconOpacity); transition: opacity 150ms linear;}@media (min-width: 1025px) { .header-user__user-button__icon { --size: 30px; --pos: 5px; }}.header-user[data-menuopen=true] .header-user__user-button { --outlineColor: #000; --iconOpacity: 1;}.header-user[data-hasuser=true] .header-user__user-button { --bgOpacity: 1;}.header-user[data-hasuserpicture=true] .header-user__user-button { --imageOpacity: 1; --iconOpacity: 0; outline: 2px solid var(--outlineColor);}.header-user .header-user__user-menu { position: absolute; top: calc(100% - 1px); left: calc(50% - 70px); display: none; overflow: hidden; width: 140px; height: auto; border: 1px solid #000; border-radius: 5px; font-weight: 600; text-align: center;}.header-user .header-user__user-menu__item { position: relative; z-index: 3; display: block; overflow: hidden; padding: 12px 35px; background: #fff; cursor: pointer;}@media (hover: hover), (min-width: 1025px) { .header-user .header-user__user-menu__item:hover { background: #f2f2f2; }}.header-user[data-menuopen=true] .header-user__user-menu { display: block;}.header-user[data-hasuser=true] .header-user__user-menu__item--login, .header-user[data-hasuser=false] .header-user__user-menu__item--logout { display: none;}body.page.no-scroll { overflow: hidden;}.header { position: fixed; z-index: 1000;}.header__container { display: flex; padding: 0; width: 100vw; height: 45px; justify-content: flex-end; background-color: #fff; filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.05)); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: height 500ms ease-in-out, background-color 200ms ease-in-out 200ms, padding 500ms ease-in-out, -webkit-backdrop-filter 500ms ease-in-out; transition: height 500ms ease-in-out, background-color 200ms ease-in-out 200ms, backdrop-filter 500ms ease-in-out, padding 500ms ease-in-out; transition: height 500ms ease-in-out, background-color 200ms ease-in-out 200ms, backdrop-filter 500ms ease-in-out, padding 500ms ease-in-out, -webkit-backdrop-filter 500ms ease-in-out;}@media (min-width: 641px) and (min-height: 500px) { .header__container { padding-right: 50px; height: 50px; }}@media (min-width: 1441px) { .header__container { padding-right: 150px; height: 80px; }}.header__edge { position: absolute; bottom: -14px; left: -41px; z-index: 1; width: 346px; height: 38px; opacity: 1; transition: opacity 200ms ease-in-out 300ms;}@media (min-width: 641px) and (min-height: 500px) { .header__edge { bottom: -19px; left: -69px; width: 454px; height: 50px; }}@media (min-width: 1441px) { .header__edge { bottom: -23px; left: -1px; width: 545px; height: 60px; }}.header__logo { position: absolute; top: 18px; left: 39px; z-index: 2; margin-bottom: 0; text-decoration: none; transform: translateX(0); transition: transform 500ms ease-in-out, left 500ms ease-in-out, top 500ms ease-in-out;}@media (min-width: 641px) and (min-height: 500px) { .header__logo { top: 19px; left: 50px; transform: translate(0); }}@media (min-width: 1441px) { .header__logo { top: 30px; left: 90px; gap: 21px; transform: translate(0); }}.header__logo__container { position: relative;}@media (min-width: 641px) and (min-height: 500px) { .header__logo__container { display: flex; gap: 14px; align-items: center; }}@media (min-width: 1441px) { .header__logo__container { gap: 21px; }}.header__logo__svg-logo { width: 22px; height: 25px; fill: #000; transform: scale(1); transform-origin: top; transition: transform 300ms ease-in-out, fill 500ms ease-in-out;}@media (min-width: 641px) and (min-height: 500px) { .header__logo__svg-logo { width: 25px; height: 28px; }}@media (min-width: 1441px) { .header__logo__svg-logo { width: 38px; height: 42px; }}.header__logo__svg-text { position: absolute; top: 7px; left: 35px; width: 47px; height: 11px; fill: #000; transform: scale(1); transform-origin: top; transition: transform 500ms ease-in-out, fill 500ms ease-in-out;}@media (min-width: 641px) and (min-height: 500px) { .header__logo__svg-text { position: initial; width: 52px; height: 12px; }}@media (min-width: 1441px) { .header__logo__svg-text { width: 79px; height: 18px; }}.header__navigation { z-index: 3; width: 100%;}.header__navigation ul { display: flex; margin-right: 25px; padding: 0; gap: 25px; flex-direction: column; align-items: flex-end; list-style: none;}@media (max-width: 1024px) { .header__navigation ul { pointer-events: none; } .navigation--active .header__navigation ul { pointer-events: auto; }}@media (min-width: 641px) and (min-height: 500px) { .header__navigation ul { margin: 0 0 0 auto; height: 100%; gap: 35px; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }}@media (min-width: 1441px) { .header__navigation ul { gap: 50px; }}@media (max-width: 640px) { .header__navigation ul li { font-size: 12px; line-height: 1.5; }}.header__navigation ul .menu-item { height: 50px;}@media (min-width: 641px) and (min-height: 500px) { .header__navigation ul .menu-item { height: -moz-fit-content; height: fit-content; }}.header__navigation ul .menu-item a { opacity: 0.4; color: #000; font-size: 11px; font-weight: 600; line-height: 1.5; text-decoration: none; transition: opacity 300ms ease-in-out; pointer-events: all;}@media (min-width: 641px) and (min-height: 500px) { .header__navigation ul .menu-item a { font-size: 13px; }}@media (min-width: 1441px) { .header__navigation ul .menu-item a { font-size: 16px; }}.header__navigation ul .menu-item a:hover { opacity: 1; transition: opacity 250ms ease-in-out;}.header__navigation ul .menu-item.current-menu-item a { opacity: 1;}.header__navigation ul .menu-item__tag { position: relative; top: -15px; display: inline-block; padding: 2px 4px; border-radius: 4px; background: #d5001c; color: #fff; font-size: 9px; line-height: 1.44em; font-weight: 600;}@media (max-width: 640px) { .header__navigation--burger > ul { margin-right: 0; align-items: center; } .header__navigation--burger > ul li.menu-item a { opacity: 0; color: #fff; font-size: 22px; line-height: 50px; pointer-events: none; } .header__navigation--burger > ul li.menu-item.current-menu-item a { opacity: 0; }}.header__navigation__burger { position: absolute; top: 0; right: 0; display: flex; padding-right: 15px; width: 48px; height: 48px; justify-content: center; align-items: center;}@media (min-width: 641px) and (min-height: 500px) { .header__navigation__burger { display: none; }}.header__navigation__burger__box { position: relative; display: block; width: 18px; height: 11px; cursor: pointer;}.header__navigation__burger__bun, .header__navigation__burger__patty { position: absolute; left: 0; display: block; width: 100%; height: 1px; background-color: #000; content: "";}.header__navigation__burger__bun { transition: transform 0.3s linear, opacity 0.1s linear, width 0.2s ease-out, background-color 0.5s ease-in-out; transition-delay: 0.2s, 0.3s, 0s, 0s;}.header__navigation__burger__bun:first-of-type { top: 0;}.header__navigation__burger__bun:last-of-type { bottom: 0;}.header__navigation__burger__patty { top: 5px; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.5s ease-in-out;}.navigation--active .header__navigation__burger__bun { opacity: 0; background-color: #fff; transition-delay: 0s, 0.1s, 0s, 0s;}.navigation--active .header__navigation__burger__bun:first-of-type { transform: translate3d(0, 10px, 0);}.navigation--active .header__navigation__burger__bun:last-of-type { transform: translate3d(0, -10px, 0);}.navigation--active .header__navigation__burger__patty { background-color: #fff; transform: rotate(45deg); transition-delay: 0.3s, 0s;}.navigation--active .header__navigation__burger__patty + .header__navigation__burger__patty { transform: rotate(-45deg);}.header.navigation--active .header__container { padding: 310px 0 0; height: 100vh; flex-direction: column; justify-content: flex-start; background-color: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: height 500ms ease-in-out, background-color 200ms ease-in-out 100ms, padding 500ms ease-in-out, -webkit-backdrop-filter 200ms ease-in-out 100ms; transition: height 500ms ease-in-out, background-color 200ms ease-in-out 100ms, backdrop-filter 200ms ease-in-out 100ms, padding 500ms ease-in-out; transition: height 500ms ease-in-out, background-color 200ms ease-in-out 100ms, backdrop-filter 200ms ease-in-out 100ms, padding 500ms ease-in-out, -webkit-backdrop-filter 200ms ease-in-out 100ms;}.header.navigation--active .header__edge { opacity: 0; transition: opacity 120ms ease-in-out 50ms;}.header.navigation--active .header__logo { top: 119px; left: 50%; transform: translateX(-50%);}.header.navigation--active .header__logo__svg-logo { fill: #fff; transform: scale(4); transition: transform 300ms ease-in-out 200ms, fill 500ms ease-in-out;}.header.navigation--active .header__logo__svg-text { fill: #fff; transform: scale(1.68) translate3d(-28px, 67px, 0);}.header.navigation--active .header__navigation ul .menu-item a { opacity: 1; transition: opacity 200ms ease-in-out 300ms; pointer-events: all;}.header.navigation--active .header__navigation ul .menu-item.current-menu-item a { opacity: 1; text-decoration: underline;}.page-template-page-webtool header { position: sticky; top: 0; /* Needs to be higher than the tutorial cards' z-index! Otherwise the tutorials will be shown above the login modal */ z-index: 20000;}.page-template-page-webtool header > .header { position: static; z-index: 1;}.page-template-page-webtool #content { height: calc(100vh - 45px);}@media (min-width: 641px) { .page-template-page-webtool #content { height: calc(100vh - 50px); }}@media (min-width: 1441px) { .page-template-page-webtool #content { height: calc(100vh - 80px); }}.page-template-page-webtool #webtool-root { position: relative;}.page-template-page-webtool .article { line-height: 0;}.page-template-page-webtool .otgs-development-site-front-end { display: none;}.maplibregl-map { font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif; overflow: hidden; position: relative; -webkit-tap-highlight-color: rgb(0 0 0/0);}.maplibregl-canvas { left: 0; position: absolute; top: 0;}.maplibregl-map:-webkit-full-screen { height: 100%; width: 100%;}.maplibregl-map:fullscreen { height: 100%; width: 100%;}.maplibregl-ctrl-group button.maplibregl-ctrl-compass { touch-action: none;}.maplibregl-canvas-container.maplibregl-interactive, .maplibregl-ctrl-group button.maplibregl-ctrl-compass { cursor: grab; -webkit-user-select: none; user-select: none;}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer { cursor: pointer;}.maplibregl-canvas-container.maplibregl-interactive:active, .maplibregl-ctrl-group button.maplibregl-ctrl-compass:active { cursor: grabbing;}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate, .maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas { touch-action: pan-x pan-y;}.maplibregl-canvas-container.maplibregl-touch-drag-pan, .maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas { touch-action: pinch-zoom;}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan, .maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas { touch-action: none;}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures, .maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas { touch-action: pan-x pan-y;}.maplibregl-ctrl-bottom-left, .maplibregl-ctrl-bottom-right, .maplibregl-ctrl-top-left, .maplibregl-ctrl-top-right { pointer-events: none; position: absolute; z-index: 2;}.maplibregl-ctrl-top-left { left: 0; top: 0;}.maplibregl-ctrl-top-right { right: 0; top: 0;}.maplibregl-ctrl-bottom-left { bottom: 0; left: 0;}.maplibregl-ctrl-bottom-right { bottom: 0; right: 0;}.maplibregl-ctrl { clear: both; pointer-events: auto; transform: translate(0);}.maplibregl-ctrl-top-left .maplibregl-ctrl { float: left; margin: 10px 0 0 10px;}.maplibregl-ctrl-top-right .maplibregl-ctrl { float: right; margin: 10px 10px 0 0;}.maplibregl-ctrl-bottom-left .maplibregl-ctrl { float: left; margin: 0 0 10px 10px;}.maplibregl-ctrl-bottom-right .maplibregl-ctrl { float: right; margin: 0 10px 10px 0;}.maplibregl-ctrl-group { background: #fff; border-radius: 4px;}.maplibregl-ctrl-group:not(:empty) { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);}@media (forced-colors: active) { .maplibregl-ctrl-group:not(:empty) { box-shadow: 0 0 0 2px ButtonText; }}.maplibregl-ctrl-group button { background-color: transparent; border: 0; box-sizing: border-box; cursor: pointer; display: block; height: 29px; outline: none; padding: 0; width: 29px;}.maplibregl-ctrl-group button + button { border-top: 1px solid #ddd;}.maplibregl-ctrl button .maplibregl-ctrl-icon { background-position: 50%; background-repeat: no-repeat; display: block; height: 100%; width: 100%;}@media (forced-colors: active) { .maplibregl-ctrl-icon { background-color: transparent; } .maplibregl-ctrl-group button + button { border-top: 1px solid ButtonText; }}.maplibregl-ctrl button::-moz-focus-inner { border: 0; padding: 0;}.maplibregl-ctrl-attrib-button:focus, .maplibregl-ctrl-group button:focus { box-shadow: 0 0 2px 2px #0096ff;}.maplibregl-ctrl button:disabled { cursor: not-allowed;}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon { opacity: 0.25;}.maplibregl-ctrl button:not(:disabled):hover { background-color: rgb(0 0 0/5%);}.maplibregl-ctrl-group button:focus:focus-visible { box-shadow: 0 0 2px 2px #0096ff;}.maplibregl-ctrl-group button:focus:not(:focus-visible) { box-shadow: none;}.maplibregl-ctrl-group button:focus:first-child { border-radius: 4px 4px 0 0;}.maplibregl-ctrl-group button:focus:last-child { border-radius: 0 0 4px 4px;}.maplibregl-ctrl-group button:focus:only-child { border-radius: inherit;}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E");}@media (forced-colors: active) { .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E"); }}@media (forced-colors: active) and (prefers-color-scheme: light) { .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E"); }}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E");}@media (forced-colors: active) { .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E"); }}@media (forced-colors: active) and (prefers-color-scheme: light) { .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E"); }}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E");}@media (forced-colors: active) { .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); }}@media (forced-colors: active) and (prefers-color-scheme: light) { .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); }}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon { animation: maplibregl-spin 2s linear infinite;}@media (forced-colors: active) { .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); }}@media (forced-colors: active) and (prefers-color-scheme: light) { .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); } .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E"); }}@keyframes maplibregl-spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); }}a.maplibregl-ctrl-logo { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; cursor: pointer; display: block; height: 23px; margin: 0 0 -4px -4px; overflow: hidden; width: 88px;}a.maplibregl-ctrl-logo.maplibregl-compact { width: 14px;}@media (forced-colors: active) { a.maplibregl-ctrl-logo { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); }}@media (forced-colors: active) and (prefers-color-scheme: light) { a.maplibregl-ctrl-logo { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); }}.maplibregl-ctrl.maplibregl-ctrl-attrib { background-color: hsla(0, 0%, 100%, 0.5); margin: 0; padding: 0 5px;}@media screen { .maplibregl-ctrl-attrib.maplibregl-compact { background-color: #fff; border-radius: 12px; box-sizing: content-box; color: #000; margin: 10px; min-height: 20px; padding: 2px 24px 2px 0; position: relative; } .maplibregl-ctrl-attrib.maplibregl-compact-show { padding: 2px 28px 2px 8px; visibility: visible; } .maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact-show, .maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact-show { border-radius: 12px; padding: 2px 8px 2px 28px; } .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner { display: none; } .maplibregl-ctrl-attrib-button { background-color: hsla(0, 0%, 100%, 0.5); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); border: 0; border-radius: 12px; box-sizing: border-box; cursor: pointer; display: none; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 24px; } .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button { appearance: none; list-style: none; } .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker { display: none; } .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button, .maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button { left: 0; } .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button, .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner { display: block; } .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button { background-color: rgb(0 0 0/5%); } .maplibregl-ctrl-bottom-right > .maplibregl-ctrl-attrib.maplibregl-compact:after { bottom: 0; right: 0; } .maplibregl-ctrl-top-right > .maplibregl-ctrl-attrib.maplibregl-compact:after { right: 0; top: 0; } .maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact:after { left: 0; top: 0; } .maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact:after { bottom: 0; left: 0; }}@media screen and (forced-colors: active) { .maplibregl-ctrl-attrib.maplibregl-compact:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); }}@media screen and (forced-colors: active) and (prefers-color-scheme: light) { .maplibregl-ctrl-attrib.maplibregl-compact:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); }}.maplibregl-ctrl-attrib a { color: rgba(0, 0, 0, 0.75); text-decoration: none;}.maplibregl-ctrl-attrib a:hover { color: inherit; text-decoration: underline;}.maplibregl-attrib-empty { display: none;}.maplibregl-ctrl-scale { background-color: hsla(0, 0%, 100%, 0.75); border: 2px solid #333; border-top: #333; box-sizing: border-box; color: #333; font-size: 10px; padding: 0 5px;}.maplibregl-popup { display: flex; left: 0; pointer-events: none; position: absolute; top: 0; will-change: transform;}.maplibregl-popup-anchor-top, .maplibregl-popup-anchor-top-left, .maplibregl-popup-anchor-top-right { flex-direction: column;}.maplibregl-popup-anchor-bottom, .maplibregl-popup-anchor-bottom-left, .maplibregl-popup-anchor-bottom-right { flex-direction: column-reverse;}.maplibregl-popup-anchor-left { flex-direction: row;}.maplibregl-popup-anchor-right { flex-direction: row-reverse;}.maplibregl-popup-tip { border: 10px solid transparent; height: 0; width: 0; z-index: 1;}.maplibregl-popup-anchor-top .maplibregl-popup-tip { align-self: center; border-bottom-color: #fff; border-top: none;}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip { align-self: flex-start; border-bottom-color: #fff; border-left: none; border-top: none;}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip { align-self: flex-end; border-bottom-color: #fff; border-right: none; border-top: none;}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip { align-self: center; border-bottom: none; border-top-color: #fff;}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip { align-self: flex-start; border-bottom: none; border-left: none; border-top-color: #fff;}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { align-self: flex-end; border-bottom: none; border-right: none; border-top-color: #fff;}.maplibregl-popup-anchor-left .maplibregl-popup-tip { align-self: center; border-left: none; border-right-color: #fff;}.maplibregl-popup-anchor-right .maplibregl-popup-tip { align-self: center; border-left-color: #fff; border-right: none;}.maplibregl-popup-close-button { background-color: transparent; border: 0; border-radius: 0 3px 0 0; cursor: pointer; position: absolute; right: 0; top: 0;}.maplibregl-popup-close-button:hover { background-color: rgb(0 0 0/5%);}.maplibregl-popup-content { background: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 15px 10px; pointer-events: auto; position: relative;}.maplibregl-popup-anchor-top-left .maplibregl-popup-content { border-top-left-radius: 0;}.maplibregl-popup-anchor-top-right .maplibregl-popup-content { border-top-right-radius: 0;}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content { border-bottom-left-radius: 0;}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content { border-bottom-right-radius: 0;}.maplibregl-popup-track-pointer { display: none;}.maplibregl-popup-track-pointer * { pointer-events: none; -webkit-user-select: none; user-select: none;}.maplibregl-map:hover .maplibregl-popup-track-pointer { display: flex;}.maplibregl-map:active .maplibregl-popup-track-pointer { display: none;}.maplibregl-marker { left: 0; position: absolute; top: 0; transition: opacity 0.2s; will-change: transform;}.maplibregl-user-location-dot, .maplibregl-user-location-dot:before { background-color: #1da1f2; border-radius: 50%; height: 15px; width: 15px;}.maplibregl-user-location-dot:before { animation: maplibregl-user-location-dot-pulse 2s infinite; content: ""; position: absolute;}.maplibregl-user-location-dot:after { border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); box-sizing: border-box; content: ""; height: 19px; left: -2px; position: absolute; top: -2px; width: 19px;}@keyframes maplibregl-user-location-dot-pulse { 0% { opacity: 1; transform: scale(1); } 70% { opacity: 0; transform: scale(3); } to { opacity: 0; transform: scale(1); }}.maplibregl-user-location-dot-stale { background-color: #aaa;}.maplibregl-user-location-dot-stale:after { display: none;}.maplibregl-user-location-accuracy-circle { background-color: rgba(29, 161, 242, 0.2); border-radius: 100%; height: 1px; width: 1px;}.maplibregl-crosshair, .maplibregl-crosshair .maplibregl-interactive, .maplibregl-crosshair .maplibregl-interactive:active { cursor: crosshair;}.maplibregl-boxzoom { background: #fff; border: 2px dotted #202020; height: 0; left: 0; opacity: 0.5; position: absolute; top: 0; width: 0;}.maplibregl-cooperative-gesture-screen { align-items: center; background: rgba(0, 0, 0, 0.4); color: #fff; display: flex; font-size: 1.4em; inset: 0; justify-content: center; line-height: 1.2; opacity: 0; padding: 1rem; pointer-events: none; position: absolute; transition: opacity 1s ease 1s; z-index: 99999;}.maplibregl-cooperative-gesture-screen.maplibregl-show { opacity: 1; transition: opacity 0.05s;}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message { display: none;}@media (hover: none), (width <= 480px) { .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message { display: none; } .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message { display: block; }}.maplibregl-pseudo-fullscreen { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 99999;}.fill-parent { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.btn { --borderRadius: 5px; --borderColor: transparent; --backgroundColor: transparent; --textColor: #fff; --mobileHeight: 35px; --height: 50px; --arrowLeft: 28px; --arrowHeight: 19px; --arrowHoverShift: 0; --buttonVisibleWidth: 100%; --textLeft: 44px; --textRight: 29px; position: relative; display: inline-flex; margin: 0; padding: 0; height: var(--mobileHeight); border: 0; align-items: center; font-family: inherit; text-decoration: none; transform: translate3d(0, 0, 0); cursor: pointer; pointer-events: none;}@media (min-width: 1025px) { .btn { --borderRadius: 10px; --arrowLeft: 29px; --textLeft: 48px; --textRight: 28px; height: var(--height); }}.btn--text-dark, .btn--text-bright { --mobileHeight: 40px; --arrowLeft: 16px;}@media (max-width: 1024px) { .btn--text-dark, .btn--text-bright { --border-radius: 7px; --textRight: 23px; --textLeft: 38px; }}@media (min-width: 1025px) { .btn--text-dark, .btn--text-bright { --arrowLeft: 20px; --arrowHeight: 24px; }}.btn--text-dark { --textColor: #000; --borderColor: #000;}@media (hover: hover), (min-width: 1025px) { .btn--text-dark:hover { --textColor: #fff; --borderColor: transparent; --backgroundColor: #323639; }}.btn--text-bright { --borderColor: #fff;}@media (hover: hover), (min-width: 1025px) { .btn--text-bright:hover { --textColor: #000; --backgroundColor: #fff; }}.btn--icon, .btn--unfold { --backgroundColor: #626669;}@supports ((-webkit-backdrop-filter: blur(32px)) or (backdrop-filter: blur(32px))) { .btn--icon, .btn--unfold { --backgroundColor: rgba(131, 126, 126, 0.25); }}.btn--icon { --width: 40px; --height: 75px; --arrowLeft: 12px; --textColor: transparent; width: var(--width);}@media (min-width: 1025px) { .btn--icon { --arrowLeft: 24px; --arrowHeight: 35px; --width: 80px; }}@media (hover: hover), (min-width: 1025px) { .btn--icon:hover { --backgroundColor: #fff; }}.btn--unfold { --arrowLeft: 12px; --buttonVisibleWidth: 42px; --arrowHoverShift: 13px;}@media (max-width: 1024px) { .btn--unfold { --textLeft: 45px; --textRight: 30px; }}@media (min-width: 1025px) { .btn--unfold { --arrowLeft: 19px; --arrowHeight: 24px; --arrowHoverShift: 3px; --textLeft: 48px; --textRight: 28px; --buttonVisibleWidth: 58px; }}@media (hover: hover), (min-width: 1025px) { .button-hover:hover .btn--unfold, .btn--unfold:hover { --buttonVisibleWidth: 100%; }}.btn::before, .btn::after { display: block; height: 100%; content: "";}.btn::before { position: absolute; width: var(--buttonVisibleWidth); height: 100%; border: 1px solid var(--borderColor); border-radius: var(--borderRadius); background: var(--backgroundColor); background-clip: border-box; transition: background-color 200ms linear, border-color 200ms linear; pointer-events: auto;}@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) { .btn--icon::before, .btn--unfold::before { -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); }}.btn--unfold::before { transition: width 400ms cubic-bezier(0.77, 0, 0.175, 1) 200ms;}@media (hover: hover), (min-width: 1025px) { .button-hover:hover .btn--unfold::before, .btn--unfold:hover::before { transition: width 400ms cubic-bezier(0.77, 0, 0.175, 1); }}.btn::after { background-image: url('data:image/svg+xml;utf8, '); position: absolute; top: 0; left: var(--arrowLeft); width: var(--arrowHeight); background-repeat: no-repeat; background-position: center left; background-size: auto var(--arrowHeight); filter: invert(0); transform: translate3d(0, 0, 0); transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms, filter 200ms linear;}.btn--text-dark::after { background-image: url('data:image/svg+xml;utf8, ');}.btn--unfold::after { transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}@media (hover: hover), (min-width: 1025px) { .btn--icon:hover::after, .btn--text-bright:hover::after, .btn--text-dark:hover::after { filter: invert(1); } .button-hover:hover .btn--unfold::after, .btn--unfold:hover::after { transform: translate3d(var(--arrowHoverShift), 0, 0); transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 150ms; }}.btn__title { position: relative; z-index: 1; margin: 0 var(--textRight) 0 var(--textLeft); color: var(--textColor); text-decoration: none; white-space: nowrap; transition: color 200ms linear;}.btn--icon .btn__title { position: absolute;}.btn--unfold .btn__title { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition: clip-path 500ms cubic-bezier(0.77, 0, 0.175, 1);}@media (hover: hover), (min-width: 1025px) { .button-hover:hover .btn--unfold .btn__title, .btn--unfold:hover .btn__title { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: clip-path 500ms cubic-bezier(0.77, 0, 0.175, 1) 100ms; }}.big-stage { --appHeight: 100vh; /* stylelint-disable length-zero-no-unit */ --appDownloadHeight: 0px; /* stylelint-enable length-zero-no-unit */ --minuteText: "min"; position: relative; height: var(--appHeight);}[lang^=de-] .big-stage { --minuteText: "Min.";}@media (min-width: 1441px) { .big-stage { margin-top: 80px; } .big-stage { height: 100vh; } .has-app-banner .big-stage { height: calc(100vh - var(--appDownloadHeight)); }}.big-stage__layer-container { position: relative; overflow: hidden; margin: 45px 0 0; height: calc(100% - 45px - var(--appDownloadHeight));}@media (min-width: 641px) and (min-height: 500px) { .big-stage__layer-container { margin-top: 50px; height: calc(100% - 50px - var(--appDownloadHeight)); }}@media (min-width: 1441px) { .big-stage__layer-container { margin-top: 80px; height: calc(100% - 80px); }}.big-stage__video-layer { z-index: 2; transform: translate3d(0, 0, 0); transition: transform 1000ms cubic-bezier(0.895, 0.03, 0.685, 0.22);}.remove-video .big-stage__video-layer { transform: translate3d(0, -101%, 0);}.big-stage__video-layer::before, .big-stage__video-layer::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; content: "";}.big-stage__video-layer::before { height: 500px; background: linear-gradient(to bottom, #000 -2.54%, rgba(0, 0, 0, 0) 63.04%);}@media (min-width: 641px) and (min-height: 500px) { .big-stage__video-layer::before { background: linear-gradient(to bottom, #000 -25.99%, rgba(0, 0, 0, 0) 71.14%); }}@media (min-width: 1025px) { .big-stage__video-layer::before { top: unset; bottom: 0; opacity: 0.8; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 33.97%, #000 89.02%); }}.big-stage__video-layer::after { height: 100%; opacity: 0; background: #000; transition: opacity 300ms linear;}.form-unfold .big-stage__video-layer::after { opacity: 0.5;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__video-layer::after { display: none; }}.big-stage__text { position: relative; z-index: 3; padding: 14px 0 0; opacity: 1; color: #fff; text-align: center; transition: opacity 300ms linear;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__text { padding-top: 19px; }}@media (min-width: 1025px) { .big-stage__text { position: absolute; right: calc((187 * var(--vw-unit)) + 375px); bottom: 0; left: calc(85 * var(--vw-unit)); display: block; margin: unset; padding-top: 0; width: auto; }}@media (min-width: 1441px) { .big-stage__text { right: calc((370 * var(--vw-unit)) + 475px); left: calc(220 * var(--vw-unit)); }}@media (max-width: 640px) { .form-unfold .big-stage__text { opacity: 0; }}.big-stage__text__headline { font-size: 1.6875rem; margin: 25px 0 0; -webkit-hyphens: auto; hyphens: auto;}@media (min-width: 641px) { .big-stage__text__headline { font-size: calc(48px + (54 - 48) * ( (100vw - 641px) / (1025 - 641) )); }}@media (min-width: 1025px) { .big-stage__text__headline { font-size: calc(54px + (60 - 54) * ( (100vw - 1025px) / (1441 - 1025) )); }}@media (min-width: 1441px) { .big-stage__text__headline { font-size: 3.75rem; }}@media (min-width: 641px) and (min-height: 500px) { .big-stage__text__headline { margin-top: 40px; }}@media (min-width: 1441px) { .big-stage__text__headline { margin-top: 0; }}.big-stage__text__bodytext { display: none;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__text__bodytext { display: block; margin: 20px 0 0; padding: 0 calc(96 * var(--vw-unit)); }}@media (min-width: 1025px) { .big-stage__text__bodytext { margin-top: 25px; padding: 0 calc(55 * var(--vw-unit)); }}@media (min-width: 1441px) { .big-stage__text__bodytext { padding: 0 calc(80 * var(--vw-unit)); }}.big-stage__text__scroll-button-container { text-align: center;}.big-stage__text__scroll-button { background-image: url('data:image/svg+xml;utf8, '); display: inline-block; padding: 0; width: 50px; height: 50px; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 35px 35px; text-indent: -999em; transform: rotate(0.25turn); cursor: pointer;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__text__scroll-button { width: 70px; height: 70px; }}.big-stage__video { z-index: 1; object-fit: cover;}.big-stage__map-layer { z-index: 1;}.big-stage__map-layer__logo { position: absolute; top: 20px; right: 20px; z-index: 1; width: 92px; height: 23px; pointer-events: none;}.big-stage .maplibregl-canvas { outline: none;}.big-stage__app-teaser-layer { position: absolute; bottom: 100%; left: 0; z-index: 2; display: none; padding: 60px calc(140 * var(--vw-unit)) 65px; width: 100%; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); transform: translate3d(0, 0, 0); transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1);}@media (min-width: 641px) and (min-height: 500px) { .big-stage__app-teaser-layer { display: flex; justify-content: center; align-items: center; }}@media (min-width: 1025px) { .big-stage__app-teaser-layer { top: 100%; bottom: unset; padding: 55px calc(495px + (150 * var(--vw-unit))) 75px 20px; }}.show-app-teaser .big-stage__app-teaser-layer { transform: translate3d(0, 100%, 0); transition-delay: 1000ms;}@media (min-width: 1025px) { .show-app-teaser .big-stage__app-teaser-layer { transform: translate3d(0, -100%, 0); }}.big-stage__app-teaser { position: relative; display: flex; width: auto; height: 100%; justify-content: flex-start; align-items: center;}@media (min-width: 1025px) { .big-stage__app-teaser { max-width: calc(730 * var(--vw-unit)); }}.big-stage__app-teaser__headline { display: block; flex: 0 1 auto; text-align: center;}.big-stage__app-teaser__link { background-image: url('data:image/svg+xml;utf8,Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917 '); overflow: hidden; margin: 0 0 0 15px; width: 120px; height: 40px; flex: 0 0 120px; background-repeat: no-repeat; background-position: top left; background-size: 100% 100%; text-indent: -999em;}@media (min-width: 1025px) { .big-stage__app-teaser__link { margin-left: calc(50 * var(--vw-unit)); width: 230px; height: 77px; flex: 0 0 230px; }}[lang^=de] .big-stage__app-teaser__link { background-image: url('data:image/svg+xml;utf8,Download_on_the_App_Store_Badge_DE_RGB_blk_092917 ');}[lang^=fr] .big-stage__app-teaser__link { background-image: url('data:image/svg+xml;utf8,Download_on_the_App_Store_Badge_FR_RGB_blk_100517 ');}[lang^=nl] .big-stage__app-teaser__link { background-image: url('data:image/svg+xml;utf8,Download_on_the_App_Store_Badge_NL_RGB_blk_100317 ');}[lang^=es] .big-stage__app-teaser__link { background-image: url('data:image/svg+xml;utf8,Download_on_the_App_Store_Badge_ES_RGB_blk_100217 ');}.big-stage__app-teaser__scrolldown { background-image: url('data:image/svg+xml;utf8, '); position: absolute; bottom: -80px; left: calc(50% - 40px); display: block; overflow: hidden; width: 80px; height: 80px; border: 0; outline: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; text-indent: -99em; transform: rotate(0.25turn); cursor: pointer;}.big-stage__form-layer { position: absolute; right: calc(25 * var(--vw-unit)); bottom: 0; left: calc(25 * var(--vw-unit)); z-index: 3; width: auto; height: 100%; pointer-events: none;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__form-layer { right: calc(50 * var(--vw-unit)); left: unset; width: 375px; }}@media (min-width: 1025px) { .big-stage__form-layer { right: calc(102 * var(--vw-unit)); }}@media (min-width: 1441px) { .big-stage__form-layer { right: calc(150 * var(--vw-unit)); width: 475px; }}.big-stage__form { --sidePadding: 20px; --topPadding: 20px; --unfoldButtonRotation: 0.75turn; position: absolute; top: 100%; left: 0; width: 100%; color: #000; transform: translate3d(0, 0, 0); transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1); pointer-events: auto;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__form { --sidePadding: 30px; --topPadding: 30px; }}@media (min-width: 1441px) { .big-stage__form { --sidePadding: 45px; --topPadding: 45px; }}.form-unfold .big-stage__form { --unfoldButtonRotation: 0.25turn; transform: translate3d(0, -100%, 0);}.big-stage__form__part--above { position: absolute; bottom: 100%; left: 0; padding: var(--topPadding) 0 20px; width: 100%;}@media (min-width: 1025px) { .big-stage__form__part--above { padding-bottom: 35px; }}.big-stage__form__part--above::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1000px; border-radius: 10px 10px 0 0; background: #fff; content: "";}.big-stage__form__part--below { padding: 0 0 25px;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__form__part--below { padding-bottom: 30px; }}@media (min-width: 1025px) { .big-stage__form__part--below { padding-bottom: 45px; }}.big-stage__form__unfold { background-image: url('data:image/svg+xml;utf8, '); position: absolute; top: var(--topPadding); right: var(--sidePadding); display: block; overflow: hidden; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; text-indent: -99em; transform: rotate(var(--unfoldButtonRotation)); transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer;}@media (min-width: 1441px) { .big-stage__form__unfold { margin: -4px -8px 0 0; width: 45px; height: 45px; }}.big-stage__form__headline { position: relative; margin: 0 0 15px; padding: 0 calc(var(--sidePadding) + 30px) 0 var(--sidePadding);}@media (min-width: 1025px) { .big-stage__form__headline { margin-bottom: 25px; padding-right: calc(var(--sidePadding) + 45px); }}.big-stage__form__element { position: relative; display: flex; overflow: hidden; margin: 0 0 20px; padding: 0 var(--sidePadding); flex-flow: row wrap; align-items: baseline;}@media (min-width: 1025px) { .big-stage__form__element { margin-bottom: 35px; }}.big-stage__form__element:last-child { margin-bottom: 0;}.big-stage__form__element--start { align-items: flex-start;}.big-stage__form__element--duration::before { position: relative; order: 2; z-index: 3; display: block; padding: 9px 11px; flex: 0 0 auto; border-radius: 5px; background: #f4f4f4; content: attr(data-value) " " var(--minuteText);}.big-stage__form__label { position: relative; order: 1; z-index: 3; display: block; margin: 0 0 10px; width: 100%; flex: 0 0 100%; pointer-events: none;}@media (min-width: 1025px) { .big-stage__form__label { margin-bottom: 15px; }}.big-stage__form__label--duration { margin: 0; width: auto; flex: 1 1 auto;}.big-stage__form__input { order: 3; width: 100%; flex: 0 0 100%; outline: none; font-family: inherit;}.big-stage__form__input--start { margin: 0; padding: 0 10px; width: auto; height: 35px; flex: 1 1 auto; border: 0; border-radius: 5px 0 0 5px; background: #f4f4f4; color: #626669;}@media (max-width: 1024px) { .big-stage__form__input--start { pointer-events: none; }}.form-unfold .big-stage__form__input--start { pointer-events: auto;}.big-stage__form__input--duration { position: relative; margin: 10px 0 5px; width: 100%; height: 15px; border: 0; appearance: none; border-radius: 1.5rem; cursor: pointer;}.big-stage__form__input--duration::-webkit-slider-container { display: block; height: 100%;}.big-stage__form__input--duration::-webkit-slider-runnable-track { height: 2px; border-radius: 2px; background: #000;}.big-stage__form__input--duration::-moz-range-track { height: 2px; border-radius: 2px; background: #000;}.big-stage__form__input--duration::-webkit-slider-thumb { position: relative; z-index: 2; width: 15px; height: 15px; border: 1px solid #fff; appearance: none; border-radius: 50%; background: #000; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 407px 0 0 400px rgba(255, 255, 255, 0.8); transform: translate(0, -50%) scale(0.85); -webkit-transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1); transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);}@media (hover: hover), (min-width: 1025px) { .big-stage__form__input--duration::-webkit-slider-thumb:hover { transform: translate(0, -50%) scale(1); }}.big-stage__form__input--duration::-moz-range-thumb { position: relative; z-index: 2; width: 13px; height: 13px; border: 1px solid #fff; appearance: none; border-radius: 50%; background: #000; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 407px 0 0 400px rgba(255, 255, 255, 0.8); transform: translate(0, 0) scale(0.85); -moz-transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1); transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);}@media (hover: hover), (min-width: 1025px) { .big-stage__form__input--duration::-moz-range-thumb:hover { transform: translate(0, 0) scale(1); }}.big-stage__form__currentlocation { position: relative; order: 4; overflow: hidden; width: 35px; height: 35px; flex: 0 0 35px; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0 5px 5px 0; background: #f4f4f4; text-indent: -999em; cursor: pointer;}.big-stage__form__currentlocation::before { background-image: url('data:image/svg+xml;utf8, '); position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; transition: opacity 200ms linear; content: "";}[data-locationstate=requesting] .big-stage__form__currentlocation::before { opacity: 0.3;}.big-stage__form__legend--duration { position: relative; order: 4; z-index: 3; display: flex; width: 100%; flex: 0 0 100%; justify-content: space-between; pointer-events: none;}.big-stage__form__legend--duration::before, .big-stage__form__legend--duration::after { display: block; color: #96989a;}.big-stage__form__legend--duration::before { left: 0; content: attr(data-min);}.big-stage__form__legend--duration::after { right: 0; content: attr(data-max);}.big-stage__form__radio { order: 3; margin: 0 15px 0 0; width: auto; flex: 1 1 0;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__form__radio { margin-right: 25px; }}@media (min-width: 1025px) { .big-stage__form__radio { margin-right: 22px; }}.big-stage__form__radio:last-child { margin-right: 0;}.big-stage__form__radio__input { position: relative; display: block; margin: 0; width: 100%; height: 35px; appearance: none; border-radius: 5px; background: #f4f4f4; color: #000; font-family: inherit; transition: background-color 100ms linear, color 100ms linear; cursor: pointer;}.big-stage__form__radio__input:checked { background-color: #323639; color: #fff;}.big-stage__form__radio__input::before { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; text-transform: uppercase; content: attr(data-label);}.big-stage__form__radio__label { display: block; margin: 5px 0 0; text-align: center;}.big-stage__form__submit { width: 100%; height: 50px; border: 0; border-radius: 5px; background: #d5001c; color: #fff; font-family: inherit; cursor: pointer;}.big-stage__loading-layer { top: 0; z-index: 4; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; opacity: 0; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); transform: translate3d(0, 0, 0); transition: opacity 500ms cubic-bezier(0.77, 0, 0.175, 1) 500ms; pointer-events: none;}.loading .big-stage__loading-layer, .error .big-stage__loading-layer { opacity: 1; transition-delay: 0ms; pointer-events: auto;}@keyframes loadingspinner { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); }}.big-stage__loading { --animationPhase: 2000ms; position: relative; order: 2; display: flex; padding: 0 40px 50px; width: 100%; max-width: 500px; flex-flow: column nowrap; justify-content: flex-end; align-items: center; opacity: 0; transform: translate3d(0, 15%, 0); transition: opacity 500ms linear, transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); pointer-events: none;}.loading .big-stage__loading { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: linear, cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 400ms;}.error .big-stage__loading { transition-delay: 0ms;}.big-stage__loading::after { background-image: url('data:image/svg+xml;utf8, '); position: absolute; bottom: -32px; left: 50%; display: block; margin: 0 0 0 -25px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; animation: infinite 1000ms linear loadingspinner; content: "";}.big-stage__loading__slider { display: flex; width: 100%; flex-flow: row nowrap; align-items: flex-end;}.big-stage__loading__slide { display: flex; width: 100%; flex: 0 0 100%; flex-flow: column nowrap; justify-content: flex-end; align-items: center; opacity: 0; text-align: center; transform: translate3d(-50%, 0, 0); transition: opacity 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}.big-stage__loading__slide.active { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955), cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 400ms;}.big-stage__loading__slide.active ~ .big-stage__loading__slide { transform: translate3d(50%, 0, 0);}.big-stage__loading__slide + .big-stage__loading__slide { margin: 0 0 0 -100%;}.big-stage__loading__icon { height: 100px;}.big-stage__loading__headline { display: block; margin: 28px 0 10px; width: 100%;}@media (min-width: 1025px) { .big-stage__loading__headline { margin-bottom: 12px; }}.big-stage__error { position: relative; order: 1; overflow: visible; width: 100%; max-width: 500px; height: 0; pointer-events: none;}.big-stage__error__content { position: absolute; top: 0; left: 0; display: flex; padding: 0 40px; width: 100%; height: auto; flex-flow: column nowrap; justify-content: flex-end; align-items: center; opacity: 0; text-align: center; transform: translate3d(0, 15%, 0); transition: opacity 500ms linear 400ms, transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;}.error .big-stage__error__content { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: linear, cubic-bezier(0.215, 0.61, 0.355, 1);}.big-stage__error__icon { height: 100px;}.big-stage__error__headline { display: block; margin: 28px 0 10px; width: 100%;}@media (min-width: 1025px) { .big-stage__error__headline { margin-bottom: 12px; }}.big-stage__error__button { margin-top: 73px;}@media (min-width: 641px) and (min-height: 500px) { .big-stage__error__button { margin-top: 82px; }}@media (min-width: 1025px) { .big-stage__error__button { margin-top: 69px; }}.big-stage__error__button::before { pointer-events: none;}.error .big-stage__error__button { pointer-events: auto;}.small-stage { height: 500px;}@media (min-width: 1025px) { .small-stage { height: 570px; }}@media (min-width: 1441px) { .small-stage { height: 750px; }}.small-stage__grid { padding: 45px 0 0; height: 100%; grid-template-rows: 100%;}@media (min-width: 641px) and (min-height: 500px) { .small-stage__grid { padding-top: 50px; }}@media (min-width: 1441px) { .small-stage__grid { padding-top: 80px; }}.small-stage__image, .small-stage__text { grid-row: 1;}.small-stage__image { position: relative; grid-column: fullsize-start/fullsize-end; height: 100%;}.small-stage__image .media { height: 100%; object-fit: cover;}.small-stage__image .media::after { content: unset;}.small-stage__image::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 400px; background: linear-gradient(to top, #000 -15%, transparent 101.6%); content: "";}.small-stage__text { position: relative; align-self: flex-end; padding: 0 0 30px; color: #fff; text-align: center;}@media (min-width: 1025px) { .small-stage__text { padding-bottom: 40px; }}.small-stage__headline { font-size: 1.6875rem; margin: 0; padding: 0;}@media (min-width: 641px) { .small-stage__headline { font-size: calc(48px + (54 - 48) * ( (100vw - 641px) / (1025 - 641) )); }}@media (min-width: 1025px) { .small-stage__headline { font-size: calc(54px + (60 - 54) * ( (100vw - 1025px) / (1441 - 1025) )); }}@media (min-width: 1441px) { .small-stage__headline { font-size: 3.75rem; }}.small-stage__bodytext { margin-top: 20px;}@media (min-width: 1441px) { .small-stage__bodytext { margin-top: 15px; }}.small-stage__details { margin-top: 15px; font-size: 0.75rem; font-weight: 100; line-height: 1.2; letter-spacing: 0.01em;}@media (min-width: 641px) and (min-height: 500px) { .small-stage__details { margin-top: 20px; }}@media (min-width: 1025px) { .small-stage__details { margin-top: 15px; font-size: 0.875rem; line-height: 1.4; }}@media (min-width: 1025px) { .small-stage__bodytext + .small-stage__details { margin-top: 25px; }}.small-stage__button-container { margin: 20px 0 0; line-height: 0; text-align: center;}@media (min-width: 641px) and (min-height: 500px) { .small-stage__button-container { position: absolute; right: 0; bottom: 30px; margin: 0; text-align: right; }}@media (min-width: 1025px) { .small-stage__button-container { bottom: 40px; }}.button-thin { display: inline-flex; width: 100%; height: 45px; border: 1px solid transparent; justify-content: center; align-items: center; border-radius: 7.5px; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12); font-family: "PorscheNext", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 600; line-height: 130%; text-decoration: none; text-align: center; letter-spacing: 0.15px; white-space: nowrap; transition: background-color 200ms ease-in-out; cursor: pointer;}.button-thin--primary { background-color: #d5001c; color: #fff;}@media (hover: hover), (min-width: 1025px) { .button-thin--primary:hover { background-color: #960014; }}.button-thin__icon { display: inline-block; margin: 0; width: 20px; height: 20px; fill: currentColor; vertical-align: bottom;}@keyframes buttonThinLoadingSpinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}.button-thin__loading { display: none; margin: 0 0 0 10px; width: 20px; height: 20px; filter: invert(100%);}.button-thin .login-user[data-loading=true] .button-thin__loading, .login-user[data-loading=true] .button-thin .button-thin__loading, .button-thin[data-loading=true] .button-thin__loading, .button-thin.loading .button-thin__loading { display: inline-block; animation: 1000ms infinite linear buttonThinLoadingSpinner;}.login-user { position: fixed; top: 0; left: 0; z-index: 20; display: flex; width: 100%; height: 100%; flex-flow: column nowrap; justify-content: center; align-items: center; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: opacity 300ms; pointer-events: none;}.login-user[data-visible=true] { opacity: 1; pointer-events: auto;}.login-user__headline, .login-user__bodytext { width: 100%; text-align: center;}.login-user__headline { margin: 0; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}.login-user__headline--small { font-size: 16px;}.login-user__headline--thin { font-weight: 400;}.login-user__headline__username { font-weight: 600;}.login-user__register-instructions { margin: 40px 0 0;}.login-user__bodytext { margin: 15px 0 0; font-size: 16px; line-height: 1.4;}.login-user__bodytext--small { font-size: 14px;}.login-user__modal { display: flex; overflow: hidden; width: 720px; max-width: calc(100% - 80px); height: 600px; flex-flow: row nowrap; border-radius: 10px; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12);}.login-user__media, .login-user__forms { position: relative; width: 100%; height: auto; flex: 0 0 100%;}@media (min-width: 641px) and (min-height: 500px) { .login-user__media, .login-user__forms { width: 50%; flex: 0 0 50%; }}.login-user__media { overflow: hidden;}.login-user__media__layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(1.1); transition: transform 1000ms ease-out, opacity 800ms linear; pointer-events: none;}.login-user__media__layer img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}.login-user__media__layer:first-child, .login-user__modal[data-mode=register] .login-user__media__layer[data-mode=register], .login-user__modal[data-mode=register2] .login-user__media__layer[data-mode=register2], .login-user__modal[data-mode=registersuccess] .login-user__media__layer[data-mode=registersuccess], .login-user__modal[data-mode=registerfail] .login-user__media__layer[data-mode=registerfail] { opacity: 1; transform: scale(1);}.login-user__forms { position: relative; overflow: hidden;}.login-user__pagenumbers { position: absolute; top: 7px; left: 0; display: block; width: 100%; font-size: 12px; text-align: center;}.login-user__pagenumber { color: #999999;}.login-user__closebutton { position: absolute; top: 5px; right: 10px; z-index: 1; overflow: hidden; width: 30px; height: 30px; border: 0; border-radius: 5px; background: transparent; text-indent: -999em; transition: background-color 300ms ease-out; cursor: pointer;}.login-user__closebutton::before, .login-user__closebutton::after { position: absolute; top: 48%; left: 22%; display: block; width: 55%; height: 1px; background: #000; transform: rotate(-45deg); transition: transform 300ms ease-out; content: "";}.login-user__closebutton::after { transform: rotate(45deg);}@media (hover: hover), (min-width: 1025px) { .login-user__closebutton:hover { background-color: #e6e6e6; } .login-user__closebutton:hover::before, .login-user__closebutton:hover::after { transform: rotate(180deg); }}.login-user__modal[data-mode=chooseLogin] .login-user__closebutton { display: none;}.login-user__form { position: absolute; top: 0; left: 0; display: flex; padding: 25px 30px; width: 100%; height: 100%; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; opacity: 1; background: #fff; transition: opacity 500ms linear;}.login-user__form__buttons { margin: 40px 0 0; width: 100%;}.login-user__form--chooselogin { justify-content: center;}.login-user__form--chooselogin__button { width: 100%;}.login-user__form--chooselogin__button + .login-user__form--chooselogin__button { margin-top: 10px;}.login-user__form--chooselogin__social-buttons { display: flex; margin-top: 10px; flex-flow: row wrap; justify-content: center; gap: 10px;}.login-user__form--chooselogin__social-button { position: relative; overflow: hidden; width: 45px; height: 45px; border: 0; border-radius: 5px; background: #000; text-indent: -999em; cursor: pointer;}.login-user__form--chooselogin__social-button--disabled { cursor: not-allowed; pointer-events: none;}.login-user__form--chooselogin__social-button__icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; fill: #fff; pointer-events: none;}.login-user__form--registerfail { justify-content: center;}.login-user__form--registerfail__warning { margin: 0 0 20px; height: 90px;}.login-user__form--registerfail__button { margin-top: 40px;}.login-user__form--registersuccess { justify-content: center;}.login-user__form--registersuccess__icon { margin: 0 0 30px; height: 90px;}.login-user__form--registersuccess__button { margin-top: 40px;}.login-user__form__field { width: 100%;}.login-user__form__field:last-child { display: flex; flex: 1 1 auto; flex-flow: column nowrap; justify-content: flex-end;}.login-user__form__field + .login-user__form__field { margin-top: 25px;}.login-user__form__field--checkbox + .login-user__form__field--checkbox { margin-top: 10px;}.login-user__form__field[data-selector=register-name] { margin-top: 80px;}.login-user__form__field[data-selector=register-email] { margin-top: 30px;}.login-user__form__field__label { width: 100%; font-size: 15px; font-weight: 600;}.login-user__form__field__label a { color: inherit;}.login-user__form__field__input-container { position: relative; display: flex; margin: 10px 0 0; width: 100%; flex-flow: row wrap; justify-content: flex-start; line-height: 0;}.login-user__form__field__input-container:first-child { margin-top: 0;}.login-user__form__field__input { padding: 0 5px 0 10px; width: 100%; height: 40px; border: 1px solid transparent; border-radius: 5px; outline: 0; background: #f4f4f4; font-size: 13px; line-height: 1.3; letter-spacing: 0.26px;}.login-user__form__field__input:focus { border-color: #000;}.login-user__form__field__input__counter { position: absolute; top: 14px; right: 7px; margin: 0; opacity: 0.6; font-size: 10px; font-weight: 600; line-height: 1.3; text-align: right; letter-spacing: 0.2px;}.login-user__form__field__input__counter::before { content: attr(data-count);}.login-user__form__field[data-error]:not([data-error="0"]) .login-user__form__field__input:not(:focus) { border-color: #d5001c;}.login-user__form__field[data-checkavailability]:not([data-checkavailability=unchecked]) .login-user__form__field__input__counter, .login-user__form__field[data-error]:not([data-error="0"]) .login-user__form__field__input__counter { display: none;}.login-user__form__field__input[type=checkbox] { position: absolute; margin: 0; width: 0; height: 0; opacity: 0;}.login-user__form__field__input[type=checkbox] + .login-user__form__field__label { --checkbox-border: #d9d9d9; --checkbox-inner: #fff; --text: #808080; position: relative; display: inline-block; padding: 1px 0 0 30px; width: auto; min-height: 20px; color: var(--text); font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0.18px; cursor: pointer;}.login-user__form__field__input[type=checkbox] + .login-user__form__field__label::before, .login-user__form__field__input[type=checkbox] + .login-user__form__field__label::after { position: absolute; display: block; content: "";}.login-user__form__field__input[type=checkbox] + .login-user__form__field__label::before { top: 0; left: 0; width: 20px; height: 20px; border: 1px solid var(--checkbox-border); border-radius: 5px; background: var(--checkbox-inner);}.login-user__form__field__input[type=checkbox] + .login-user__form__field__label::after { background-image: url('data:image/svg+xml;utf8, '); top: 2px; left: 1px; width: 18px; height: 18px; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); background-position: top left; transition: clip-path 150ms linear;}.login-user__form__field__input[type=checkbox]:checked + .login-user__form__field__label:after { width: 18px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transition: clip-path 300ms cubic-bezier(0.52, 0.79, 0.42, -0.15);}.login-user__form__field__input[type=checkbox]:checked + .login-user__form__field__label, .login-user__form__field__input[type=checkbox]:hover + .login-user__form__field__label, .login-user__form__field__input[type=checkbox] + .login-user__form__field__label:hover { --text: #000;}.login-user__form__field__input[type=checkbox]:hover + .login-user__form__field__label, .login-user__form__field__input[type=checkbox] + .login-user__form__field__label:hover { --checkbox-inner: #f2f2f2;}.login-user__form__field[data-error]:not([data-error="0"]) .login-user__form__field__input[type=checkbox] + .login-user__form__field__label { --text: #d5001c; --checkbox-border: #d5001c;}.login-user__form__field__warning { position: absolute; top: 10px; right: 6px; display: none; width: 20px; height: 20px; fill: #d5001c;}.login-user__form__field__input[type=checkbox] ~ .login-user__form__field__warning { position: relative; top: 0; right: 0; display: none; margin-left: 5px;}.login-user__form__field__description { margin: 5px 0 0; color: rgba(0, 0, 0, 0.4); font-size: 14px; line-height: 1.3; letter-spacing: 0.18px;}.login-user__form__field__errors { display: none; margin: 10px 0 0; color: #d5001c;}.login-user__form__field[data-checkavailability=unavailable] .login-user__form__field__errors, .login-user__form__field[data-checkavailability=unavailable] .login-user__form__field__warning, .login-user__form__field:not([data-error="0"]) .login-user__form__field__warning, .login-user__form__field:not([data-error="0"]) .login-user__form__field__errors { display: block;}.login-user__form__field:not([data-error="0"]) .login-user__form__field__input[type=checkbox] ~ .login-user__form__field__warning, .login-user__form__field:not([data-error="0"]) .login-user__form__field__input[type=checkbox] ~ .login-user__form__field__errors { display: inline-block;}.login-user__form__field[data-error="0"] .login-user__form__field__description { margin-top: 10px;}.login-user__form__field__error { display: none; margin: 10px 0 0; font-size: 14px; line-height: 1.3; letter-spacing: 0.18px;}.login-user__form__field[data-error="1"] .login-user__form__field__error:nth-child(1), .login-user__form__field[data-error="2"] .login-user__form__field__error:nth-child(2), .login-user__form__field[data-error="3"] .login-user__form__field__error:nth-child(3), .login-user__form__field[data-error="4"] .login-user__form__field__error:nth-child(4), .login-user__form__field[data-error="5"] .login-user__form__field__error:nth-child(5), .login-user__form__field[data-checkavailability=unavailable] .login-user__form__field__error:last-child { display: block;}@keyframes loadingspinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}.login-user__form__field__loading { position: absolute; top: 10px; right: 6px; display: none; width: 21px; height: 21px;}.login-user__form__field[data-checkavailability=checking] .login-user__form__field__loading { display: block; animation: infinite 1000ms linear loadingspinner;}.login-user__form__field__check { position: absolute; top: 10px; right: 6px; display: none; width: 20px; height: 20px;}.login-user__form__field[data-checkavailability=available] .login-user__form__field__check { display: block;}.login-user__modal:not([data-mode=chooseLogin]) .login-user__form--chooselogin, .login-user__modal:not([data-mode=loginLocal]) .login-user__form--loginlocal, .login-user__modal:not([data-mode=loginPid]) .login-user__form--loginpid, .login-user__modal:not([data-mode=register]) .login-user__form--register, .login-user__modal:not([data-mode=register2]) .login-user__form--register2, .login-user__modal:not([data-mode=registerSuccess]) .login-user__form--registersuccess, .login-user__modal:not([data-mode=registerFail]) .login-user__form--registerfail { overflow: hidden; padding-top: 0; padding-bottom: 0; height: 0; opacity: 0; transition: opacity 500ms linear, height 0ms linear 500ms, padding 0ms linear 500ms; pointer-events: none;}.app-download__bar { display: flex; padding: 0 calc((100% - 1540px) / 2); min-height: 60px; justify-content: center; align-items: center; opacity: 1; background: #000; color: #fff; text-align: center; transition: opacity 500ms linear; transition-delay: 0ms;}@media (pointer: coarse) { .app-download__bar { display: none; }}.app-download[data-mode=bar][data-previous-mode=badge] .app-download__bar { transition-delay: 600ms;}.app-download[data-mode=hidden] .app-download__bar, .app-download[data-mode=badge] .app-download__bar { opacity: 0; pointer-events: none;}.app-download__text { display: inline-block;}.app-download__button { --arrowHeight: 20px; --arrowLeft: 7.45px; --borderColor: #fff; --borderRadius: 5px; --height: 39.41px; --textLeft: 28.55px; --textRight: 7.45px; margin-left: 45px;}.app-download__button::after { background-image: url('data:image/svg+xml;utf8, ');}.app-download__button .btn__title { font-size: 1rem; font-weight: 400; line-height: 1.4; letter-spacing: 0.02em;}.app-download__badge { position: fixed; top: calc(100vh - 150px - 60px); left: 0; z-index: 999; display: flex; padding: 8px 25px 8px 60px; max-width: 330px; min-height: 60px; flex-flow: column nowrap; justify-content: center; align-items: flex-start; border-radius: 0 10px 10px 0; background: #000; color: #fff; transform: translate3d(-100%, 0, 0); transition: transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955), padding 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-delay: 0ms;}.app-download__badge:hover { padding-right: 25px; padding-bottom: 15px;}.app-download__badge::before { background-image: url('data:image/svg+xml;utf8, '); position: absolute; top: 5px; left: 10px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 15px 27px; content: "";}.app-download__badge__text { position: relative; overflow: hidden; width: 0; height: 0; transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955), height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}.app-download__badge__text__inner { position: absolute; top: 0; left: 0; width: 175px;}.app-download__badge__text__inner::before { position: relative; top: 0; left: 0; display: inline-block; padding: 0 0 13px; width: auto; max-width: 175px; height: auto; content: attr(data-text);}.app-download__badge__text::after { position: absolute; bottom: 0; left: 0; z-index: 0; display: block; width: 100%; height: 13px; background: #000; content: "";}.app-download__badge:hover .app-download__badge__text { width: var(--textWidth, 0); height: var(--textHeight, 0);}.app-download__badge__button { display: inline-block; padding: 7.71px 16.43px; border: 1px solid #fff; border-radius: 5px; background: #000; color: #fff; transition: background-color 200ms linear, color 200ms linear; cursor: pointer;}.app-download__badge__button:hover { background: #fff; color: #000;}.app-download__badge__button::after { content: attr(data-text);}.app-download[data-mode=badge] .app-download__badge { transform: translate3d(0, 0, 0);}.app-download[data-mode=badge][data-previous-mode=bar] .app-download__badge { transition-delay: 500ms, 0ms;}/*# sourceMappingURL=critical.css.map */Cookie Settings
Cookie Settings Discover and drive the best routes with the ROADS App!
Free download