@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";.header{position:fixed;top:0;left:0;height:60px;width:100%;background-color:#131a21;color:#cfe6ce;overflow:visible;z-index:9}.header .wrap{height:100%;display:flex;align-items:center;justify-content:flex-end}.header .wrap .title{font:850 18px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin-right:auto}.header .wrap .time{width:500px;display:flex;align-items:space-between;justify-content:flex-end}.header .wrap .time span{width:25px;text-align:center;font:400 18px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}.header .wrap .time .date{width:200px;font:400 18px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a}.header .wrap .weather{font:400 18px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a;margin:0 auto 0 20px}.loader{position:absolute;top:0;right:0;left:0;bottom:0;width:60px;height:60px;margin:auto;transform:scale(.5)}.loader .spinner{width:60px;height:60px;border-radius:50%;display:inline-block;position:relative;border:5px solid;border-color:#cfe6ce #cfe6ce transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader .spinner:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:5px solid;border-color:transparent #cfe6ce #cfe6ce;width:30px;height:30px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.weather{position:relative;height:auto;width:calc(50% - 20px);min-height:400px;background-color:#1b516a1c;color:#cfe6ce;border-top:1px solid rgba(27,81,106,.9);overflow:visible;z-index:1}@media screen and (max-width: 1000px){.weather{width:100%}}.weather .box{padding:20px}.weather .box .text{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.weather .box .text .currentTemp{text-align:center;width:100%;font:200 75px/75px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce;margin:30px 0}.weather .box .text .description{text-align:center;width:100%;font:400 22px/24px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a;margin:0 0 10px}.weather .box .text .wind{text-align:center;width:100%;font:400 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a}.weather .box .text .wind strong{font:700 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.weather .box .text .dataRow{display:flex;align-items:center;justify-content:space-between;width:100%;margin:50px auto 10px}.weather .box .text .dataRow span{width:20%}.weather .box .text .dataRow span:nth-of-type(3){margin-left:auto}.weather .box .text .dataRow .icon{display:block;height:40px;width:auto;margin:0 auto;fill:#1b516a}.weather .box .text .dataRow h6{margin:0 0 5px;text-align:center;font:600 12px/12px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}.weather .box .text .dataRow p{margin:0;text-align:center;font:400 18px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}.today{position:relative;height:auto;width:calc(50% - 20px);min-height:400px;background-color:#1b516a1c;color:#cfe6ce;border-top:1px solid rgba(27,81,106,.9);overflow:visible;display:flex;align-items:center;justify-content:center;z-index:1}@media screen and (max-width: 1000px){.today{width:100%;margin:30px 0 0}}.today .navigation{position:absolute;top:20px;right:14px;display:flex;gap:0px;z-index:10}.today .navBtn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.today .navBtn svg{height:18px;width:18px;fill:#1b516a;display:block;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.today .navBtn:hover svg{fill:#cfe6ce;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.today .error{position:absolute;top:60px;left:0;right:0;bottom:0;margin:auto;height:20px;text-align:center;font:900 20px/20px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a}.today .box{padding:20px;width:calc(100% - 40px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.today .box.fade{opacity:0}.today .box h2{font:200 40px/44px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce;width:100%}.today .box p{font:200 22px/26px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce;padding:0 20px 0 0;width:calc(100% - 20px)}.today .box a{display:block;font:400 16px/16px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a;width:100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.today .box a:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#cfe6ce}.homeContainer{position:relative;height:auto;width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;background-color:#1a232d;color:#cfe6ce;padding:100px 0 50px}.homeContainer .wrap{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items:stretch;gap:60px 40px}@media screen and (max-width: 1000px){.homeContainer .wrap{display:block}}.adminContainer{min-height:100vh;padding:40px 0;margin:30px 0 0;background-color:#1b516a1c}.admin{position:relative;width:100%;margin:0 auto;color:#cfe6ce}.admin .box{padding:40px}@media screen and (max-width: 1000px){.admin .box{padding:20px}}.admin .box h3{margin:0 0 20px;font:900 22px/26px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a}.admin .box .error{text-align:center;margin:20px 0}.admin .box .error p{font:400 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1b516a;margin:0 0 10px}.admin .box .error button{padding:8px 16px;background-color:#1b516a;color:#cfe6ce;border:none;font:600 14px/16px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer;border-radius:4px}.admin .box .error button:hover{opacity:.8}.admin .addForm{padding:0;border-radius:4px;margin-bottom:40px}.admin .addForm form{display:flex;flex-wrap:wrap;gap:20px}.admin .addForm .formGroup{display:flex;flex-direction:column;gap:8px;width:65%}.admin .addForm .formGroup:first-of-type{width:30%}.admin .addForm .formGroup label{font:400 14px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}.admin .addForm .formGroup input{padding:12px 16px;background-color:#131a2180;border:1px solid rgba(27,81,106,.5);color:#cfe6ce;font:400 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;outline:none;transition:border-color .2s}.admin .addForm .formGroup input:focus{border-color:#1b516a}.admin .addForm .formGroup input::placeholder{color:#cfe6cee6}.admin .addForm .formGroup input:disabled{opacity:.5;cursor:not-allowed}.admin .addForm .formError{padding:12px;background-color:#ff00001a;border:1px solid rgba(255,0,0,.5);color:#1b516a;font:400 14px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;border-radius:4px}.admin .addForm .btnAdd{padding:10px 20px;background-color:#1b516a;color:#cfe6ce;border:none;font:600 14px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;border:1px solid #1b516a;cursor:pointer;border-radius:4px;transition:opacity .2s;display:inline-block}.admin .addForm .btnAdd:hover:not(:disabled){opacity:.8}.admin .addForm .btnAdd:disabled{opacity:.5;cursor:not-allowed}.admin .feedsList{margin:70px 0 0}.admin .feedsList .noFeeds{text-align:center;font:400 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce99;padding:40px}.admin .feedsList .feedsTable{display:flex;flex-direction:column}.admin .feedsList .feedItem{padding:7px 20px;border-top:1px solid rgba(27,81,106,.5);transition:border-color .2s}.admin .feedsList .feedItem:hover{border-color:#1b516a99}.admin .feedsList .feedItem .viewMode{display:flex;justify-content:space-between;align-items:center;gap:12px}@media screen and (max-width: 1000px){.admin .feedsList .feedItem .viewMode{flex-direction:column;align-items:flex-start}}.admin .feedsList .feedItem .viewMode .dragHandle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;color:#eee9;transition:color .2s}.admin .feedsList .feedItem .viewMode .dragHandle:hover{color:#1b516a}.admin .feedsList .feedItem .viewMode .dragHandle:active{cursor:grabbing}.admin .feedsList .feedItem .viewMode .dragHandle.disabled{cursor:not-allowed;opacity:.3}.admin .feedsList .feedItem .viewMode .dragHandle svg{display:block}.admin .feedsList .feedItem .viewMode .feedInfo{flex:1;min-width:0}.admin .feedsList .feedItem .viewMode .feedInfo h4{margin:0;font:900 18px/22px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}.admin .feedsList .feedItem .viewMode .feedInfo p{margin:0;font:400 14px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ceb3;word-break:break-all}.admin .feedsList .feedItem .viewMode .feedActions{display:flex;gap:8px;flex-shrink:0}@media screen and (max-width: 1000px){.admin .feedsList .feedItem .viewMode .feedActions{width:100%}}.admin .feedsList .feedItem .viewMode .feedActions button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:4px;transition:all .2s;background-color:transparent}.admin .feedsList .feedItem .viewMode .feedActions button svg{width:18px;height:18px;display:block}.admin .feedsList .feedItem .viewMode .feedActions button svg path{fill:#1b516a}.admin .feedsList .feedItem .viewMode .feedActions button:hover{background-color:transparent}.admin .feedsList .feedItem .viewMode .feedActions button:hover svg path{fill:#cfe6ce}.admin .feedsList .feedItem .editMode{display:flex;gap:12px;align-items:flex-start}.admin .feedsList .feedItem .editMode .dragHandle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#1b516a99;margin-top:10px}.admin .feedsList .feedItem .editMode .dragHandle.disabled{cursor:not-allowed;opacity:.3;display:none}.admin .feedsList .feedItem .editMode .dragHandle svg{display:block}.admin .feedsList .feedItem .editMode .editContent{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px 0}.admin .feedsList .feedItem .editMode .editInput{padding:10px 14px;background-color:#131a2180;border:1px solid rgba(27,81,106,.5);color:#cfe6ce;font:400 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;border-radius:4px;outline:none}.admin .feedsList .feedItem .editMode .editInput:focus{border-color:#1b516a}.admin .feedsList .feedItem .editMode .editActions{display:flex;gap:10px}.admin .feedsList .feedItem .editMode .editActions button{padding:8px 16px;border:none;font:600 14px/16px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer;border-radius:4px;transition:opacity .2s}.admin .feedsList .feedItem .editMode .editActions button:hover{opacity:.8}.admin .feedsList .feedItem .editMode .editActions .btnSave{background-color:#1b516a;color:#cfe6ce}.admin .feedsList .feedItem .editMode .editActions .btnCancel{background-color:#cfe6ce1a;color:#cfe6ce;border:1px solid rgba(207,230,206,.3)}.admin .feedsList .feedItem.dragging{opacity:.5;border-color:#1b516a;background-color:#1b516a1a}#root{position:relative;width:100vw;height:100%;min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;width:100%;height:100%;min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch;margin:0;background-color:#1a232d}@keyframes bodyFade{0%{opacity:0}to{opacity:1}}.wrap{position:relative;width:90%;margin:0 auto}a,a:visited{color:inherit;text-decoration:none}h2{margin:0 0 5px;font:900 20px/24px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}h3{margin:0 0 5px;font:400 14px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}h6{margin:0 0 5px;text-align:center;font:600 12px/12px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#cfe6ce}