:root{
    --primary_light: #7928ca;
    --primary_dark: #ff0080;
    --dark_light: #3a416f;
    --dark_dark: #141727;
    --info_light: #21d4fd;
    --info_dark: #2152ff;
    --warning_light: #fbcf33;
    --warning_dark: #f53939;

    --app_bg: #f8f9fa;
    --primary_text: #344767;
    --secondary_text: #e1e5eb;
    --form_color: #495057;
    --form_border: #d2d6da;
    --form_placeholder: #CCCCCC;
    --form_upload: #888888;
    --button_color: #67748e;

    --white: #FFFFFF;
    --black: #000000;
    --delete: #880000;
    --delete_hover: #550000;

    --loading_bg: #F6F6F6;
    --loading_bgalt: #F0F0F0;

    --table_headbg: #E0E0E0;
    --table_evenbg: #EFEFEF;
    --table_oddbg: #FFFFFF;

    --link_color: #15305b;
    --link_hover: #334f7a;
    --navlink_bg: #efefef;

    --grad_primary: linear-gradient(310deg, var(--primary_dark), var(--primary_light));
    --grad_dark: linear-gradient(310deg, var(--dark_dark), var(--dark_light));
    --grad_info: linear-gradient(310deg, var(--info_dark), var(--info_light));
    --grad_warning: linear-gradient(310deg, var(--warning_light), var(--warning_dark));
}

/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/google/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/google/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/google/inter-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Main Styles */
*{ box-sizing: border-box; }
html, body{ height: 100%; margin: 0; padding: 0; position: relative; font-family: 'Inter', Arial, Helvetica, sans-serif; }
body{ background-color: var(--app_bg); color: var(--primary_text); }
img{ vertical-align: bottom; }
figure{ padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, li, label{ margin: 0; padding: 0 0 10px; line-height: 1.6; }
p, li, blockquote, label{ font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; }
h1, h2, h3, h4, h5, h6{ font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 700; }
h1{ font-size: 3.5rem; }
h2{ font-size: 2.75rem; }
h3{ font-size: 2.45rem; }
h4{ font-size: 2.1rem; }
h5{ font-size: 1.75rem; }
h6{ font-size: 1.5rem; }
a{ color: var(--link_color); }
a:hover{ color: var(--link_hover); }
a.delete{ color: var(--delete); }
a.delete:hover{ color: var(--delete_hover); }


#admin .page-title .title{ font-size: 2rem; }

.row{ display: flex; flex-wrap: wrap; width: 100%; }
.row [class^='col-'], .row [class*=' col-']{ padding: 10px; }
.row [class^='col-'].nopadding, .row [class*=' col-'].nopadding{ padding: 0; }
.col-1{ width: 8.33%; }
.col-2{ width: 16.66%; }
.col-3{ width: 25%; }
.col-4{ width: 33.33%; }
.col-5{ width: 41.66%; }
.col-6{ width: 50%; }
.col-7{ width: 58.33%; }
.col-8{ width: 66.66%; }
.col-9{ width: 75%; }
.col-10{ width: 83.33%; }
.col-11{ width: 91.66%; }
.col-12{ width: 100%; }

button, input, optgroup, select, textarea{ margin: 0; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 1rem; }

.form-field:not(:last-of-type){ padding: 0 0 10px; }
.form-field .label, .form-field label{ font-weight: 700; display: block; padding: 0 0 7px; color: var(--primary_text); font-size: 0.9rem; }
.form-field.form-switch{ padding-left: 3rem; }
.form-field.turnstile{ text-align: center; }

.form-field .form-control{ border-radius: 8px; display: block; width: 100%; padding: 8px 12px; font-size: 1rem; font-weight: 400; line-height: 30px; color: var(--form_color); background-color: var(--white); background-clip: padding-box; border: 1px solid var(--form_border); appearance: none; transition: box-shadow .15s ease, border-color .15s ease; }
.form-field .form-control::placeholder{ color: var(--form_placeholder); }

.form-field.form-switch .form-check-input{ border: 1px solid #e9ecef; position: relative; background-color: rgba(58, 65, 111, .1); height: 21px; width: 40px; margin-left: -48px; background-image: none; background-position: 0; border-radius: 40px; transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out; float: left; }
.form-field.form-switch .form-check-input:after{ transition: transform .25s ease-in-out, background-color .25s ease-in-out; content: ""; width: 16px; height: 16px; border-radius: 50%; position: absolute; background-color: var(--white); transform: translateX(1px); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .12); top: 1px;
}
.form-field.form-switch .form-check-input:checked{ border-color: rgba(58, 65, 111, .95); background-color: rgba(58, 65, 111, .95); background-position: 100%; background-image: none; }
.form-field.form-switch .form-check-input:checked:after{ transform: translateX(21px); }
.form-field.form-switch label{ line-height: 25px; padding: 0; }

.form-field .form-check-input[type=checkbox]{ cursor: pointer; border-radius: 10px; }
.form-field .form-check-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; margin-top: 2px; vertical-align: top; background-color: var(--white); background-repeat: no-repeat; background-position: 50%; background-size: contain; border: none; print-color-adjust: exact; transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out; }

