.catalog-loading-inline{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:#9699a4;font-size:13px}.small-loader{width:19px;height:19px;border:2px solid #383a41;border-top-color:#ffe124;border-radius:50%;animation:loader-turn .8s linear infinite}@keyframes loader-turn{to{transform:rotate(360deg)}}.upgrade-action>.button-arrows{width:21px!important;height:24px!important;min-width:21px;display:inline-block;vertical-align:middle}.controls #fast.chosen{background:#ffdf00;color:#151619;border-color:#ffdf00}
.battle-composer{max-width:760px;margin:auto}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 22px}.composer-heading h1{font-size:22px;margin:0}.composer-heading h1 span{color:#ffe126}.composer-heading>button{padding:10px}.composer-settings,.composer-picker,.composer-summary{background:#202126;border-radius:13px;padding:18px;margin-bottom:18px}.composer-settings h2,.battle-composer>h2{font-size:17px;margin:0 0 12px}.composer-settings p,.composer-settings small{font-size:11px;color:#9698a2;line-height:1.7}.composer-players,.composer-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:#16171b;padding:4px;border-radius:8px;margin:15px 0}.composer-players button,.composer-tabs button{border:0;background:transparent;color:#9698a2;min-height:37px;font-size:12px}.composer-players button.selected,.composer-tabs button.selected{background:#ffe126;color:#17181b}.battle-composer>h2{display:flex;align-items:center;justify-content:space-between}.battle-composer>h2 small{color:#888b96;font-size:11px}.composer-selected{display:flex;gap:7px;overflow-x:auto;min-height:80px;padding:10px;background:#17181c;border-radius:10px;margin-bottom:18px}.composer-selected>p{font-size:12px;color:#858793}.composer-selected>button{position:relative;flex:0 0 75px;width:75px;min-height:65px;padding:4px;background:#22232a}.composer-selected img{width:100%;height:43px;object-fit:contain}.composer-selected small{display:block;font-size:10px}.composer-selected button>span{position:absolute;top:1px;right:5px;color:#ffdf00}.composer-filters{display:grid;grid-template-columns:1fr 1fr 38px;gap:6px;margin-bottom:8px}.composer-filters input,#composer-search{width:100%;min-width:0;padding:9px;border:1px solid #393b43;border-radius:7px;background:#16171b;color:white;font-size:13px;box-sizing:border-box}#composer-search{margin-bottom:12px}.composer-filters button{padding:7px;display:grid;place-items:center}.composer-tabs{margin-top:0}.composer-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.composer-items>button{position:relative;min-width:0;height:116px;overflow:hidden;border:1px solid var(--item-color,#67677b);background:radial-gradient(ellipse,color-mix(in srgb,var(--item-color,#67677b) 20%,transparent),transparent),#18191f;border-radius:7px;padding:24px 5px 6px;text-align:left;display:flex;flex-direction:column}.composer-items>button.chosen{border-color:#ffdf00;box-shadow:inset 0 0 0 1px #ffdf00}.composer-items strong{position:absolute;right:5px;top:5px;color:#ffdf00;font-size:10px}.composer-items img{width:100%;height:49px;object-fit:contain;margin-bottom:5px}.composer-items small{font-size:7px;color:#9598a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.composer-items b{font-size:9px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.composer-items>button>span{position:absolute;left:5px;top:4px;color:#ffe126;font-size:12px}.composer-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 0;font-size:12px;color:#9699a4}.composer-pages button{padding:7px 12px}.composer-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:10px 0;color:#9b9da8}.composer-summary strong{color:#ffdf00}.composer-summary p,.composer-empty{font-size:11px;color:#8a8d99;line-height:1.7}.composer-summary>.primary{width:100%;min-height:44px;margin-top:9px}.composer-summary button:disabled{background:#303239;color:#747783;opacity:1}.composer-summary #composer-error{color:#f58c8c}@media(max-width:600px){.composer-heading h1{font-size:18px}.composer-settings,.composer-picker,.composer-summary{padding:12px}.composer-items>button{height:108px}.composer-items img{height:43px}.composer-items strong{font-size:9px}}
