@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap);body{background-color:#f6f1f2;color:#382d39;font-family:Noto Sans,sans-serif;margin:0;padding:0}#Header{align-items:center;background-color:#dd4b39;color:#f6f1f2;display:flex;flex-flow:row wrap;height:3.75rem;padding:0 1rem;position:fixed;top:0;width:100vw;z-index:100}#Header>h1{flex:1 0 auto;font-size:1rem;margin:0}#Header>h1>.Title{margin-left:.5rem}#NavMenu{align-items:stretch;background-color:#dd4b39;display:flex;flex-flow:column nowrap;font-size:1.2rem;font-weight:500;left:0;opacity:0;position:absolute;right:0;top:3.75rem;transition:opacity .2s ease-in-out;visibility:hidden}#NavMenu.Open{opacity:1;visibility:visible}#NavMenu .NavMenuItem{align-items:center;color:#f6f1f2;display:flex;flex-flow:row nowrap;height:3.75rem;justify-content:center;padding:0 1rem;transition:background-color .2s ease-in-out}#NavMenu .NavMenuItem:hover{background-color:#f6f1f222}#NavMenu .NavMenuItem>svg{margin-right:.5rem}@media screen and (min-width:375px){#Header>h1{font-size:1.2rem}#Header>h1>.Title{margin-left:.75rem}}@media screen and (min-width:425px){#Header>h1{font-size:1.3rem}#Header>h1>.Title{margin-left:.75rem}}@media screen and (min-width:768px){#Header>h1{font-size:1.5rem}#Header>h1>.Title{margin-left:1rem}#NavMenu{flex-flow:row nowrap;left:auto;opacity:1;position:static;right:auto;top:auto;visibility:visible}#NavMenu .NavMenuItem{padding:0 .75rem}}#MenuBtn{background-color:#dd4b39;border:none;cursor:pointer;padding:0}#MenuBtn>img{height:1.25rem;width:2rem}@media screen and (min-width:768px){#MenuBtn{display:none}}#Footer{align-items:baseline;background-color:#382d39;bottom:0;color:#898695;display:flex;font-size:.75rem;padding:.5rem;position:fixed;width:100vw;z-index:50}#Footer a,#Footer a:focus,#Footer a:visited{color:#898695;text-decoration:none}#Footer a:hover{color:#f6f1f2}#Footer div{flex:1 1 33.33%;margin:0 12px}#Footer .Source{text-align:center}#Footer .Feedback{text-align:right}@media screen and (min-width:768px){#Footer{font-size:.85rem}}.Actives h2{margin-top:0;text-align:center}.ActiveItems{height:20vh;overflow:hidden;overflow-y:scroll;scrollbar-color:#dd4b3988 #89869522;scrollbar-width:thin}.ActiveItems table{margin-top:0}.ActiveItems::-webkit-scrollbar{width:8px}.ActiveItems::-webkit-scrollbar-track{background-color:#89869522}.ActiveItems::-webkit-scrollbar-thumb{background-color:#dd4b3988;border-radius:8px}#ActiveGroups{grid-area:groups}#ActiveCallsigns{grid-area:calls}#CurrentlyActive{grid-area:actives}@media screen and (min-width:768px){.ActiveItems{height:25vh}}@media screen and (min-width:792px){#CurrentlyActive{margin:0 auto;width:768px}}table{border-collapse:collapse;margin-top:24px;width:100%}thead{border-bottom:3px solid #898695}thead th{padding:6px;text-align:left}tbody td{border-bottom:1px solid #898695;padding:6px}tbody tr:last-child td{border-bottom:none}.Filters{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto}.Filter{background-color:#898695;border:1px solid #898695;border-radius:6px;color:#f6f1f2;font-size:.75rem;margin:6px;padding:4px 6px}.Filter input[type=checkbox]{opacity:0}.Filter input[type=checkbox]+label{margin-left:-18px;padding-left:18px;position:relative}.Filter input[type=checkbox]+label:before{background-color:#f6f1f2;border:2px solid #de9e8e;border-radius:4px;content:"";display:inline-block;height:12px;left:0;position:absolute;top:1px;width:12px}.Filters input[type=checkbox]+label:after{border-bottom:2px solid #f6f1f2;border-left:2px solid #f6f1f2;content:none;display:inline-block;height:4px;left:3px;position:absolute;top:5px;transform:rotate(-45deg);width:8px}.Filter input[type=checkbox]:checked+label:after{content:""}.Filter input[type=checkbox]:checked+label:before{background-color:#de9e8e}.Filter input[type=text]{background-color:#f6f1f2;border:2px solid #de9e8e;border-radius:4px}.Filter input[type=text]:focus{outline:none}#TopGroups{grid-area:top-groups}#TopGroups h2{text-align:center}#TopCallsigns{grid-area:top-calls}#TopCallsigns h2{text-align:center}*{box-sizing:border-box}a,a:visited{color:#dd4b3988;text-decoration:none}a:focus,a:hover{color:#dd4b39}#App{grid-gap:24px;display:grid;gap:24px;grid-template-areas:"banner" "controls" "actives" "top-groups" "top-calls";grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;margin-bottom:3rem;margin-top:4rem;padding:0 12px}#Banner{align-items:baseline;background-color:#de9e8e;display:flex;flex-flow:row wrap;gap:0 .5rem;grid-area:banner;justify-content:center;margin:0 -12px;padding:.5rem}#Banner p{margin:0;text-align:center}#Banner a,#Banner a:visited{color:#480a10cc;font-weight:700}#Banner a:focus,#Banner a:hover{color:#480a10;font-weight:700}.Button{background-color:#999;border:none;border-radius:3px;color:#fff;display:inline-block;font-size:12px;padding:12px 24px;text-align:center;text-transform:uppercase;transition:background-color .25s ease-in}.Button:hover{background-color:#a6a6a6}.Button:focus{outline:none}.Button.Primary{background-color:#ffffff1a}.Button.Primary:hover{background-color:#fff3}.Label{background-color:#999;border:none;border-radius:6px;color:#fff;display:inline-block;font-size:10px;padding:16px 12px;text-align:center;text-transform:uppercase}.Label.Success{background-color:#799249}.Label.Danger{background-color:#f44034}.Subtext{color:#898695;font-size:.9em}@media screen and (min-width:1440px){#App{grid-template-areas:"banner banner" "controls controls" "actives actives" "top-groups top-calls";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}}#Controls{display:flex;flex-flow:row wrap;grid-area:controls;justify-content:center;margin-top:.5rem}#Controls .Window{margin-right:1rem}#Controls .Connection{align-items:center;color:#fff;display:flex;height:3rem;justify-content:center}#Controls .ConnectBtn{background-color:#dd4b39;border-radius:3px;margin-right:24px}#Controls .Status{border:none;border-radius:.5rem;color:#fff;display:inline-block;font-size:1rem;padding:.4rem .5rem;text-align:center}#Controls .Status.On{background-color:#799249}#Controls .Status.Off{background-color:#f44034}@media screen and (min-width:768px){#Controls{align-items:baseline;flex-flow:row-reverse nowrap;justify-content:space-between}}
/*# sourceMappingURL=main.a0ee324b.css.map*/