.form-field.upload{ font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 1.3rem; color: var(--form_upload); padding: 80px 120px; text-align: center; border: solid 2px #808080; cursor: default; }
.form-field.upload + input[type="file"]{ display: none; }

.buttons-group{ padding: 24px 0 0; }

.button{ margin-bottom: 16px; box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07); background-size: 150%; background-position-x: 25%; text-transform: uppercase; display: inline-block; padding: 12px 24px; font-weight: 700; line-height: 1.4; color: var(--button_color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; border-radius: 8px; background-color: var(--white); transition: all .15s ease-in; font-family: 'Inter', Arial, Helvetica, sans-serif; text-decoration: none;; }
.button:hover{ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07); transform: scale(1.02); }
.button-primary{ color: var(--white); background-image: var(--grad_primary); }
.button-info{ background-image: var(--grad_info); color: var(--white); }
.buton-warning{ background-image: var(--grad_warning); }
.button-dark{ color: var(--white); background-image: var(--grad_dark); }
.button.fullwidth{ width: 100% !important; }

.select-menu { position: relative; width: fit-content;  }
.select-menu select { appearance: none; width: 100%; font-size: 1rem; line-height: 30px; padding: 8px 50px 8px 12px; background-color: var(--white); border: 1px solid #caced1; border-radius: 4px; color: var(--black); cursor: pointer; }
.select-menu::before, .select-menu::after { --size: 5px; position: absolute; content: ""; right: 16px; pointer-events: none; }
.select-menu::before { border-left: var(--size) solid transparent; border-right: var(--size) solid transparent; border-bottom: var(--size) solid black; top: 40%; }
.select-menu::after { border-left: var(--size) solid transparent; border-right: var(--size) solid transparent; border-top: var(--size) solid black; top: 55%; }

/* Style the radio buttons */
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--dark_light);
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    background-color: var(--white);
    outline: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Inner circle with padding */
input[type="radio"]::before {
    content: '';
    display: block;
    width: 10px; /* Adjust based on size */
    height: 10px;
    border-radius: 50%;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.2s ease;
}

/* Selected state: Inner circle becomes gradient */
input[type="radio"]:checked::before {
    background: linear-gradient(310deg, var(--dark_dark), var(--dark_light));
}

/* Hover effect for radio buttons */
input[type="radio"]:hover {
    border-color: var(--dark_light);
}

