.cod-mode-picker{border:1px solid #64573f;padding:24px;border-radius:10px;background:linear-gradient(120deg,#282a34,#141e2e);min-width:0}.cod-mode-picker h2{font-size:27px;margin:10px 0 22px;color:#fff}.cod-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cod-group-grid>label{position:relative;cursor:pointer;display:block!important;margin:0!important}.cod-group-grid input{position:absolute;opacity:0;width:1px;height:1px}.cod-group-grid span{display:grid;gap:9px;align-content:start;min-height:90px;box-sizing:border-box;border:1px solid #505c74;border-radius:7px;padding:17px;background:#172234;transition:border-color .2s,background .2s}.cod-group-grid input:checked+span{border-color:#eabb59;background:#40351fe8;box-shadow:inset 0 2px #eabb59}.cod-group-grid input:focus-visible+span{outline:2px solid #efd08b;outline-offset:3px}.cod-group-grid b{font-size:15px;color:#f4e6c9;line-height:1.4}.cod-group-grid small{font-size:11px;color:#9eafc9;line-height:1.5}.cod-mode-fields{display:grid;gap:18px;margin-top:24px}.cod-mode-fields label{display:grid;gap:10px;font-size:13px;margin:0!important}.cod-mode-explain{font-size:13px!important;line-height:1.75!important;color:#edc67c!important;margin:20px 0 12px!important;padding:14px;border-left:2px solid #bc9144;background:#5f481922}.cod-mode-picker>small{font-size:12px;color:#98a9c4;line-height:1.7;display:block}@media(max-width:700px){.cod-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cod-mode-picker{padding:18px}.cod-group-grid span{padding:14px;min-height:95px}}@media(max-width:380px){.cod-group-grid{grid-template-columns:1fr}.cod-group-grid span{min-height:70px}}

.cod-group-grid>label>span{height:100%;width:100%}