.create-first-step-form{grid-template-columns:20.25rem 1fr;gap:1rem;min-height:0;display:grid}.create-first-step-form--page{flex:1;grid-template-columns:minmax(17.5rem,21.25rem) 1fr;align-content:stretch;height:100%;min-height:0}.create-first-step-form .left-panel,.create-first-step-form .right-panel{box-sizing:border-box;background:#080c16b8;border:1px solid #4ae7fd38;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.create-first-step-form .left-panel{width:100%}.create-first-step-form--page .left-panel,.create-first-step-form--page .right-panel{background:#060a128c;border-color:#4ae7fd26;height:100%}.create-first-step-form .content_box{flex:1;min-height:0;padding:10px .875rem .75rem;overflow-y:auto}.create-first-step-form .content-config-lock-hint{color:#d8c886;background:#facc1512;border:1px solid #facc1538;border-radius:7px;margin:0 0 .75rem;padding:9px 10px;font-size:.75rem;line-height:1.55}.create-first-step-form .head_box{background:#202434d9;border-bottom:1px solid #4ae7fd33;flex-shrink:0;align-items:center;gap:6px;width:100%;height:2.5rem;padding-left:1rem;display:flex}.create-first-step-form .head_box .block-title{color:var(--home-text,#e6edf3);margin-bottom:0;font-size:.9375rem;font-weight:600;line-height:1.375rem}.create-first-step-form .field-group{margin-bottom:.875rem}.create-first-step-form .field-group .chip-group{flex-wrap:wrap;gap:8px;display:flex}.create-first-step-form .field-group .chip-group .chip{cursor:pointer;box-sizing:border-box;background:#ffffff05;border:1px solid #4ae7fd40;border-radius:6px;padding:0 10px;font-size:.75rem;line-height:1.625rem;transition:all .2s;color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .chip-group .chip.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.create-first-step-form .field-group .chip-group .chip-tooltip-wrap{display:inline-flex}.create-first-step-form .field-group .chip-group .chip.active,.create-first-step-form .field-group .chip-group .chip:hover{border-color:var(--home-accent,#4ae7fd);background:#4ae7fd14;color:var(--home-accent,#4ae7fd)!important}.create-first-step-form .field-group .name-input-wrap{position:relative}.create-first-step-form .field-group .name-input-wrap .name-input{background:#00000059;border:1px solid #4ae7fd26;border-radius:6px;outline:none;width:100%;height:2.25rem;padding:0 3.625rem 0 .75rem;font-size:.875rem;line-height:1.25rem;transition:border-color .2s;color:var(--home-text,#e6edf3)!important}.create-first-step-form .field-group .name-input-wrap .name-input:focus{border-color:#4ae7fd73}.create-first-step-form .field-group .name-input-wrap .count-text{font-size:.75rem;position:absolute;top:8px;right:10px;color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.create-first-step-form .field-group .ratio-grid .ratio-item{transition:all .2s}.create-first-step-form .field-group .ratio-grid .ratio-item span{color:var(--home-muted,#8e97a5)!important}.create-first-step-form .field-group .ratio-grid .ratio-item:hover,.create-first-step-form .field-group .ratio-grid .ratio-item.active{border-color:var(--home-accent,#4ae7fd);background:#4ae7fd0f}.create-first-step-form .field-group .ratio-grid .ratio-item:hover span,.create-first-step-form .field-group .ratio-grid .ratio-item.active span{color:var(--home-accent,#4ae7fd)!important}.create-first-step-form .field-label{color:var(--home-text,#e6edf3);margin-bottom:8px;font-size:.8125rem;font-weight:500;display:block}.create-first-step-form .ratio-item{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #4ae7fd40;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:1.75rem;padding:5px 6px;font-size:.75rem;line-height:1rem;display:flex}.create-first-step-form .ratio-item.is-disabled{opacity:.52;cursor:not-allowed}.create-first-step-form .ratio-item img{width:1rem;height:1rem}.create-first-step-form .right-panel .global-setting{flex:1 1 0;height:0;min-height:0;padding:0 4px 0 0;overflow-y:auto}.create-first-step-form .right-panel .setting-sections{gap:.75rem;padding:8px .75rem .75rem}.create-first-step-form .right-panel .my-styles .subsection-title.title-one{display:none}.create-first-step-form .right-panel .my-styles{margin-bottom:8px}.create-first-step-form .right-panel .section-title{margin-bottom:10px;font-size:.875rem}.create-first-step-form .right-panel .styles-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.create-first-step-form .right-panel .style-card{aspect-ratio:1;width:100%;height:auto}.create-first-step-form .right-panel .style-card.add-style{background:#151724;border-style:dashed;border-color:#4ae7fd4d}.create-first-step-form .right-panel .style-card.add-style span,.create-first-step-form .right-panel .style-card.add-style .add-text,.create-first-step-form .right-panel .style-card.add-style .add-icon{color:#8e97a5!important}.create-first-step-form .right-panel .style-card.add-style .add-icon svg,.create-first-step-form .right-panel .style-card.add-style .add-icon svg path{fill:currentColor!important}.create-first-step-form .dict-placeholder{color:#8e97a5;margin:0 0 8px;font-size:.75rem}