.edit-links

  
.addnew_placeholder .wrapper{ padding: 30px; width: 100%; background: var(--white); display: flex; flex-direction: column; }
.addnew_placeholder .wrapper-cell{ display: flex; margin-bottom: 30px; }
@-webkit-keyframes placeHolderShimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}
@keyframes placeHolderShimmer {
    0% { background-position: -468px 0; } 
    100% { background-position: 468px 0; }
}
.addnew_placeholder p.heading{ font-size: 2.3rem; font-weight: 700; }
.addnew_placeholder.loading .text-line, .addnew_placeholder.loading .image { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: var(--loading_bg); background: linear-gradient(to right, var(--loading_bg) 8%, var(--loading_bgalt) 18%, var(--loading_bg) 33%); background-size: 800px 104px; height: 96px; position: relative; }
.addnew_placeholder .image { height: 60px; width: 60px; }
.addnew_placeholder .text { margin-left: 20px; }
.addnew_placeholder .text-line { height: 10px; width: 230px; margin: 4px 0; }


/* Login */
#admin_login{ height: 100%; padding: 15px; background-color: var(--white); position: relative; display: flex; flex-wrap: wrap; }
#admin_login #loginwrap{ width: 50%; display: flex; align-items: center; justify-content: center; }
#admin_login #preview_image{ background-image: url('../images/login_bg_erika.jpg'); background-position: center right; background-size: cover; background-repeat: no-repeat; width: 50%; }
@media only screen and (min-width: 1024px){
    #admin_login #login_form{ width: 350px; }
    #admin_login #login_form #logo{ text-align: center; padding: 0 0 25px; }
    #admin_login #login_form img{ max-width: 270px; }
}
@media only screen and (max-width: 1023px) and (min-width: 700px){
}
@media only screen and (max-width: 699px){
}

#admin_wrap{ padding: 0; position: relative; flex-wrap: row; gap: 50px; height: 100%; }
#admin #admin_header{ position: fixed; top: 20px; left: 20px; bottom: 20px; width: 275px; padding: 18px 6px; display: flex; flex-direction: column; }
#admin #admin_header .logo{ padding: 0 12px 48px; }
#admin #admin_header img{ width: 100%; }
#admin #admin_header .navbar{ flex: 1; }
#admin #admin_header .navbar .admin-nav{ list-style: none; margin: 0; padding: 0; height: 100%; display: flex; flex-direction: column; }
#admin #admin_header .navbar .admin-nav .nav-link{ padding: 0; margin: 0 0 4px 0; }
#admin #admin_header .navbar .admin-nav .spacer{ flex: 1; }
#admin #admin_header .navbar .admin-nav .nav-link .navlink{ display: block; padding: 12px 15px; border-radius: 5px; text-decoration: none; }
#admin #admin_header .navbar .admin-nav .nav-link .navlink span{ display: inline-block; vertical-align: middle; }
#admin #admin_header .navbar .admin-nav .nav-link .navlink .icon, #admin #admin_header .navbar .admin-nav .nav-link.profile.current .navLink .icon{ width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 5px; background-color: var(--white); box-shadow: 0 2px 4px rgba(0,0,0,.3); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--dark_light); font-size: 1.3rem; }
#admin #admin_header .navbar .admin-nav .nav-link .navlink .label{ font-size: 0.9125rem; color: var(--button_color); padding: 0 0 0 8px; }
#admin #admin_header .navbar .admin-nav .nav-link.current .navlink{ background-color: var(--white); box-shadow: 0 2px 6px rgba(0,0,0,.35); }
#admin #admin_header .navbar .admin-nav .nav-link.current .navlink .icon{ background: linear-gradient(310deg, #cb0c9f, #cb0c9f); color: var(--white); }
#admin #admin_header .navbar .admin-nav .nav-link.current .navlink .label{ color: var(--primary_text); font-weight: 700; }

