@charset "UTF-8";.feature-flags-container{padding:20px;font-family:arial,sans-serif;display:flex;flex-wrap:wrap;justify-content:space-between}.feature-flags-container h1{text-align:center;margin-bottom:20px;width:100%}.feature-flags-container .config-status{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:10px 20px;margin-bottom:20px;text-align:left;width:100%}.feature-flags-container .config-status p{margin:5px 0;font-size:14px}.feature-flags-container .config-status p strong{font-weight:700}.feature-flags-container .config-status p:first-of-type{margin-top:0}.feature-flags-container .config-status p:last-of-type{margin-bottom:0}.feature-flags-container .config-status .status-enabled{color:#0f0}.feature-flags-container .config-status .status-disabled{color:red}.feature-flags-container .left{flex:1;margin-right:20px}.feature-flags-container .right{flex:0 0 300px}.feature-flags-container .controls{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.feature-flags-container .controls button{margin:10px 0;padding:10px 20px;font-size:14px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.feature-flags-container .controls button:hover{background-color:#0056b3}.feature-flags-container .feature-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.feature-flags-container .feature-item{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:10px;margin:10px;width:auto;box-shadow:0 2px 4px #0000001a}.feature-flags-container .feature-item label{display:flex;flex-direction:column;margin-bottom:10px}.feature-flags-container .feature-item label .feature-name{font-weight:700;margin-bottom:5px}.feature-flags-container .feature-item label .feature-description{font-size:.9em;color:#666;margin-top:.5em}.feature-flags-container .feature-item label .feature-external-override{font-size:.5em;color:#666;margin-top:.5em;display:flex;align-items:center}.feature-flags-container .feature-item label .feature-external-override.active{font-weight:700;color:#00f}.feature-flags-container .feature-item label .feature-external-override.active:before{content:" \26a1\fe0f";margin-right:5px}.feature-flags-container .feature-item label .feature-external-override .copy-icon{margin-left:5px;cursor:pointer;font-size:1em;color:#007bff}.feature-flags-container .feature-item label .feature-external-override .copy-icon.copied:after{content:" \2705"}.feature-flags-container .feature-item label .feature-external-override .copy-icon:after{content:" \1f4cb"}.feature-flags-container .feature-item label .feature-external-override .copy-icon:hover{color:#0056b3}.feature-flags-container .feature-item label .feature-external-override .copy-icon:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.feature-flags-container .feature-item label .feature-external-override .feature-external-override{margin-top:.5em;display:block}.feature-flags-container .feature-item label input{margin-top:5px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.feature-flags-container .feature-item label input.overridden.local{background-color:#ffc}.feature-flags-container .feature-item label input.overridden.external{background-color:#cce5ff}.feature-flags-container .feature-item button{align-self:flex-start}.feature-flags-container .test-parameters{margin-top:20px;text-align:left}.feature-flags-container .test-parameters h2{font-size:18px;margin-bottom:10px}.feature-flags-container .test-parameters select,.feature-flags-container .test-parameters input{display:block;width:100%;padding:10px;margin-bottom:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.feature-flags-container .test-parameters button{padding:10px 20px;font-size:14px;border:none;border-radius:4px;background-color:#28a745;color:#fff;cursor:pointer}.feature-flags-container .test-parameters button:hover{background-color:#218838}.feature-flags-container .test-parameters div{margin-top:10px;font-size:14px;color:#333}.feature-flags-container .feature-item.on{border-color:#0f0;background-color:#e6ffe6}.feature-flags-container .feature-item.off{border-color:red;background-color:#ffe6e6}.feature-flags-container .feature-item.on.external-override-active,.feature-flags-container .feature-item.off.external-override-active{border-color:#00f}.overridden.external{border-color:#00f;background-color:#cce6ff}.overridden.local{border-color:#ff0;background-color:#ffc}.feature-group{margin-bottom:20px}.feature-group h2{text-align:left;margin-bottom:10px}.legend{margin-top:20px}.legend h2{font-size:1.2em;margin-bottom:10px}.legend ul{list-style:none;padding:0}.legend ul li{display:flex;align-items:center;margin-bottom:5px}.legend ul li .color-box{width:20px;height:20px;display:inline-block;margin-right:10px}.legend ul li .color-box.red{background-color:#ffe6e6;border:1px solid #FF0000}.legend ul li .color-box.green{background-color:#e6ffe6;border:1px solid #00FF00}.legend ul li .color-box.blue{background-color:#cce6ff;border:1px solid #0000FF}.legend ul li .color-box.yellow{background-color:#ffc;border:1px solid #FFFF00}.legend ul li .color-box.white{background-color:#fff;border:1px solid #6a6a6a}@media (max-width: 600px){.feature-flags-container{padding:10px;flex-direction:column}.feature-flags-container .right,.feature-flags-container .left,.feature-flags-container .feature-item{width:100%}.feature-flags-container .controls,.feature-flags-container .test-parameters{width:100%;padding:10px}}