:root{--primary-color:#f7931d;--secondary-color:#231f20;--background-color:#fff;--content-bg-color:#fff;--list-item-bg-color:#fff;--text-color:#fff;--vars-name-text:#231f20;--light-gray:#f5f5f5;--medium-gray:#e8e8e8;--dark-gray:#d4d4d4;--charcoal-gray:#9ca0a3;--sidebar-bg:#fff;--sidebar-shadow:#1b2e5e0d;--button-bg-hover:var(--dark-gray);--pablos_text:#231f20;--bg-color:#fff;--text-color2:#303030;--switch-shadow:0px 0px 10px 3px #0000001a inset;--transition:all 0.3s cubic-bezier(0.76,0,0.24,1);--fill:#fff;--primary:#000;--red:#b0bec5;--redb:none;--chart-text-color:#000;--chart-axis-color:#78909c;--wind-direction-text-color:#333;--wind-direction-arrow-color:#000}[data-theme=dark]{--primary-color:#f7931d;--secondary-color:#f5f5f5;--background-color:#0b0b0b;--content-bg-color:#212121;--text-color:#494949;--vars-name-text:#b3b3b3;--pablos_text:#e0e6ed;--list-item-bg-color:#2f2f2f;--light-gray:#3a3a3a;--medium-gray:#4b4b4b;--dark-gray:#5c5c5c;--charcoal-gray:#b3b3b3;--sidebar-bg:#0d1b2a;--sidebar-shadow:#0006;--button-bg-hover:#4b4b4b;--bg-color:#292639;--text-color2:#ebeaf7;--switch-shadow:0px 0px 10px 3px #00000080 inset;--fill:#37474f;--primary:#000;--red:red;--redb:red;--graph-line-color-1:#4dd0e1;--graph-line-color-2:#26c6da;--graph-line-color-3:#00bcd4;--chart-text-color:#fff;--chart-axis-color:#fff;--wind-direction-text-color:#fff;--wind-direction-arrow-color:#fff;--graph-axis-color:#fff;--graph-tick-color:#fff;--graph-legend-text-color:#fff;--chart-container-bg:#be1a1a;--handlebars-content-bg:#2f2f2f}body{background-color:#fff;background-color:var(
    --background-color
  );color:#fff;color:var(--text-color);font-family:Poppins,sans-serif;font-size:16px;height:100vh;margin:0;transition:background-color .4s ease,color .4s ease}*,:after,:before{box-sizing:border-box}.navbar{background-color:var(--background-color);border-top:1px solid var(--light-gray);box-shadow:0 0 24px 0 #1b2e5e26;display:flex;height:70px;left:0;position:fixed;right:0;top:0;transition:background-color .4s ease,border-color .4s ease;z-index:107}.navbar-container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;width:100%}.navbar-container .navbar-brand{align-items:center;display:flex;height:100%}.navbar-container .navbar-logo{margin-right:auto}.navbar-container .navbar-center{margin:0 auto}.navbar-container .navbar-right{align-items:center;display:flex;margin-left:auto}.navbar-container .navbar-right .navbar-brand:first-child{margin-right:-40px}.navbar-container .navbar-brand img{height:30px}label{color:var(--charcoal-gray);padding-right:10px}select{background-clip:padding-box;background-color:var(--background-color);border:1px solid var(--light-gray);border-radius:.4rem;color:var(--vars-name-text);display:block;font-size:16px;font-weight:500;padding:.4rem .7rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.theme-switch .label{background-color:var(--sidebar-bg);height:20px;padding:4px;transition:background-color .3s ease;width:40px}.theme-switch .ball{background-color:var(--text-color);transition:transform .4s cubic-bezier(.76,0,.24,1),background-color .3s ease}.theme-switch .moon,.theme-switch .sun{transform:rotate(0deg)}.dark .theme-switch .ball{transform:translateX(40px)}.dark .theme-switch .moon,.light .theme-switch .sun{transform:rotate(1turn)}.theme-switch{align-items:center;display:flex;justify-content:center}.theme-switch .checkbox{opacity:0;position:absolute}.theme-switch .label{align-items:center;border-radius:50px;box-shadow:var(--switch-shadow);cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:10px;position:relative;transition:var(--transition);width:80px}.theme-switch .label:hover .moon,.theme-switch .label:hover .sun{transform:rotate(1turn)}.theme-switch .ball{background-color:var(--text-color2);border-radius:50%;height:30px;left:5px;position:absolute;top:5px;transform:translateX(0);transition:var(--transition);width:30px}[data-theme=dark] .theme-switch .ball{transform:translateX(40px)}.theme-switch .moon{color:#f1c40f}.theme-switch .moon,.theme-switch .sun{transform-origin:center center;transition:all .5s cubic-bezier(.76,0,.24,1)}.theme-switch .sun{color:#ff6b00}@media (max-width:399px){.theme-switch .label{height:22px;padding:4px;width:44px}.theme-switch .ball{height:18px;left:2px;top:2px;width:18px}.navbar-container .navbar-right .navbar-brand:first-child{margin-right:3px}[data-theme=dark] .theme-switch .ball{transform:translateX(22px)}.navbar-container .navbar-right{gap:3px}.navbar-container .navbar-brand img{height:22px}.navbar-container .navbar-center{left:50%;margin:0;position:absolute;transform:translateX(-50%);width:40%}.navbar-container label{display:none}.navbar-container select{font-size:14px;padding:.2rem .4rem}}@media (min-width:576px) and (max-width:767px){.navbar-container .navbar-brand{margin-right:10px}.theme-switch{margin-right:60px}}@media (max-width:575px){.theme-switch .label{height:25px;padding:5px;width:50px}.theme-switch .ball{height:20px;left:2.5px;top:2.5px;width:20px}.navbar-container .navbar-right .navbar-brand:first-child{margin-right:5px}[data-theme=dark] .theme-switch .ball{transform:translateX(25px)}.navbar-container .navbar-right{align-items:center;display:flex;gap:5px;margin-left:auto}.navbar-container .navbar-center{left:50%;margin:0;position:absolute;transform:translateX(-50%);width:45%}}@media (min-width:768px){.navbar-container .navbar-brand img{height:37px}.navbar-container{padding-left:30px;padding-right:30px;position:relative}.navbar-container .navbar-center{left:50%;position:absolute;transform:translateX(-50%)}.navbar-container .navbar-logo{margin-right:auto;width:30%}.navbar-container .navbar-brand:first-child{margin-right:30px;padding-right:30px}.navbar-container .navbar-brand:last-child{margin-left:30px;padding-left:30px}}.wrapper{align-items:stretch;display:flex;flex:1 1 auto;flex-direction:column;height:100vh;min-width:0;padding-top:70px}.wrapper .map{background:#fff;border-radius:20px;height:calc(100vh - 174px);margin:0 15px 15px;overflow:hidden;transition:all .4s}.wrapper .map>div{height:100%!important;width:100%}.wrapper .map-close{display:none}h1{color:var(--primary-color);font-size:24px;line-height:24px;margin-bottom:6px;margin-top:0}@media (min-width:992px){.wrapper{flex-direction:row}.wrapper .map{border-radius:0;height:calc(100vh - 70px);margin:0;transition:all .4s;width:calc(100% - 40px)}.wrapper .map-close{display:block;width:50%}}.loader{background-image:url(/static/media/loader.57796b87d3da71baaca9.gif);background-position:50%;background-repeat:no-repeat;background-size:400px;display:inline-block;height:100%;left:0;position:fixed;top:0;width:100%}@media (max-width:576px){.map-marker{height:102px;width:92px}}@media (prefers-color-scheme:dark) and (max-width:992px){.map{background-color:var(--light-gray)}}.charts-content{display:flex;flex-direction:column;gap:10px;margin:0}.charts-tabs{display:flex;flex-wrap:wrap;gap:10px}.charts-tab-button{background-color:var(--medium-gray);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.charts-tab-button.active,.charts-tab-button:hover{background-color:var(--primary-color)}.handlebars-and-variables{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between}.handlebars-content{min-width:250px}.variable-selection{display:flex;flex:1 1;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-top:7.5%;min-width:200px}.variable-checkbox{align-items:center;cursor:pointer;display:flex;font-size:18px;gap:5px}.chart-container{height:190px;position:relative;width:100%}.wind-directions-section{align-items:center;border-radius:4px;display:flex;margin-top:2%;overflow-x:hidden;width:100%}.wind-direction-label{color:#333;display:inline-block;font-size:18px;font-weight:700;margin-left:16px;margin-top:28px;transform:rotate(-90deg);transform-origin:left;white-space:nowrap}.wind-direction-label-2{margin:0 4px 0 10px}.wind-direction-icon{height:40px;width:24px}.wind-directions-row{align-items:center;display:flex;flex:1 1;justify-content:space-between;overflow-x:auto;padding:4px}.wind-direction-item{align-items:center;display:flex;flex-direction:column;margin:0 2px;min-width:20px}.wind-direction-item svg{margin-bottom:2px;max-width:100%}.wind-direction-item .timestamp{color:#666;line-height:1}.wind-directions-row::-webkit-scrollbar{display:none}.arrow-timestamp{font-size:11px}.wind-direction-container{align-items:center;display:flex;flex-direction:column}.arrow-timestamp.placeholder{height:1.6em;visibility:hidden;width:100%}.wind-direction svg{margin-bottom:.3em}.no-var-container{align-items:center;color:#9c9c97;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:10%}.no-var-image{height:auto;margin-top:20px;opacity:.1;width:90%}.no-var-message{font-size:30px}.chart-wrapper{height:380px;margin:0 auto;max-width:100%;width:100%}.charts-content .apexcharts .charts-content .apexcharts-text,.charts-content .apexcharts-legend-text{fill:var(
    --chart-text-color
  )!important}.charts-content .apexcharts-xaxis-tick,.charts-content .apexcharts-yaxis-tick{stroke:var(
    --chart-axis-color
  )!important}.charts-content .apexcharts-xaxis line,.charts-content .apexcharts-yaxis line{stroke:var(--chart-axis-color)!important}.wind-direction-container.dark-theme .arrow-timestamp,.wind-directions-section .dark-theme{color:var(--wind-direction-text-color)}.wind-direction-container.dark-theme svg line{stroke:var(--wind-direction-arrow-color)}.wind-direction-container.dark-theme svg polygon{fill:var(
    --wind-direction-arrow-color
  )}@media (max-width:1200px){.chart-wrapper{height:450px}.variable-selection{flex-wrap:wrap;margin-top:11%;overflow-x:auto}}@media (max-width:992px){.handlebars-and-variables{flex-direction:column}.variable-selection{flex-wrap:wrap;margin-top:0;overflow-x:auto}.variable-checkbox{font-size:10px}.chart-wrapper{height:350px}.charts-tab-button{box-sizing:border-box;flex:1 1 25%;padding:10px;text-align:center}.charts-tabs{flex-wrap:nowrap;overflow-x:auto}.no-var-container{margin-top:20%}.no-var-image{height:100vh;width:100%}}@media (max-width:768px){.handlebars-and-variables{flex-direction:column}.variable-selection{flex-wrap:wrap;margin-top:0;overflow-x:auto}.variable-checkbox{font-size:10px}.chart-wrapper{height:350px}.charts-tab-button{box-sizing:border-box;flex:1 1 25%;padding:10px;text-align:center}.charts-tabs{flex-wrap:nowrap;overflow-x:auto}.no-var-container{margin-top:20%}.no-var-image{height:100vh;width:100%}}@media (max-width:576px){.handlebars-content{margin-top:-10px}.chart-container{height:220px;padding-right:4px}.variable-checkbox{font-size:14px}.charts-content{gap:10px;margin-right:10px;padding:9px 1px}.wind-direction-label{font-size:14px}.wind-direction svg{height:30px;width:20px}.wind-directions-row{gap:8px;margin-top:2%;padding-left:4px}.wind-degree{font-size:8px}}@media (max-width:425px){.chart-container-2{height:200px}.wind-directions-row{margin-top:4%}.wind-direction-label{font-size:16px;margin-right:-10px}.arrow-timestamp{font-size:10px}.wind-directions-section{margin:0;padding:0;width:100%}}@media (min-width:1200px) and (max-width:1600px){.variable-selection{margin-top:10.5vh}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1200px) and (max-width:1600px){.variable-selection{margin-top:8vh}}@media (min-width:1601px) and (max-width:1920px){.variable-selection{margin-top:8.4vh}.chart-container{height:270px}}@media screen and (min-width:1921px){body{overflow:hidden}.chart-wrapper{height:600px}.chart-container{height:340px}.wind-directions-row{gap:18px}.variable-selection{display:flex;flex:1 1;flex-wrap:wrap;gap:25px;margin-top:6.4vh;min-width:200px}.variable-checkbox{font-size:20px}.wind-directions-section{padding:8px 16px}.wind-direction-label{font-size:26px}}:root{--temperature:#f03c5a;--temperature-15:#f71d4226;--waves:#1d57f7;--waves-15:#1d57f726;--meteo:#494647;--meteo-15:#49464726;--goodHeavens:#494647;--sun:#494647;--tide:#1dc3f7;--tide-15:#1dc3f726;--air:#f7931d;--air-15:#f7931d26}.sidebar{box-shadow:0 0 24px 0 #1b2e5e0d;height:80px;position:relative;transition:all .4s;width:auto}.sidebar,.sidebar-close{background-color:var(--content-bg-color)}.sidebar-close{height:100vh;width:100%}.sidebar-close .sidebar-button{transform:rotate(-270deg)}.sidebar-button{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;left:calc(50% - 25px);position:relative;transform:rotate(270deg);width:40px;z-index:99}.sidebar-close .sidebar-content{display:block;opacity:1}.sidebar-content{background-color:var(--content-bg-color);color:var(--pablos_text);display:none;height:calc(100% - 83px);opacity:0;padding:16px;transition:all .2s}.sidebar-content .ubication{color:var(--charcoal-gray);margin-bottom:6px}.sidebar-content .date,.sidebar-content .date span{align-items:center;display:flex;flex-direction:row}.sidebar-content .date span{background:var(--light-gray);border-radius:5px;font-size:12.6px;justify-content:space-between;margin-right:10px;padding:5px 7px}.sidebar-content .date span img{margin-right:10px}.list{display:flex;flex-direction:column;margin-top:30px;overflow:hidden;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.list-item{align-items:center;background-color:var(--list-item-bg-color);border-bottom:1px solid var(--medium-gray);border-radius:0;display:flex;justify-content:space-between;transition:box-shadow .4s ease,background-color .4s ease}.list .list-col-2:last-child .list-item:last-child{border-bottom:0}.list-col-2{display:block}.list-col-2 .list-item{width:100%}.list-col-2 .list-item:first-child{margin-right:0}.list-item-icon{align-items:center;background:var(--light-gray);border-radius:10px;display:flex;height:60px;justify-content:center;margin:10px 10px 10px 0;width:60px}.list-item-icon img{height:auto;width:70%}.list-item-content{align-content:stretch;align-items:start;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px 0;width:calc(100% - 60px)}.list-item-col{align-items:center;display:flex;flex:1 0;flex-direction:row;flex-wrap:wrap;height:80%;justify-content:start;width:100%}.list-tide .list-item-col .text{display:inline-block;margin:0 10px 7px 11px}.list-item-col:first-child{border-left:0}.col-inline{align-items:start;padding:7px 0}.inline{align-items:center;display:flex;flex-direction:row;width:100%}.title{color:var(--vars-name-text);display:block;font-weight:700;margin:3px 10px;text-align:center}.list-tide .list-item-col .description,.list-tide .list-item-col .text,.list-tide .list-item-col .title{margin-left:0;margin-right:2%;text-align:left;width:31%}.inline .title{margin-bottom:0}.text{display:block;font-size:17px;font-weight:300;line-height:20px}.text img{height:16px}.description{color:var(--charcoal-gray);font-size:16px;font-style:italic}.units{font-size:20px}.list-item-temperature{background-color:#f71d4226;background-color:var(--temperature-15)}.list-item-waves{background-color:#1d57f726;background-color:var(--waves-15)}.list-item-tide{background-color:#1dc3f726;background-color:var(--tide-15)}.list-item-air{background-color:#f7931d26;background-color:var(--air-15)}.dots{height:40px;text-align:center;width:auto}.section-brand{display:flex;margin:5px 0}.section-brand img{height:39px;margin-right:10px}.sidebar-buttons{text-align:right}.sidebar-buttons button{background-color:var(--medium-gray);border:#0000;border-radius:9px;color:var(--secondary-color);cursor:pointer;font-weight:600;margin-left:10px;padding:calc(.815rem + 1px) calc(1.5rem + 1px);transition:all .4s}.sidebar-buttons button:hover{background-color:var(--dark-gray)}.sidebar-buttons .button-dades,.sidebar-buttons .button-map{background:var(--primary-color);color:#fff}.sidebar-message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 10%;text-align:center}.sidebar-message>p{font-size:30px}.sidebar-message>p img{height:40px}.sidebar-message>img{height:auto;width:90%}.list::-webkit-scrollbar{height:12px}.list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.list::-webkit-scrollbar-thumb:hover{background:#555}.skeleton-loader{display:flex;flex-direction:column;gap:10px}.skeleton-item{animation:skeleton-animation 1.5s linear infinite;background-color:var(--light-gray);border-radius:4px;color:var(--light-gray)}.sidebar-hidden{display:none}.sidebar-tabs{display:flex;gap:8px;justify-content:flex-start;margin-bottom:12px}.tab-button{background:none;border:none;color:var(--pablos_text);cursor:pointer;font-size:16px;padding:0 8px;position:relative;transition:color .3s}.tab-button.active{color:#f7931d;font-weight:700}.tab-button.active:after{background-color:#f7931d;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.details-tab-content .date:after{background-color:#f8f9fa;border-radius:8px;color:#6c757d;content:"ℹ️ * このデータは、世界中で利用されている気象・海象データシステム「コペルニクス」から取得したものです。";display:block;font-size:12px;line-height:1.3;margin-top:-1px;padding:9px 12px;position:relative}.dark-theme .details-tab-content .date:after,[data-theme=dark] .details-tab-content .date:after{background-color:var(--light-gray);border-color:#4a5568;color:#a0aec0}.time-legend-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.prediction-legend-inline{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;display:flex;font-size:11px;gap:6px;left:16px;line-height:1.3;padding:6px 10px;position:absolute;right:16px;top:120px;z-index:10}.prediction-legend-inline .prediction-asterisk{color:#dc3545;font-weight:700}.prediction-legend-inline .prediction-icon{color:#17a2b8;flex-shrink:0;font-size:14px}@media (max-width:576px){.prediction-legend-inline{font-size:10px;padding:5px 8px}}@keyframes skeleton-animation{0%{background-color:var(--light-gray);color:var(--light-gray)}50%{background-color:var(--medium-gray);color:var(--medium-gray)}to{background-color:var(--light-gray);color:var(--light-gray)}}@media (max-width:576px){.sidebar-content{padding-left:12px;padding-top:0}}@media (min-width:768px){.list-item{border:1px solid var(--medium-gray);border-radius:10px;margin-bottom:15px}.list .list-col-2:last-child .list-item:last-child{border-bottom:2px solid var(--medium-gray)}.list-item-col{border-left:1px solid var(--medium-gray);flex-direction:column;justify-content:center;min-height:100px;width:auto}.list-item-content{align-items:center;flex-direction:row;padding:0}.list-item-icon{margin:7px}.text img{height:22px}.list-tide .list-item-col .text{margin:0}.inline{margin-bottom:5px;padding-left:10px}.text{font-size:22px;line-height:21px}.sidebar-message>img{height:auto;width:400px}.inline .title{min-width:181px;text-align:left}.list-tide .list-item-col .description,.list-tide .list-item-col .text,.list-tide .list-item-col .title{margin-left:inherit;margin-right:inherit;text-align:center;width:auto}.sidebar-content .date span{font-size:16px}}@media (min-width:992px){.sidebar{height:auto;width:40px}.sidebar-close{height:auto;max-height:none;max-width:80%;width:100%}.sidebar-content{padding:25px 9px 25px 15px}.sidebar-button{align-items:center;background:var(--text-color);border:1px solid var(--light-gray);border-radius:50px;box-shadow:0 0 24px 0 #1b2e5e0d;cursor:pointer;display:flex;height:50px;justify-content:center;left:auto;position:absolute;right:-25px;top:12%;transform:rotate(180deg);width:50px;z-index:99}.sidebar-close .sidebar-button{transform:rotate(0)}.list{height:65vh;margin-top:20px}.list-item-icon{height:80px;margin:7px;width:80px}.list-item-content{width:calc(100% - 80px)}.list-item-col{min-height:100px}.title{margin:0 0 7px}.text{font-size:22px;line-height:25px}.list-tide .title{margin:0!important}}@media (min-width:1200px){.sidebar-close{height:auto;max-height:none;max-width:75%;width:100%}.list-item-icon{height:90px;margin:5px;width:90px}.list-item-content{width:calc(100% - 90px)}.list-item-col{min-height:100px}.list-tide .title{margin:0!important}.text{font-size:22px;line-height:25px}}@media (min-width:1400px){.sidebar-close{height:auto;max-height:none;max-width:70%;width:100%}.list-col-2{display:flex}.list-col-2 .list-item{width:49%}.list-col-2 .list-item:first-child{margin-right:2%}.list-item-icon{height:70px;margin:10px;width:100px}.list-item-content{width:calc(100% - 100px)}.list-item-col{min-height:80px}.list-tide .title{margin:0!important}.text{font-size:22px;line-height:25px}}@media screen and (min-width:2400px){.sidebar-tabs{display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.tab-button{background:none;border:none;cursor:pointer;font-size:30px;padding:8px 16px;position:relative;transition:color .3s}}
/*# sourceMappingURL=main.fdd9b39d.css.map*/