#admin #admin_area{ margin: 0; padding: 30px 30px 30px 345px; min-height: 100%; }
#admin .widget{ background-color: var(--white); border-radius: 8px; box-shadow: 0 3px 7px rgba(0,0,0,.2); padding: 24px 18px; }
#admin .widget .title, #admin #cast_member .player-data .scores .label{ font-weight: 400; color: var(--button_color); }
#admin .widget .sub_title{ font-size: 1rem; color: var(--primary_text); font-weight: 400; }
#admin .widget .counter-title{ font-size: 1rem; padding: 0 0 4px; }
#admin .widget .widget-title{ font-size: 1.2rem; padding: 0 0 4px; }

#admin .counter .widget, #admin #cast_member .player-data .scores .widget{ padding: 12px 18px; display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
#admin .counter .widget .data, #admin #cast_member .player-data .scores .widget .label{ flex: 1; }
#admin .counter .widget .icon, #admin #cast_member .player-data .scores .widget .score, #admin #cast_member .episode-list .episodes .score{ width: 62px; height: 62px; border-radius: 5px; color: var(--white); text-align: center; line-height: 62px; font-size: 1.75rem; background: var(--grad_primary); }
#admin .counter .widget .value{ font-size: 1.45rem; font-weight: 700; color: var(--primary_text); padding: 0; }

#admin #dashboard .counters{ display: flex; gap: 20px; flex-direction: column; }

#admin #dashboard .image{ padding-bottom: 0; margin-bottom: -10px; background-image: url('../images/world.png'); background-size: contain; background-position: right bottom; background-repeat: no-repeat; }

#admin .recent-episode .widget{ background: var(--grad_primary); color: var(--white); }
#admin .recent-episode .widget .widget-title{ color: var(--white); }
#admin .recent-episode .episode{ display: flex; flex-wrap: wrap; gap: 30px; padding: 12px 0 0; align-items: center; }
#admin .recent-episode .episode .episode-shot{ width: 350px; }
#admin .recent-episode .episode .episode-shot img{ width: 100%; }
#admin .recent-episode .episode .episode-data{ flex: 1; }
#admin .recent-episode .episode .episode-data .episode-title{ font-size: 1.7rem; }
#admin .recent-episode .episode .episode-data .episode-meta{ font-size: .875rem; font-weight: 700; color: var(--secondary_text); }
#admin .recent-episode .episode .episode-data .episode-meta .episode-date{ padding: 0 0 0 18px; }

#admin .leaderboards .bottom{ padding-left: 0; padding-right: 20px; }
#admin .leaderboards .top{ padding-right: 0; padding-left: 20px; }

#admin .table .player-main, #admin #season .leaderboard .player .player-main{ display: flex; flex-wrap: wrap; gap: 25px; align-items: center; }
#admin .table .player-main .player-data, #admin #season .leaderboard .player .player-data{ flex: 1; }
#admin .table .player-main .player-name, #admin #season .leaderboard .player .player-name{ font-size: 1.2rem; font-weight: 700; }
#admin .table .player-main .player-meta{ font-size: 0.875rem; font-weight: 700; }
#admin .table .player-main .player-score, #admin #season .leaderboard .player .player-score, #admin #cast .cast-table .score .player-score{ background: linear-gradient(310deg, #cb0c9f, #cb0c9f); color: var(--white); font-size: 1.35rem; font-weight: 700; width: 64px; height: 64px; line-height: 64px; text-align: center; font-family: 'Inter', Arial, Helvetica, sans-serif; } 
#admin .biggest-losers .widget-title, #admin .active-players .widget-title, #admin #season #leaderboard .title{ padding: 0 0 14px; }

#admin .admin_nav{ background-color: var(--white); border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.2); padding: 10px; margin: 0 0 24px; }
#admin .admin_nav .navitems{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 20px; }
#admin .admin_nav .navitems .item{ padding: 0; margin: 0; }
#admin .admin_nav .navitems .item.spacer{ flex: 1; }
#admin .admin_nav .navitems .item .link{ display: block; width: fit-content; text-decoration: none; padding: 10px 16px; border-radius: 5px; transition: all .2s ease; font-size: 0.925rem; }
#admin .admin_nav .navitems .item .link{ color: var(--link_color); }
#admin .admin_nav .navitems .item .link:hover{ background-color: var(--navlink_bg); }
#admin .admin_nav .navitems .item.delete .link{ color: var(--delete); }
#admin .admin_nav .navitems .item.delete .link:hover{ color: var(--white); background-color: var(--delete); }

