@layer components{.map{height:100%;flex-grow:1;position:relative;overflow:hidden;background-color:var(--ant-kp-color-bg-header);.background,.canvas{position:absolute;object-fit:cover;left:50%;width:auto;transform:translateX(-50%);height:100%;&.summer{@media (min-aspect-ratio:1.1){height:114%;transform:translate(-50%,-7%)}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000020}}&.winter{left:52%;transform:translateX(-49%);height:104%;@media (min-aspect-ratio:1.1){transform:translate(-49%,-5%);height:110%}}}.background{opacity:0;transition:opacity .4s;&.active{opacity:1}}.layer{transition:opacity .4s;opacity:1;&.hidden{opacity:0}}.item{transition:opacity .4s;opacity:1;&.closed,&.paused{opacity:.3}}.combined-status{.status.closed{opacity:.3}&.green{.label{fill:#65a149}}&.red{.label{fill:#bc151d}}&.blue{.label{fill:#538dcb}}&.black{.label{fill:black}}&.paused{.label{fill:#636363}}}.eco-trail{.path{transition:stroke .8s;stroke-linecap:round}.label{rect{transition:fill .8s}}&.green{.path{stroke:#65a149}.label{rect{fill:#65a149}}}&.red{.path{stroke:#bc151d}.label{rect{fill:#bc151d}}}&.blue{.path{stroke:#538dcb}.label{rect{fill:#538dcb}}}&.black{.path{stroke:black}.label{rect{fill:black}}}&.paused{.path{stroke:#636363;stroke-dasharray:11.25 11.25;stroke-linecap:square}.label{rect{fill:#636363}}}}}}@layer components{.scene-content{.step{height:100%;.top{padding:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));gap:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));position:relative}.title{font-size:calc(32.12px + (64.2481 - 32.12) * ((100vh - 832px) / (1920 - 832)));line-height:calc(38.15px + (76 - 38.15) * ((100vh - 832px) / (1920 - 832)))}}}}@layer components{.scene-content{.step{&.banner-step{position:relative;overflow:hidden;border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));width:100%;height:100%;.image{object-fit:cover;width:100%;height:100%}.two-h-two-v{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));height:100%;.row{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)))}.item{object-fit:cover;flex:1;width:100%;height:100%;border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));overflow:hidden}}}}}}@layer components{.standard-image{max-width:100%;height:auto;transition:filter .15s ease-out,opacity .15s ease-out}}@layer components{.scene-content{.banner{overflow:hidden;border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));aspect-ratio:16/9;width:100%;object-fit:cover}}}@layer components{.scene-content{.step{.banner-small{width:calc(292px + (584 - 292) * ((100vh - 832px) / (1920 - 832)));height:calc(137px + (274 - 137) * ((100vh - 832px) / (1920 - 832)));border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));overflow:hidden}}}}@layer components{.flag-icon{flex-shrink:0;&.slope{width:calc(10px + (20 - 10) * ((100vh - 832px) / (1920 - 832)));height:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));aspect-ratio:5/8}&.ecotrail{width:calc(18px + (36 - 18) * ((100vh - 832px) / (1920 - 832)));height:calc(18px + (36 - 18) * ((100vh - 832px) / (1920 - 832)));stroke-width:0;&.transparent{opacity:.3}}&.green{fill:var(--ant-green-5);stroke:var(--ant-green-5)}&.blue{fill:var(--ant-blue-5);stroke:var(--ant-blue-5)}&.red{fill:var(--ant-red-5);stroke:var(--ant-red-5)}&.black,&.gray{fill:var(--ant-kpbrandsecondary-7);stroke:var(--ant-kpbrandsecondary-7)}&.ecotrail-circled{width:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)));height:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)));padding:calc(4px + (8 - 4) * ((100vh - 832px) / (1920 - 832)));overflow:visible;fill:var(--ant-color-white);stroke:var(--ant-color-white);stroke-width:0;border-radius:50%;&.green{background-color:var(--ant-green-7)}&.blue{background-color:var(--ant-blue-7)}&.red{background-color:var(--ant-red-7)}&.black{background-color:black;border:calc(.5px + (1 - .5) * ((100vh - 832px) / (1920 - 832))) solid #f4f6fb}&.gray{background-color:#8b92a7}}}}@layer components{.scene-content{.step{.legend{position:absolute;bottom:0;left:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));width:calc(100% * 514 / 522);background-color:#1d202b;padding:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832))) calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));row-gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));column-gap:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));&.column{flex-direction:column;bottom:calc(6px + (12 - 6) * ((100vh - 832px) / (1920 - 832)));width:calc(100% * 241 / 522)}.item{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.text{font-size:calc(12.05px + (24.09 - 12.05) * ((100vh - 832px) / (1920 - 832)));line-height:calc(20.08px + (40.16 - 20.08) * ((100vh - 832px) / (1920 - 832)))}}}}}}@layer components{.paths-column{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.paths-column-title{font-size:calc(20.078px + (40.155 - 20.078) * ((100vh - 832px) / (1920 - 832)));font-style:normal;font-weight:var(--ant-kp-font-weight-havy);line-height:calc(23.089px + (46.178 - 23.089) * ((100vh - 832px) / (1920 - 832)));color:var(--ant-kp-color-text-solid-light)}.paths-column-content{gap:calc(6px + (12 - 6) * ((100vh - 832px) / (1920 - 832)))}.path-row{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.code{white-space:nowrap;min-width:calc(26px + (52 - 26) * ((100vh - 832px) / (1920 - 832)));margin-right:calc(4px + (8 - 4) * ((100vh - 832px) / (1920 - 832)))}.code,.value{font-size:calc(16.062px + (32.12 - 16.062) * ((100vh - 832px) / (1920 - 832)));line-height:calc(24.093px + (48.19 - 24.093) * ((100vh - 832px) / (1920 - 832)));&.ecotrail,&.slope{line-height:calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832)))}&.closed{color:var(--ant-kpcolor-text-quaternary)}.postfix{font-size:calc(12.597px + (25.194 - 12.597) * ((100vh - 832px) / (1920 - 832)))}}}.activity-indicator,.flag-icon{align-self:flex-start}.flag-icon.slope{margin-top:calc(2px + (4 - 2) * ((100vh - 832px) / (1920 - 832)))}.activity-indicator{position:relative;width:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));height:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));margin-top:calc(4px + (8 - 4) * ((100vh - 832px) / (1920 - 832)));&:before{width:calc(13.33px + (26.66 - 13.33) * ((100vh - 832px) / (1920 - 832)));height:calc(13.33px + (26.66 - 13.33) * ((100vh - 832px) / (1920 - 832)));opacity:.5;background-color:var(--ant-red-3)}&:after,&:before{border-radius:50%}&:after{width:calc(5.33px + (10.66 - 5.33) * ((100vh - 832px) / (1920 - 832)));height:calc(5.33px + (10.66 - 5.33) * ((100vh - 832px) / (1920 - 832)));background-color:#f37370}&:after,&:before{content:"";overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}&.active{&:before{background-color:var(--ant-green-3)}&:after{background-color:#8fd460}}}}}@layer components{.scene-content{.paths-grid{gap:calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832)));.column{gap:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)))}}}}@layer components{.scene-content{.step{&.ecotrails-step{flex:1;position:relative;.top{padding-bottom:calc(14px + (28 - 14) * ((100vh - 832px) / (1920 - 832)))}.banner-1{position:absolute;bottom:calc(102px + (204 - 102) * ((100vh - 832px) / (1920 - 832)));right:0}.legend{bottom:0;row-gap:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));.closed-icon{width:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)));height:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)))}.two-line-item{flex:1;width:100%;.text{line-height:100%}}}}}}}@layer components{.scene-content{.step{&.slopes-step{flex:1;position:relative;.top{padding-bottom:calc(14px + (28 - 14) * ((100vh - 832px) / (1920 - 832)))}.legend{position:absolute;bottom:0;left:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));width:calc(100% * 514 / 522);background-color:#1d202b;padding:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));row-gap:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));column-gap:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));&.column{flex-direction:column;bottom:calc(6px + (12 - 6) * ((100vh - 832px) / (1920 - 832)));width:calc(100% * 241 / 522)}.item{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.text{font-size:calc(12.05px + (24.09 - 12.05) * ((100vh - 832px) / (1920 - 832)));line-height:calc(20.08px + (40.16 - 20.08) * ((100vh - 832px) / (1920 - 832)))}}}}}}}@layer components{.scene-content{.step{&.lifts-step{.top{height:100%;padding-bottom:calc(62px + (124 - 62) * ((100vh - 832px) / (1920 - 832)))}.banner-1{position:absolute;bottom:calc(9px + (18 - 9) * ((100vh - 832px) / (1920 - 832)));right:0}}}}}@layer components{.scene-content{.step{&.weather-step{.top{padding-left:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));padding-right:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)))}.cards{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)))}.weather-by-height{gap:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));.title{font-size:calc(20.078px + (40.155 - 20.078) * ((100vh - 832px) / (1920 - 832)));line-height:calc(23.089px + (46.178 - 23.089) * ((100vh - 832px) / (1920 - 832)))}}.weather-by-height-content{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)))}}}}}@layer components{.scene-content{.step{&.weather-step{.avalanche-card{padding:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));background-color:var(--ant-color-bg-layout);border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.value{font-size:calc(30px + (60 - 30) * ((100vh - 832px) / (1920 - 832)));line-height:calc(36px + (72 - 36) * ((100vh - 832px) / (1920 - 832)));color:var(--ant-volcano-6)}.card-title,.name{font-size:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));line-height:calc(18px + (36 - 18) * ((100vh - 832px) / (1920 - 832)))}.name{font-weight:400}}}}}}@layer components{.scene-content{.step{&.weather-step{.graph-card{padding:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));background-color:var(--ant-color-bg-layout);border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));gap:calc(10px + (20 - 10) * ((100vh - 832px) / (1920 - 832)));.graph-wrapper{height:calc(28px + (56 - 28) * ((100vh - 832px) / (1920 - 832)));width:100%;position:relative}.graph{position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(234px + (468 - 234) * ((100vh - 832px) / (1920 - 832)));height:calc(28px + (56 - 28) * ((100vh - 832px) / (1920 - 832)));overflow:hidden;.sun-icon{position:absolute;top:calc(.31px + (.62 - .31) * ((100vh - 832px) / (1920 - 832)));left:calc(56.06px + (112.12 - 56.06) * ((100vh - 832px) / (1920 - 832)));background-color:var(--ant-color-bg-layout);width:calc(16.25px + (32.5 - 16.25) * ((100vh - 832px) / (1920 - 832)));height:calc(16.25px + (32.5 - 16.25) * ((100vh - 832px) / (1920 - 832)));border-radius:50%}.sun-path{position:absolute;top:calc(.72px + (1.44 - .72) * ((100vh - 832px) / (1920 - 832)));left:50%;transform:translateX(-50%);width:calc(244.563px + (489.126 - 244.563) * ((100vh - 832px) / (1920 - 832)));height:calc(50.375px + (100.75 - 50.375) * ((100vh - 832px) / (1920 - 832)))}}.graph-card-items{width:100%}.info-item{gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.info-item-icon{color:var(--ant-color-icon);font-size:calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832)))}.info-item-text{font-size:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));line-height:calc(18px + (36 - 18) * ((100vh - 832px) / (1920 - 832)))}.info-item-time{font-size:calc(14px + (28 - 14) * ((100vh - 832px) / (1920 - 832)));line-height:calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832)))}}}}}}}@layer components{.scene-content{.step{&.weather-step{.height-card{padding:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832))) calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832))) calc(8.25px + (16.5 - 8.25) * ((100vh - 832px) / (1920 - 832)));border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));background-color:var(--ant-kp-color-bg-layout-solid-dark);gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.height{font-size:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));line-height:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)))}.weather-image-wrapper{width:calc(50px + (100 - 50) * ((100vh - 832px) / (1920 - 832)));height:calc(36px + (72 - 36) * ((100vh - 832px) / (1920 - 832)))}.weather-image{object-fit:contain;width:100%;height:100%;scale:1.4}.max,.min{font-size:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));line-height:calc(29px + (58 - 29) * ((100vh - 832px) / (1920 - 832)))}.max{margin-left:calc(4px + (8 - 4) * ((100vh - 832px) / (1920 - 832)))}.property-item{padding:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832))) calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));&.has-border{position:relative;&:after,&:before{content:"";position:absolute;height:calc(40px + (80 - 40) * ((100vh - 832px) / (1920 - 832)));top:50%;transform:translateY(-50%);width:1px;background-color:var(--ant-color-border-secondary)}&:before{left:0}&:after{right:0}}}.property-item-icon{font-size:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));color:var(--ant-color-text)}.property-item-value{font-size:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));line-height:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)))}.property-item-label{font-size:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));line-height:calc(18px + (36 - 18) * ((100vh - 832px) / (1920 - 832)))}}}}}}@layer components{.client-scene{height:100%;background-color:var(--ant-kp-color-bg-header);padding:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));gap:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));overflow:hidden;.map-container{position:relative;overflow:hidden;border-radius:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));z-index:10;flex:1}.pagination{position:absolute;padding:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));bottom:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));left:50%;transform:translateX(-50%);background-color:var(--ant-kp-color-bg-container-transparent);border-radius:calc(32px + (64 - 32) * ((100vh - 832px) / (1920 - 832)));gap:calc(2px + (4 - 2) * ((100vh - 832px) / (1920 - 832)));.bullet{transform:rotate(-90deg);width:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));height:calc(24px + (48 - 24) * ((100vh - 832px) / (1920 - 832)));.progress{opacity:0;fill:transparent;stroke:#ffffff;stroke-linecap:round;transition:opacity .4s,stroke-dashoffset 2s linear;&.shown{opacity:1}}.center{fill:#b9c0d0;transition:fill .8s;&.active{fill:#e63621}}}}.disclaimer{position:absolute;top:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));left:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));right:calc(12px + (24 - 12) * ((100vh - 832px) / (1920 - 832)));min-height:calc(84px + (168 - 84) * ((100vh - 832px) / (1920 - 832)));padding:calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832))) calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832))) calc(20px + (40 - 20) * ((100vh - 832px) / (1920 - 832))) calc(76px + (152 - 76) * ((100vh - 832px) / (1920 - 832)));background-color:var(--ant-kp-color-bg-container-transparent);border-radius:calc(8px + (16 - 8) * ((100vh - 832px) / (1920 - 832)));.text{font-size:calc(16px + (32 - 16) * ((100vh - 832px) / (1920 - 832)));line-height:calc(22px + (44 - 22) * ((100vh - 832px) / (1920 - 832)));font-weight:var(--ant-font-weight-strong);color:var(--ant-kp-color-text-solid-light)}}.ai-image{display:none;position:absolute;top:calc(34px + (68 - 34) * ((100vh - 832px) / (1920 - 832)));left:calc(32px + (64 - 32) * ((100vh - 832px) / (1920 - 832)));width:calc(40px + (80 - 40) * ((100vh - 832px) / (1920 - 832)));height:calc(40px + (80 - 40) * ((100vh - 832px) / (1920 - 832)));background:#ffffff;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);&.shown{display:block}svg{position:relative;top:25%;left:20.8%;width:53.1%;height:53.1%}}.content-container{flex:1 1 0%;@media (min-aspect-ratio:1.1){aspect-ratio:510/816;flex:0}}}}