.banner-control{padding:24px;background:radial-gradient(circle at 90% 0,#25d9e822,transparent 18rem),linear-gradient(145deg,#13131b,#0d0d13);border:1px solid #25d9e829;border-radius:22px}.banner-control-head{display:flex;align-items:center;gap:14px}.banner-control-head>span{width:48px;height:48px;display:grid;place-items:center;color:#071113;background:#25d9e8;border-radius:14px;font-size:22px}.banner-control-head>div{display:grid}.banner-control-head small{color:#25d9e8;font-size:8px;letter-spacing:2px}.banner-control-head h3{margin:3px 0;font-size:20px}.banner-control-head p{margin:0;color:#91899c;font-size:11px}.banner-switch{margin-inline-start:auto!important;display:flex!important;align-items:center;gap:8px!important;padding:9px 11px!important;background:#09090e!important;border-radius:99px!important}.banner-switch input{display:none}.banner-switch i{position:relative;width:38px;height:22px;background:#3b3541;border-radius:99px}.banner-switch i:after{content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;background:#aaa;border-radius:50%;transition:.2s}.banner-switch input:checked+i{background:#48d995}.banner-switch input:checked+i:after{right:19px;background:#fff}.banner-fields{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:11px;margin-top:18px}.banner-fields label{display:grid;gap:7px;color:#aaa2b4;font-size:11px}.banner-fields input{height:47px}.banner-fields input[type=color]{padding:5px!important}.banner-preview{display:flex;justify-content:center;gap:10px;margin-top:15px;padding:13px;color:#fff;background:#180b25;border-radius:12px}.banner-preview span{opacity:.6;font-size:10px}.banner-preview b{font-size:12px}@media(max-width:800px){.banner-control-head{flex-wrap:wrap}.banner-switch{margin-inline-start:0!important}.banner-fields{grid-template-columns:1fr 1fr}.banner-fields label:first-child,.banner-fields label:nth-child(2){grid-column:1/-1}}