#admin .table-display{ width: 100%; padding: 20px; background-color: var(--white); border-radius: 10px; }
#admin .table-display .display-table{ border-collapse: collapse; border: none; padding: 0; margin: 0; width: 100%; }
#admin .table-display .display-table thead th{ background-color: var(--table_headbg); }
#admin .table-display .display-table tbody tr:nth-of-type(even) td{ background-color: var(--table_evenbg); }
#admin .table-display .display-table thead th, #admin .table-display .display-table tbody td{ padding: 12px; border: none; margin: 0; }
#admin .table-display .display-table thead th{ padding: 16px 12px; }
#admin .table-display .display-table thead th p{ font-weight: 700; padding: 0; margin: 0; }

#admin #seasons .seasons{ width: 100%; padding: 20px; background-color: var(--white); border-radius: 10px; }
#admin #seasons .seasons .cover{ width: 100px; }
#admin #seasons .seasons .cover img{ width: 100%; }
#admin #seasons .seasons .title .season-title{ font-size: 1.35rem; }
#admin #seasons .seasons .first-release{ width: 200px; }
#admin #seasons .seasons .episodes{ width: 150px; }
#admin #seasons .seasons tbody .first-release p, #admin #seasons .seasons tbody .episodes p{ text-align: right; padding: 0; }
#admin #seasons .seasons .no-seasons .content{ padding: 50px 125px; }
#admin #seasons .seasons .no-seasons .content p{ padding: 0; font-size: 1.25rem; text-align: center; }

#admin #season .title{ font-size: 1.75rem; padding: 0 0 24px; }
#admin #season #episodes .episode{ width: 35px; }
#admin #season #episodes .episode_number p{ padding: 0; text-align: center; font-size: 1.3rem; font-weight: 700; }
#admin #season #episodes .cover{ width: 250px; }
#admin #season #episodes .cover img{ width: 100%; }
#admin #season #episodes tbody .content{ text-align: left; }
#admin #season #episodes tbody .content .episode-title{ font-size: 1.3rem; font-weight: 700; }
#admin #season #episodes tbody .release{ width: 200px; text-align: right; }
#admin #season #episodes tbody .release p{ padding: 0; }

#admin #season .wrap{ gap: 35px; display: flex; flex-wrap: wrap; }
#admin #season .episodes{ flex: 1; }
#admin #season .leaderboard{ width: 450px; }
#admin #season .episode-display .leaderboard{ width: 100%; }
#admin #season .leaderboard .player .player-name{ padding: 0; }
#admin #season .leaderboard .player:not(:last-of-type){ margin: 0 0 8px; }
#admin #season .leaderboard .delete-score a{ display: block; width: 48px; height: 48px; text-align: center; text-decoration: none; color: var(--delete); border-radius: 5px; transition: all .2s ease; }
#admin #season .leaderboard .delete-score a:hover{ background-color: var(--delete); color: var(--white); }
#admin #season .leaderboard .delete-score .icon{ line-height: 48px; }
#admin #season .leaderboard .delete-score .label{ display: none; }
#admin #season .episode-display .screenshot{ width: 100%; }
#admin #season .episode-display .screenshot img{ max-width: 100%; }
#admin #season .episode-display .overview{ padding: 40px 0; }
#admin #season #crew{ width: 500px; }
#admin #season #crew .crew-list{ list-style: none; margin: 0; padding: 0; }
#admin #season #crew .crew-list .crew-member:not(:last-of-type){ margin: 0 0 12px; }
#admin #season #crew .crew-list .crew-member{ display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
#admin #season #crew .crew-list .crew-member .image{ width: 100px; height: 100px; border-radius: 8px; background-size: cover; background-repeat: no-repeat; background-position: center; }
#admin #season #crew .crew-list .crew-member .data{ flex: 1; }
#admin #season #crew .crew-list .crew-member .crew-name{ font-size: 1.3rem; font-weight: 700; padding: 0 0 6px; }
#admin #season #crew .crew-list .crew-member .job-title{ padding: 0; }

