:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.channels{--channel-card-radius:20px;--channel-card-padding:1.5rem;background-color:#ebebeb;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.channels__body{background-color:#ebebeb;flex-direction:column;flex:1;height:100%;padding:1rem 1.5rem;display:flex;overflow-y:auto}.channels__form{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.channels__field-label{text-align:start;color:#6c6c6c;font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:12px;display:block}.channels__field{box-sizing:border-box;background-color:#fff;padding:1rem}.channels__input{color:#111827;background:#fff;border-radius:12px;width:100%;font-size:.9375rem;transition:border-color .2s}.channels__input::placeholder{color:#ccc;padding-top:8px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:16px}.channels__input:focus{border-color:var(--theme-bottom-color);outline:none}.channels__thumbnail-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.channels__thumbnail-box{aspect-ratio:9/16;cursor:pointer;background:#fcfcfc;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:112.5px;height:200px;margin-bottom:16px;transition:background .2s;display:flex}.channels__thumbnail-box:hover{background:#e5e7eb}.channels__media-thumbnail-box{aspect-ratio:9/16;cursor:pointer;background:#fcfcfc;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:67px;height:120px;margin-bottom:16px;transition:background .2s;display:flex}.channels__media-thumbnail-box:hover{background:#e5e7eb}.channels__thumbnail-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.channels__thumbnail-icon{color:#9ca3af;width:32px;height:32px}.channels__add-media-box{flex-direction:column;display:flex}.channels__add-media-box p{color:#6c6c6c;margin-top:8px;font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:12px}.channels__separator{background:#fafafc;border:none;height:2px;margin:3rem 0 .25rem}.channels__row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.channels__row-label{color:#374151;font-size:.875rem;font-weight:500}.channels__button-row{justify-content:space-around;align-items:start;width:100%;padding:.5rem 0;display:flex}