.charts-page{position:relative;width:100%;height:calc(100vh - 110px);overflow:hidden;background:#cfe3ef;font-family:Roboto,Arial,sans-serif;color:#3a4a60}.charts-page h1,.charts-page h4{font-family:Poppins,sans-serif;color:#203656;margin:0}.charts-page .charts-map,.charts-page .charts-map-wrap,.charts-page .charts-state{position:absolute;top:0;right:0;bottom:0;left:0}.charts-page .charts-state{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:12px;gap:12px;font-family:Poppins,sans-serif;color:#203656}.charts-page .charts-state--loading{background:#fff}.charts-page .charts-state--fail{z-index:4;padding:16px;background:rgba(207,227,239,.55)}.charts-page .charts-card.charts-fail-head{z-index:5;left:20px;top:18px;margin:0;padding:10px 14px}.charts-page .charts-card.charts-fail-head h1{font-size:20px;font-weight:600}.charts-page .charts-fail-card{width:100%;max-width:380px;padding:28px 24px 24px;border-radius:12px;background:#fff;box-shadow:0 6px 22px rgba(20,35,60,.28);display:flex;flex-direction:column;align-items:center;text-align:center}.charts-page .charts-fail-card h2{margin:14px 0 6px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;line-height:1.3;color:#203656}.charts-page .charts-fail-card p{margin:0;font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.45;color:#41506a}.charts-page .charts-fail-card .charts-fail-auto{margin-top:6px;font-size:12.5px;color:#7b8aa3}.charts-page .charts-fail-icon{width:52px;height:52px}.charts-page .charts-btn.charts-fail-retry{flex:none;align-self:center;margin-top:18px;min-width:160px;padding:9px 28px;font-size:14px;background:#425781;color:#fff}.charts-page .charts-btn.charts-fail-retry:disabled{opacity:.7;cursor:default}.charts-page .charts-loading-text{position:fixed;z-index:1000;top:calc(40% + 112px);left:0;right:0;margin:0;text-align:center;font-size:14px;color:#7b8aa3}.charts-page .charts-card{position:absolute;z-index:2;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(20,35,60,.22)}.charts-page .charts-left{position:absolute;z-index:2;left:20px;top:18px;width:470px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.charts-page .charts-left .charts-card{position:relative}.charts-page .charts-legend-wide{padding:8px 12px;display:flex;align-items:center;grid-gap:10px;gap:10px;font-family:Poppins,sans-serif;font-size:10.5px;color:#41506a}.charts-page .charts-legend-wide b{font-size:11px;color:#203656}.charts-page .charts-legend-wide-body{flex:1 1;display:flex;flex-direction:column;grid-gap:3px;gap:3px}.charts-page .charts-legend-wide-bar{height:10px;border-radius:5px}.charts-page .charts-legend-wide-labels{display:flex;justify-content:space-between}.charts-page .charts-panel{width:100%;padding:10px 12px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.charts-page .charts-panel h1{font-size:20px;font-weight:600}.charts-page .charts-m-head,.charts-page .charts-panel-head{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.charts-page .charts-selbox{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;font-family:Poppins,sans-serif;font-size:13px;color:#203656;border:1px solid #c7cfdc;border-radius:6px;padding:0 4px 0 10px;background:#fff;min-width:0}.charts-page .charts-selbox svg{flex:0 0 auto;width:12px;height:12px}.charts-page .charts-selbox select{border:0;background:transparent;font:inherit;color:inherit;padding:5px 2px;cursor:pointer;min-width:0;max-width:210px;text-overflow:ellipsis}.charts-page .charts-layers{display:flex;grid-gap:6px;gap:6px;flex-wrap:wrap}.charts-page .charts-chip{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;border:1px solid #c7cfdc;border-radius:18px;padding:5px 12px;color:#203656;background:#fff;display:inline-flex;align-items:center;grid-gap:5px;gap:5px;white-space:nowrap;cursor:pointer;line-height:1.4}.charts-page .charts-chip.on{background:#004989;border-color:#004989;color:#fff}.charts-page .charts-chip.lk{color:#9aa3b0;border-style:dashed;background:#f7f9fc}.charts-page .charts-lock-ic{width:10px;height:10px;flex:0 0 auto}.charts-page .charts-tag{font-family:Poppins,sans-serif;font-size:9px;font-weight:700;letter-spacing:.04em;border-radius:3px;padding:1px 4px;line-height:1.3;margin-left:2px}.charts-page .charts-tag.pro{background:#004989;color:#fff}.charts-page .charts-tag.prem{background:#fff6df;color:#8a6a00;border:1px solid #f2d68a;font-size:10px;padding:1px 6px;border-radius:10px}.charts-page .charts-row{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:11.5px;color:#7b8aa3}.charts-page .charts-model{margin-left:auto;font-size:11.5px;color:#7b8aa3;text-align:right}.charts-page .charts-dirsel button svg{width:14px;height:14px;flex:0 0 auto}.charts-page .charts-dirsel.off button{opacity:.45;cursor:not-allowed}.charts-page .charts-dirsel.off button.on{background:#7d8aa3;color:#fff}.charts-page .charts-dir-note{font-size:11.5px;color:#7b8aa3}.charts-page .charts-particles{position:absolute;top:0;left:0;pointer-events:none}.charts-page .charts-stepsel{display:inline-flex;border:1px solid #c7cfdc;border-radius:6px;overflow:hidden;background:#fff}.charts-page .charts-stepsel button{font-family:Poppins,sans-serif;font-size:12px;padding:4px 10px;color:#425781;background:#fff;border:0;border-left:1px solid #e1e5ec;display:inline-flex;align-items:center;grid-gap:4px;gap:4px;white-space:nowrap;cursor:pointer}.charts-page .charts-stepsel button:first-child{border-left:0}.charts-page .charts-stepsel button.on{background:#425781;color:#fff}.charts-page .charts-stepsel button.lk{color:#a3abb8;background:#f7f9fc}.charts-page .charts-legend{right:18px;top:18px;padding:10px;display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;font-family:Poppins,sans-serif;font-size:10.5px;color:#41506a}.charts-page .charts-legend b{font-size:11px;color:#203656}.charts-page .charts-legend-body{display:flex;grid-gap:6px;gap:6px;align-items:stretch;height:200px}.charts-page .charts-legend-bar{width:12px;border-radius:6px}.charts-page .charts-legend-labels{display:flex;flex-direction:column;justify-content:space-between}.charts-page .charts-attr{position:absolute;z-index:2;right:8px;bottom:70px;font-size:10.5px;color:#41506a;background:hsla(0,0%,100%,.85);border-radius:4px;padding:1px 6px;text-decoration:none}.charts-page .charts-attr:hover{color:#004989}.charts-page .charts-tl-bar{position:absolute;z-index:2;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.97);border-top:1px solid #e4e7ed;padding:24px 16px 10px}.charts-page .charts-tl{display:flex;align-items:center;grid-gap:14px;gap:14px}.charts-page .charts-tl-play{width:34px;height:34px;border-radius:50%;background:#004989;color:#fff;border:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}.charts-page .charts-tl-play svg{width:13px;height:13px}.charts-page .charts-tl-track{flex:1 1;position:relative;min-width:0;height:30px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.charts-page .charts-tl-track:focus-visible{box-shadow:0 0 0 2px rgba(0,73,137,.35);border-radius:4px}.charts-page .charts-tl-days{position:relative;height:17px;font-family:Poppins,sans-serif;font-size:11.5px;color:#41506a}.charts-page .charts-tl-day{position:absolute;top:0;border-left:1px solid #dde2ea;padding-left:6px;white-space:nowrap;overflow:hidden}.charts-page .charts-tl-day.on{color:#004989;font-weight:700}.charts-page .charts-tl-day.lk{color:#b3bac6}.charts-page .charts-tl-ticks{position:relative;height:6px;margin-top:5px}.charts-page .charts-tl-ticks i{position:absolute;top:0;height:6px;background:#dde3ec;border-radius:2px}.charts-page .charts-tl-ticks i.past{background:#b7c6da}.charts-page .charts-tl-locked{position:absolute;top:0;right:0;height:6px;border-radius:2px;background:repeating-linear-gradient(135deg,#e3e7ee 3px,#f5f7fa 3px 6px)}.charts-page .charts-tl-lockzone{position:absolute;right:0;top:13px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Poppins,sans-serif;font-size:11.5px;font-weight:600;color:#6b7a91}.charts-page .charts-tl-lockzone em{font-style:normal;background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:1px 9px;display:inline-flex;align-items:center;grid-gap:5px;gap:5px;box-shadow:0 1px 3px rgba(0,0,0,.06);white-space:nowrap}.charts-page .charts-tl-lockzone svg{width:10px;height:10px}.charts-page .charts-tl-cur{position:absolute;top:-6px;bottom:-4px;width:2px;margin-left:-1px;background:#e84c3d;pointer-events:none}.charts-page .charts-tl-cur b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#e84c3d;color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;border-radius:10px;padding:0 8px;white-space:nowrap;margin-bottom:2px}.charts-page .charts-spot-card{position:absolute;z-index:3;width:220px;transform:translate(-34px,calc(-100% - 16px));background:#fff;border-radius:10px;box-shadow:0 6px 22px rgba(20,35,60,.28);padding:12px 14px}.charts-page .charts-spot-card h4{font-size:15px;font-weight:600}.charts-page .charts-spot-card:after{content:"";position:absolute;left:26px;bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;border-top:8px solid #fff}.charts-page .charts-spot-card.over-pill{transform:translate(-34px,calc(-100% - 46px - var(--lu-lift, 0px)))}.charts-page .charts-spot-sub{font-size:11.5px;color:#7b8aa3;margin-top:2px}.charts-page .charts-spot-fc{margin-top:6px}.charts-page .charts-prow{display:flex;justify-content:space-between;align-items:center;grid-gap:8px;gap:8px;font-size:12.5px;color:#41506a;padding:3px 0;border-top:1px solid #eef1f5}.charts-page .charts-prow:first-child{border-top:0}.charts-page .charts-prow>span:last-child{color:#203656;font-weight:500;text-align:right}.charts-page .charts-wind{font-weight:600}.charts-page .charts-wind.terral{color:#2f9a52}.charts-page .charts-wind.cruzado-terral{color:#5ab947}.charts-page .charts-wind.cruzado{color:#b08a00}.charts-page .charts-wind.cruzado-maral{color:#e08a24}.charts-page .charts-wind.maral{color:#e84c3d}.charts-page .charts-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;margin:0;cursor:pointer;pointer-events:auto}.charts-page .charts-pin:focus-visible{outline:2px solid #004989;outline-offset:2px;border-radius:10px}.charts-page .charts-pin-rank,.charts-page .charts-pin-val{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;color:#203656;background:#fff;border-radius:10px;padding:1px 7px;box-shadow:0 1px 4px rgba(0,0,0,.35);white-space:nowrap;line-height:16px}.charts-page .charts-pin-rank{background:#004989;color:#fff;margin-bottom:2px}.charts-page .charts-pin-stem{display:block;width:2px;height:6px;background:#fff}.charts-page .charts-pin.fanned{transform:translate(calc(-50% + var(--lu-dx, 0px)),calc(-50% + var(--lu-dy, 0px)))}.charts-page .charts-pin.fanned .charts-pin-rank{margin-bottom:0;border:2px solid #fff}.charts-page .charts-pin.fanned .charts-pin-dot,.charts-page .charts-pin.fanned .charts-pin-stem{display:none}.charts-page .charts-pin-dot{display:block;width:9px;height:9px;border-radius:50%;background:#004989;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4);margin-bottom:-4px;box-sizing:initial}.charts-page .charts-pin.on .charts-pin-val{background:#004989;color:#fff}.charts-page .charts-pin.on .charts-pin-stem{background:#004989}.charts-page .charts-pin.on .charts-pin-dot{width:12px;height:12px;margin-bottom:-6px}.charts-page .charts-near-row{display:flex;align-items:center;flex-wrap:wrap;grid-gap:8px;gap:8px}.charts-page .charts-near-radius{flex:none}.charts-page .charts-near-geo{flex:0 0 auto}.charts-page .charts-near-note{font-size:11.5px;color:#7b8aa3}.charts-page .charts-spot-actions{display:flex;grid-gap:6px;gap:6px;margin-top:8px}.charts-page .charts-btn{font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;border-radius:5px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;border:0;white-space:nowrap;text-decoration:none;cursor:pointer}.charts-page .charts-btn.pri{background:#425781;color:#fff;flex:1 1}.charts-page .charts-btn.out{background:#fff;color:#425781;border:1px solid #c7cfdc}.charts-page .charts-ups-pop,.charts-page .charts-ups-sheet{font-family:Poppins,sans-serif;font-size:13px;color:#203656;z-index:6}.charts-page .charts-ups-pop ul,.charts-page .charts-ups-sheet ul{margin:8px 0 10px;padding:0 0 0 18px;color:#41506a;font-size:12.5px;line-height:1.6}.charts-page .charts-ups-pop{position:absolute;background:#fff;border-radius:10px;box-shadow:0 6px 22px rgba(20,35,60,.28);padding:12px 14px}.charts-page .charts-ups-pop:after{content:"";position:absolute;left:var(--charts-ups-arrow,24px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;border-top:8px solid #fff}.charts-page .charts-ups-pop.below:after{bottom:auto;top:-8px;border-top:0;border-bottom:8px solid #fff}.charts-page .charts-ups-hd{display:flex;align-items:center;grid-gap:8px;gap:8px;font-weight:600;font-size:14px}.charts-page .charts-ups-hd svg{width:15px;height:15px;flex:0 0 auto}.charts-page .charts-ups-hd .prem{color:#8a6a00}.charts-page .charts-ups-hd .pro{color:#004989}.charts-page .charts-ups-x{margin-left:auto;border:0;background:transparent;color:#9aa3b0;padding:2px;cursor:pointer}.charts-page .charts-ups-body{margin:8px 0 0;font-family:Roboto,Arial,sans-serif;font-size:13px;color:#41506a}.charts-page .charts-ups-cta{display:flex;width:100%;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;padding:9px 14px;text-decoration:none}.charts-page .charts-ups-cta.prem{background:#fabc41;color:#3a2b00;border-radius:20px}.charts-page .charts-ups-cta.pro{background:#004989;color:#fff;border-radius:6px;font-size:13px}.charts-page .charts-ups-keep{text-align:center;font-size:12px;color:#7b8aa3;margin-top:10px}.charts-page .charts-grab,.charts-page .charts-ups-keep{display:block;width:100%;border:0;background:transparent;cursor:pointer}.charts-page .charts-grab{height:24px;margin:-8px 0 0;padding:0;touch-action:none}.charts-page .charts-grab span{display:block;width:40px;height:4px;border-radius:2px;background:#cfd6e0;margin:0 auto}.charts-page .charts-grab:focus-visible{outline:2px solid #004989;outline-offset:-2px;border-radius:12px}.charts-page.charts-page--m .charts-state--fail{padding:64px 16px 86px}.charts-page.charts-page--m .charts-card.charts-fail-head{left:10px;right:10px;top:10px;padding:8px 12px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.charts-page.charts-page--m .charts-card.charts-fail-head h1{font-size:17px}.charts-page.charts-page--m .charts-m-top{position:absolute;z-index:3;left:10px;right:10px;top:10px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.charts-page.charts-page--m .charts-m-top .charts-card{position:relative;box-shadow:0 2px 10px rgba(0,0,0,.2)}.charts-page.charts-page--m .charts-m-head{padding:8px 12px}.charts-page.charts-page--m .charts-m-head h1{font-size:17px;font-weight:600}.charts-page.charts-page--m .charts-m-head .charts-selbox{font-size:12px}.charts-page.charts-page--m .charts-m-head .charts-selbox select{max-width:170px;padding:3px 2px}.charts-page.charts-page--m .charts-m-layers{border-radius:14px;padding:6px}.charts-page.charts-page--m .charts-m-layers .charts-m-layers-scroll{display:flex;align-items:center;grid-gap:4px;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.charts-page.charts-page--m .charts-m-layers .charts-m-layers-scroll::-webkit-scrollbar{display:none}.charts-page.charts-page--m .charts-m-layers .charts-layers,.charts-page.charts-page--m .charts-m-layers .charts-near-row{flex:none;grid-gap:4px;gap:4px;flex-wrap:nowrap}.charts-page.charts-page--m .charts-m-layers .charts-near-note{white-space:nowrap}.charts-page.charts-page--m .charts-m-layers .charts-chip{font-size:11.5px;padding:4px 8px;grid-gap:3px;gap:3px}.charts-page.charts-page--m .charts-legend{right:10px;top:124px;padding:8px}.charts-page.charts-page--m .charts-legend-body{height:150px}.charts-page.charts-page--m .charts-sheet{position:absolute;z-index:4;left:0;right:0;bottom:calc(70px + var(--lu-safe-bottom, 0px));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px rgba(20,35,60,.18);padding:8px 16px 12px;touch-action:none;overscroll-behavior:contain}.charts-page.charts-page--m .charts-sheet .charts-row{justify-content:space-between;flex-wrap:wrap}.charts-page.charts-page--m .charts-sheet .charts-dir-note{flex-basis:100%;text-align:right}.charts-page.charts-page--m .charts-sheet--closed{padding-bottom:10px}.charts-page.charts-page--m .charts-sheet--closed .charts-tl--compact{margin-top:14px}.charts-page.charts-page--m .charts-model--m{margin:6px 0 0;text-align:left}.charts-page.charts-page--m .charts-tl--compact{margin-top:18px;grid-gap:12px;gap:12px}.charts-page.charts-page--m .charts-tl--compact .charts-tl-day{padding-left:3px;font-size:10.5px}.charts-page.charts-page--m .charts-sheet .charts-attr{bottom:calc(100% + 6px);right:8px}.charts-page.charts-page--m .charts-ups-sheet{position:absolute;left:0;right:0;bottom:calc(70px + var(--lu-safe-bottom, 0px));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px rgba(20,35,60,.18);padding:8px 16px 14px}.charts-page.charts-page--m .charts-spot-card{width:200px}.charts-pin-tip .maplibregl-popup-content{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#203656;padding:4px 9px;border-radius:8px;box-shadow:0 2px 8px rgba(20,35,60,.25)}