#admin #addnew_form #addnew_season .season_number{ display: inline-block; width: 200px; }
#admin #addnew_form #addnew_season #addnew_auto .wrapper{ max-width: 850px; }
#admin #addnew_form #addnew_season #addnew_auto .image{ width: 167px; height: 250px; }
#admin #addnew_form #addnew_season #addnew_auto .text{ flex: 1; }
#admin #addnew_form #addnew_season #addnew_auto .text-line{ width: 100%; margin: 0 0 8px; }
#admin #addnew_form #addnew_season #addnew_auto .heading{ height: 70px; line-height: 70px; }
#admin #addnew_form #addnew_season #addnew_auto .paragraph{ height: 32px; }
#admin #addnew_form #addnew_season #addnew_auto span{ display: inline-block; }
#admin #addnew_form #addnew_season #addnew_auto .label{ width: 130px; }
#admin #addnew_form #addnew_season #addnew_auto .data{ font-weight: 700; }

#admin #addnew_form #addnew_episode .season_number, #admin #addnew_form #addnew_episode .episode_number{ display: inline-block; width: 200px; }
#admin #addnew_form #addnew_episode .season_number .select-menu{ width: 100%; }
#admin #addnew_form #addnew_episode #addnew_auto .wrapper{ max-width: 1100px; }
#admin #addnew_form #addnew_episode #addnew_auto .image{ width: 300px; height: 169px; }
#admin #addnew_form #addnew_episode #addnew_auto .text{ flex: 1; }
#admin #addnew_form #addnew_episode #addnew_auto .text-line{ width: 100%; margin: 0 0 8px; }
#admin #addnew_form #addnew_episode #addnew_auto .heading{ height: 70px; line-height: 70px; }
#admin #addnew_form #addnew_episode #addnew_auto .paragraph{ height: 32px; }
#admin #addnew_form #addnew_episode #addnew_auto span{ display: inline-block; }
#admin #addnew_form #addnew_episode #addnew_auto .label{ width: 130px; }
#admin #addnew_form #addnew_episode #addnew_auto .data{ font-weight: 700; }

#admin #addnew_form .repeat-group{ border-collapse: 5px; margin: 0 0 18px; }
#admin #addnew_form .repeat-group thead th{ font-size: 1rem; font-weight: 700; font-family: 'Inter', Arial, Helvetica, sans-serif; }
#admin #addnew_form .repeat-group td, #admin #addnew_form .repeat-group th{ padding: 6px; }
#admin #addnew_form .repeat-group .remove-button{ border: none; border-radius: 8px; background-color: transparent; color: var(--delete); line-height: 30px; height: 46px; vertical-align: top; padding: 8px 12px; width: 46px; text-align: center; cursor: pointer; transition: all .2s ease; }
#admin #addnew_form .repeat-group .remove-button:hover{ background-color: var(--delete); color: var(--white); }
#admin #addnew_form .repeat-group .remove-button .label{ display: none; }

#admin #cast .cast-table .image{ width: 100px; }
#admin #cast .cast-table .image .cast-image{ width: 80px; height: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px; }
#admin #cast .cast-table thead .name p{ text-align: left; }
#admin #cast .cast-table tbody .name .member-name{ font-weight: 700; padding: 0 0 6px; font-size: 1.3rem; }
#admin #cast .cast-table tbody .name .edit-links{ padding: 0; }
#admin #cast .cast-table .score{ width: 100px; }
#admin #cast .cast-table .score .player-score{ width: 100%; }
#admin #cast .cast-table .episodes{ width: 150px; }
#admin #cast .cast-table .episodes p{ padding: 0; text-align: right; }

