#edit-api{padding:30px 25px 25px 25px}#edit-api button{margin-right:10px}#edit-api .checkbox-wrapper{display:grid;grid-template-columns:1fr 1fr;margin:12px 0}.api-key-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:clamp(100px,100%,80vh);overflow:hidden;background:#fff;border-radius:var(--standard-border-radius);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.25);box-shadow:0 2px 2px rgba(0,0,0,.25)}.api-key-list .headings{display:none}.api-key-list .headings h3{font-weight:700}.api-key-list .list-wrapper,.api-key-list .no-content{overflow:auto;max-height:calc(80vh - 110px);min-height:100px}.api-key-list .no-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.api-key-list ul{padding:12px 0 0 0;list-style-type:none}.api-key-list ul li{margin:8px 20px;border-bottom:1px solid var(--charcoal-20);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500}.api-key-list ul li .content-wrapper .main-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.api-key-list ul li .content-wrapper .main-info .name{margin-bottom:8px}.api-key-list ul li .actions,.api-key-list ul li .content-wrapper .main-info .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.api-key-list ul li .actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.api-key-list ul li .actions button{color:var(--charcoal-50)}.api-key-list ul li .copy-to-clipboard{color:var(--charcoal);margin-left:8px;font-size:14px;cursor:pointer}.api-key-list .list-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 20px;border-top:1px solid var(--charcoal-20)}.api-key-list .list-footer p{margin-bottom:0}@media screen and (min-width:768px){.api-key-list{max-width:800px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.api-key-list,.api-key-list .headings{display:-webkit-box;display:-ms-flexbox;display:flex}.api-key-list .headings{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-bottom:1px solid var(--charcoal-20);padding:14px 20px}.api-key-list .main-headings{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:minmax(auto,75%) auto}.api-key-list .main-headings .heading{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.api-key-list .main-headings .heading h3{color:var(--charcoal-75);margin-bottom:0}.api-key-list .main-headings .heading-key{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.api-key-list .main-headings .heading-scopes{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.api-key-list .heading-actions{width:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.api-key-list ul li .content-wrapper{display:grid;grid-template-columns:minmax(auto,75%) auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.api-key-list ul li .content-wrapper .scopes-info{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.api-key-list ul li .actions{width:170px}.api-key-list ul li .rename{opacity:0;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.api-key-list ul li .rename:focus,.api-key-list ul li:hover .rename{opacity:1}}