*{margin:0;padding:0}body{height:100vh;width:100vw}#root{height:100%}#leva__root>div{position:absolute;right:27%}.container_navbar{width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-top:1%}.navbar_logo{display:flex;align-items:center;margin-left:20px}.navbar_logo img{height:40px;width:auto;pointer-events:all}.navbar_links{position:relative;right:100px;display:flex;gap:20px}.navbar_category_link{padding-right:20px;margin-right:20px;text-decoration:none;color:#1ddeb9;display:inline-block;min-width:60px;font-size:16px;position:relative}.navbar_category_link:hover,.navbar_category_link.active{color:#0de3b8;font-weight:700}.navbar_dropdown{position:relative;display:inline-block}.navbar_dropdown_content{position:absolute;top:100%;left:0;background-color:#000000e6;min-width:200px;box-shadow:0 8px 16px #00000080;z-index:1000;padding:10px 0;border-radius:5px;border:1px solid #1ddeb9}.navbar_subcategory_container{position:relative}.navbar_subcategory_link{display:block;padding:10px 20px;text-decoration:none;color:#1ddeb9;font-size:15px;transition:all .3s ease}.navbar_subcategory_link:hover{background-color:#1ddeb91a;color:#0de3b8;font-weight:600}.navbar_subcategory_link.active{color:#0de3b8;font-weight:600;background-color:#1ddeb926}.navbar_items_dropdown{position:absolute;left:100%;top:0;background-color:#000000f2;min-width:200px;box-shadow:0 8px 16px #00000080;z-index:1001;padding:10px 0;border-radius:5px;border:1px solid #1ddeb9;margin-left:5px}.navbar_item_link{display:block;padding:8px 20px;text-decoration:none;color:#1ddeb9;font-size:14px;transition:all .3s ease}.navbar_item_link:hover{background-color:#1ddeb91a;color:#0de3b8;font-weight:500}.navbar_item_link.active{color:#0de3b8;font-weight:500;background-color:#1ddeb926}.container_navbar{justify-content:space-around}.navbar_mobile_menu{position:relative;display:inline-block}.navbar_menu_icon{width:24px;height:24px;cursor:pointer}.navbar_mobile_dropdown{position:absolute;top:100%;right:0;background-color:#000000f2;min-width:250px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 16px #00000080;border:1px solid #1ddeb9;border-radius:5px;z-index:1000;padding:10px 0}.navbar_mobile_links{display:flex;flex-direction:column;gap:0}.navbar_mobile_category{border-bottom:1px solid rgba(29,222,185,.2)}.navbar_mobile_category:last-child{border-bottom:none}.navbar_mobile_category_header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.navbar_mobile_category_link{flex:1;text-decoration:none;color:#1ddeb9;font-size:16px;font-weight:600;padding:4px 0}.navbar_mobile_category_link:hover,.navbar_mobile_category_link.active{color:#0de3b8}.navbar_mobile_category_link.active{font-weight:700}.navbar_mobile_expand_button{background:none;border:none;color:#1ddeb9;font-size:20px;font-weight:700;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:10px;transition:transform .2s ease}.navbar_mobile_expand_button:hover{color:#0de3b8}.navbar_mobile_expand_button.expanded{transform:rotate(0)}.navbar_mobile_subcategories{background-color:#0000004d;padding-left:0}.navbar_mobile_subcategory{border-bottom:1px solid rgba(29,222,185,.1)}.navbar_mobile_subcategory:last-child{border-bottom:none}.navbar_mobile_subcategory_header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 32px}.navbar_mobile_subcategory_link{flex:1;text-decoration:none;color:#1ddeb9;font-size:15px;font-weight:500;padding:4px 0}.navbar_mobile_subcategory_link:hover,.navbar_mobile_subcategory_link.active{color:#0de3b8}.navbar_mobile_subcategory_link.active{font-weight:600}.navbar_mobile_items{background-color:#0006;padding:8px 0}.navbar_mobile_item_link{display:block;text-decoration:none;color:#1ddeb9;font-size:14px;padding:8px 16px 8px 48px;transition:background-color .2s ease}.navbar_mobile_item_link:hover{background-color:#1ddeb91a;color:#0de3b8}.navbar_mobile_item_link.active{color:#0de3b8;font-weight:500;background-color:#1ddeb926}.page-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;font-family:Montserrat;color:#80ffe5}.page-container h1{text-align:center;text-shadow:0px 4px 3px rgba(0,0,0,.4),0px 8px 13px rgba(0,0,0,.1),0px 18px 23px rgba(0,0,0,.1);margin-bottom:2%}.common-button{border:none;border-radius:15px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}@media (min-width: 992px){.common-button{width:100%;padding:10px 20px;margin:5px;font-size:16px;background-color:#4a90e2}.common-button:hover{background:linear-gradient(to right,#64a0e5,#19559a,#1a4472);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.common-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.common-button:focus{outline:none;box-shadow:0 0 0 3px #438ee480;background:linear-gradient(to right,#4a90e2,#19559a,#123d6e)}.common-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}}.light-effects-buttons .common-button{margin:10px;min-width:120px}@media (max-width: 991px){.common-button{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;background:linear-gradient(to right,#4a90e2,#1f599b,#1b426f)}}@media (max-width: 575px){.contentCarousel{width:60%}.common-button{width:110px;padding:10px;margin:2px;font-size:12px}}@media (min-width: 576px) and (max-width: 767px){.contentCarousel{width:60%}.common-button{width:110px;padding:8px 10px;margin:3px;font-size:9px}}@media (min-width: 768px) and (max-width: 991px){.contentCarousel{width:70%}.common-button{width:150px;padding:6px 12px;margin:4px;font-size:12px}}.light-effects-buttons{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.light-effects-content{width:100%;display:flex;flex-direction:column;align-items:center;min-height:200px}.light-effects-content div{border:3px solid beige;border-radius:25px;padding:10px;margin-bottom:25px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.light-effects-content h2{margin-bottom:15px;text-align:center}.light-effects-content p{text-align:justify;margin-bottom:20px;max-width:600px;line-height:1.6}@media (min-width: 991px){.light-effects-buttons .common-button,.light-effects-content .common-button{width:300px;min-width:300px;max-width:300px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 991px){.light-effects-buttons{width:100%;margin-bottom:15px;flex-direction:row;justify-content:center}.title h1{font-size:90%}.title p{font-size:10px;text-align:center}}@media (max-width: 576px){.title p{font-size:8px}}.carousel{display:flex;align-items:center;justify-content:center;width:100%;gap:25px;position:relative;margin-top:5px}.icon-button{position:relative;background:transparent;font-size:24px;cursor:pointer;color:#26adce;padding:2px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}#scroll-left{left:25px}#scroll-right{right:25px}.item-container{display:none;justify-content:center;align-items:center;width:100%;max-width:100%}.item-container.active{display:flex}.item-container.hidden{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{position:relative;top:75%;background:#111;color:#fff;padding:12px;border-radius:8px;box-shadow:#92aabf7a 6px 2px 16px,#fffc -1px -2px 16px 4px}@media (max-width: 767px){.modal-container{width:60%}}@media (min-width: 768px) and (max-width: 991px){.modal-container{width:80%}}.modal-title{text-align:center;margin-bottom:5px}.modal-body{margin-bottom:12px;font-size:12px}.modal-close{position:absolute;top:8px;right:8px}.weather-toggle{display:flex;gap:8px;align-items:center;justify-content:center}.weather-toggle__button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;background-color:#4f8dffb3;border:1px solid #7fb5ff;color:#fff;cursor:pointer;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease}.weather-toggle__button i{font-size:1.1rem}.weather-toggle__button--active{background-color:#78b0ffd9;transform:translateY(-1px)}@media (max-width: 768px){.weather-toggle{gap:6px}.weather-toggle__button{padding:6px 10px}.weather-toggle__button i{font-size:1rem}}.snowglobe-ui .snowglobe-ui-panel{top:16px;left:16px}@media (max-width: 768px){.snowglobe-ui .snowglobe-ui-panel{top:20px;left:50%;transform:translate(-50%)}}.water-states-title{margin-bottom:.5rem;pointer-events:auto}.water-states-text{max-width:32rem;pointer-events:auto;background:#0c121ca6;padding:1rem;border-radius:12px;color:#f5f7fa;line-height:1.5}.water-states-controls{display:flex;flex-direction:column;gap:.5rem;max-width:28rem;pointer-events:auto;background:#0c121ca6;padding:1rem;border-radius:12px;color:#f5f7fa}@media (max-width: 1024px){.water-states-text{max-width:none}}.water-states-mobile{display:flex;flex-direction:column;gap:1rem;pointer-events:auto}.water-states-mobile__header p{margin-top:.35rem}.water-states-controls{display:flex;flex-direction:column;gap:.5rem;background:#0c121ca6;padding:1rem;border-radius:12px;color:#f5f7fa}.water-states-controls label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.water-states-controls input[type=number],.water-states-controls input[type=range]{width:100%}.water-states-controls__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.water-states-controls__buttons button{padding:.4rem .8rem;border-radius:8px;border:1px solid #7fb5ff;background:#4f8dffb3;color:#fff;cursor:pointer}.water-states-mobile__text{max-height:40vh;overflow-y:auto;background:#0c121ca6;padding:1rem;border-radius:12px;color:#f5f7fa;line-height:1.5}.main_container .container_canvas{flex:1;position:relative;width:100%;margin:0 auto}.container_canvas{height:90vh}.main_container .container_canvas canvas{position:absolute;top:0;left:0;outline:none}.container_footer{height:10%;color:beige}.main_container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background-image:linear-gradient(to bottom right,#009,#0c43e8,#1aa3ff)}