#admin #cast_member .wrap{ display: flex; gap: 35px 50px; flex-wrap: wrap; }
#admin #cast_member .player-info{ width: 350px; }
#admin #cast_member .player-info .image{ height: 450px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 20px; }
#admin #cast_member .player-info .imdb_link{ display: block; width: fit-content; padding: 12px 18px; font-size: 0.9rem; border-radius: 8px; background-color: #f5c518; color: var(--black); text-decoration: none; transition: all .2s ease; }
#admin #cast_member .player-info .imdb_link:hover{ background-color: var(--black); color: var(--white); }
#admin #cast_member .player-info .imdb_link .link_text{ display: inline-block; vertical-align: middle; line-height: 30px; }
#admin #cast_member .player-info .imdb_link img{ display: inline-block; vertical-align: middle; height: 30px; margin: 0 0 0 5px; }
#admin #cast_member .player-info .player-profile{ padding: 24px 0 0; }
#admin #cast_member .player-info .player-profile span{ display: block; }
#admin #cast_member .player-info .player-profile .label{ font-weight: 700; padding: 0 0 6px; font-size: 0.875rem; }
#admin #cast_member .player-info .player-profile .value{ padding: 0; font-size: 1.175rem; }

#admin #cast_member .player-data{ flex: 1; }
#admin #cast_member .player-data .scores{ display: flex; gap: 30px; flex-wrap: wrap; }
#admin #cast_member .player-data .scores .widget{ width: calc( 25% - 23px ); }
#admin #cast_member .player-data .scores .widget .label{ font-size: 1.2rem; padding: 0; font-weight: 700; }
#admin #cast_member .player-data .scores .widget .score{ width: 100px; height: 64px; line-height: 64px; font-size: 1.4rem; font-weight: 700; }
#admin #cast_member .player-data .player-bio{ padding: 35px 0; }
#admin #cast_member .player-data .player-bio p{ font-size: 1.2rem; }
#admin #cast_member .episode-list .episodes{ margin: 0; padding: 0; list-style: none; }
#admin #cast_member .episode-list .episodes .episode-link{ display: block; text-decoration: none; }
#admin #cast_member .episode-list .episodes .wrap{ display: flex; gap: 20px; align-items: center; }
#admin #cast_member .episode-list .episodes .image{ width: 200px; }
#admin #cast_member .episode-list .episodes .image img{ width: 100%; }
#admin #cast_member .episode-list .episodes .episode-info{ color: var(--primary_text); flex: 1; }
#admin #cast_member .episode-list .episodes .episode-info .episode-name{ font-size: 1.2rem; font-weight: 700; padding: 0 0 6px; }
#admin #cast_member .episode-list .episodes .episode-info .season{ color: var(--button_color); padding: 0; }
#admin #cast_member .episode-list .episodes .score{ font-size: 1.4rem; font-weight: 700; width: 85px; }

#admin .add_cast #search_results .results{ list-style: none; margin: 0; padding: 0; }
#admin .add_cast #search_results .results .result{ display: flex; gap: 10px; flex-wrap: wrap; }
#admin .add_cast #search_results .results .radio{ padding: 8px 0; }
#admin .add_cast #search_results .results .person-data{ flex: 1; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
#admin .add_cast #search_results .results .result .image{ width: 130px; height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; }
#admin .add_cast #search_results .results .result .data{ padding: 5px; }
#admin .add_cast #search_results .results .result .name{ font-size: 1.45rem; font-weight: 700; }
#admin .add_cast #search_results .results .result .known_for{ padding: 0 0 6px; }
#admin .add_cast #search_results .results .result .popularity{ padding: 0; }
#admin .add_cast #search_results .results .result .label{ font-weight: 700; }