#wpadminbar li.wpda-wpdp-toolbar > .ab-item:before {
content: "\f17d";
top: 3px;
}.fmcm-submission {
width: 100vw;
margin: 0 auto;
max-width: 600px;
background-color: white;
padding: 20px;
}
.fmcm-submission #new-submission-wrapper {
background-color: #eee;
padding: 20px;
margin: 20px 0;
display: none;
}
.fmcm-submission form {
width: 100%;
}
.fmcm-submission form.fmcm-submission-form input,
.fmcm-submission form.fmcm-submission-form textarea {
display: block;
width: 100%;
max-width: 400px;
margin-bottom: 10px;
}
.fmcm-submission form.fmcm-submission-form input[type="checkbox"] {
width: auto;
display: inline-block;
margin-right: 4px;
}
.fmcm-submission form.fmcm-submission-form input[name="fmcm-submission-age"] {
width: 100px;
display: inline-block;
margin: 20px 0;
}
.fmcm-submission form.fmcm-submission-form textarea {
max-height: 312px;
}
.fmcm-submission form.fmcm-submission-form label {
display: block;
font-weight: bold;
cursor: pointer;
}
.fmcm-submission form.fmcm-submission-form label .fmcm-label-notice {
font-weight: normal;
font-style: italic;
}
.fmcm-submission form.fmcm-submission-form label[for="fmcm-submission-age"] {
width: auto;
display: inline-block;
margin-right: 10px;
} .fmcm-submission #fmcm-submission-link-validation {
background-color: #ccc;
padding: 20px;
margin: 20px 0;
}
.fmcm-submission #fmcm-submission-link-validation p {
margin-bottom: 5px;
font-style: italic;
font-size: 0.8rem;
}
.fmcm-submission #fmcm-submission-link-validation-title,
.fmcm-submission #fmcm-submission-link-validation-channel {
font-weight: bold;
font-size: 1rem;
font-style: normal;
}
.fmcm-submission .fmcm-form-errors {
padding: 10px 0;
color: #ed1d02;
font-weight: bold;
}
.fmcm-submission .fmcm-form-errors ul {
margin: 0;
padding: 0;
}
.fmcm-submission .fmcm-form-errors ul li {
display: block;
}
.fmcm-submission .submission-preview-wrapper > div {
background-color: #eee;
padding: 20px;
margin: 20px 0;
display: none;
}
.result-bar-wrapper {
margin-bottom: 20px;
}
.result-bar-wrapper p {
margin-bottom: 10px;
}
.result-bar {
width: calc(100% - 32px);
background-color: #ededed;
height: 40px;
position: relative;
z-index: 0;
}
.result-bar .progress {
background-color: var(--fmcm-accent-2, #e0b785);
height: inherit;
padding: 4px;
z-index: 2;
}
.result-bar .points {
position: absolute;
top: 0;
transform: translate(-32px, 0px);
font-weight: bold;
line-height: 40px;
z-index: 3;
text-align: center;
width: 32px;
}
.result-bar .max-points {
position: absolute;
top: 0;
right: -32px;
line-height: 40px;
z-index: 1;
text-align: center;
width: 32px;
}
.result-stats {
width: 100%;
height: 300px;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: end;
padding: 32px;
padding-right: 0;
}
.result-stats .scale-left {
position: absolute;
left: 0px;
top: 0;
height: calc(100% - 64px);
width: 15px;
border-right: 2px solid #000000;
margin: 32px 0 32px 0;
}
.result-stats .scale-left ul {
margin: 0;
padding: 0;
}
.result-stats .scale-left ul li {
display: block;
border-bottom: 2px solid #000000;
width: 22px;
margin-left: 3px;
}
.result-stats .tower-wrapper {
height: 100%;
flex: auto;
padding: 0 4px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.result-stats .tower-wrapper .tower {
width: 100%;
position: relative;
background-color: #cccccc;
}
.result-stats .tower-wrapper .tower.my-tower {
background-color: var(--fmcm-accent-2, #e0b785);
}
.result-stats .tower-wrapper .tower .label {
display: none;
position: absolute;
top: -24px;
left: 50%;
transform: translate(-50%, 0);
font-size: 11px;
}
.result-stats .tower-wrapper .tower.my-tower .label {
display: block;
font-weight: bold;
}
.result-stats .tower-wrapper:hover .tower .label {
display: block;
}
.result-stats .tower-wrapper .scale-bottom {
position: absolute;
bottom: 5px;
} .fmcm-submission.fmcm-judge-submission {
max-width: 680px;
margin-bottom: 100px;
}
.fmcm-judge-submission .fmcm-judge-submission-wrapper {
background-color: lightgray;
padding: 20px;
margin-top: 40px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat,
.fmcm-judge-submission .fmcm-judge-submission-feedback,
.fmcm-judge-submission button[type="submit"] {
margin-top: 20px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat label {
display: block;
}
.fmcm-judge-submission .fmcm-judge-submission-cat input[type="number"] {
width: 80px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat span {
margin-left: 10px;
}
.fmcm-judge-submission .fmcm-judge-submission-feedback textarea {
width: 100%;
max-height: unset;
min-height: 300px;
} @keyframes rotate {
to {
transform: rotate(360deg);
}
}
.video-js.vjs-lime {
border-radius: 0.5em;
}
.video-js.vjs-lime .vjs-big-play-button {
width: 2em;
height: 2em;
line-height: 1.9em;
border-radius: 1em;
left: calc(50% - 1em);
top: calc(50% - 1em);
backdrop-filter: blur(4px);
background-color: rgba(0, 0, 0, 0.6);
border: 2px solid var(--fmcm-accent, #f2d354);
color: var(--fmcm-accent, #f2d354);
}
.video-js.vjs-lime:hover .vjs-big-play-button,
.video-js.vjs-lime:focus .vjs-big-play-button {
backdrop-filter: blur(4px);
background-color: rgba(40, 40, 40, 0.6);
border: 2px solid var(--fmcm-accent, #f2d354);
color: var(--fmcm-accent, #f2d354);
}
.video-js.vjs-lime .vjs-loading-spinner {
border: 3px solid rgba(0, 0, 0, 0.6);
width: 45px;
height: 45px;
}
.video-js.vjs-lime .vjs-loading-spinner:before,
.video-js.vjs-lime .vjs-loading-spinner:after {
margin: -3px;
animation: rotate 0.8s linear infinite;
border-top-color: var(--fmcm-accent, #f2d354);
}
.video-js.vjs-lime .vjs-loading-spinner:after {
display: none;
border-top-color: #2315ff;
}
.video-js.vjs-lime button:focus,
.video-js.vjs-lime .vjs-menu-item:focus {
outline: none;
color: var(--fmcm-accent, #f2d354);
}
.video-js.vjs-lime .vjs-control-bar {
height: 5em;
padding-top: 2em;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.4) 35%,
transparent 100%
);
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.video-js.vjs-lime button.vjs-icon-cog {
font-size: 1.3em;
}
.video-js.vjs-lime .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0.5em;
backdrop-filter: blur(4px);
}
.video-js.vjs-lime video {
border-radius: 0.5em;
}
.video-js.vjs-lime video:focus {
outline: none;
}
.video-js.vjs-lime .vjs-slider {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 10px;
}
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress {
background-color: var(--fmcm-accent, #f2d354);
transition: width 0.15s linear;
}
.video-js.vjs-lime .vjs-progress-holder .vjs-play-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress > div {
border-radius: 10px;
}
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected),
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected),
.video-js.vjs-lime
.js-focus-visible
.vjs-menu
li.vjs-menu-item:hover:not(.vjs-selected) {
background-color: rgba(255, 255, 255, 0.3);
}   .fmcm-buyform {
width: 320px !important;
height: auto;
border: 1px solid var(--fmcm-accent-2, #e0b785);
padding: 20px;
}
.fmcm-buyform h2 {
margin: 0;
text-align: center;
width: 100%;
color: var(--fmcm-accent-2, #e0b785);
}
.fmcm-buyform p {
margin-top: 10px;
}
.fmcm-buyform p #buyform-price {
font-size: 1.4rem;
font-weight: bold;
}
.fmcm-buyform label {
font-weight: bold;
}
.fmcm-buyform input,
.fmcm-buyform select {
background-color: #fff;
}
.fmcm-buyform .main {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.fmcm-buyform .main select {
display: block;
width: 100%;
}
.fmcm-buyform .addons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
}
.fmcm-buyform .addons label {
width: calc(100% - 90px);
}
.fmcm-buyform .addons input {
display: block;
width: 70px;
}
.fmcm-buyform button[type="submit"] {
margin-left: calc(50% - 55px);
width: 110px;
}
.fmcm-buyform .number-input {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.fmcm-buyform .number-input button {
width: 30px;
height: 30px;
background: none;
border: none;
outline: none;
padding: 0;
margin: 0;
background-color: var(--fmcm-accent, #f2d354);
}
.fmcm-buyform .number-input button:hover {
background: none;
background-color: var(--fmcm-accent, #f2d354);
}
.fmcm-buyform .number-input .current-number {
display: inline-block;
padding: 0 8px;
} .woocommerce-error {
background: #a00 !important;
} .fmcm-submission .btn:hover,
.fmcm-submission .button.button-primary:hover,
.fmcm-submission button:hover,
.fmcm-submission input:hover[type="button"],
.fmcm-submission input:hover[type="submit"],
.fmcm-buyform .btn:hover,
.fmcm-buyform .button.button-primary:hover,
.fmcm-buyform button:hover,
.fmcm-buyform input:hover[type="button"],
.fmcm-buyform input:hover[type="submit"],
.fmcm-validate .btn:hover,
.fmcm-validate button:hover,
.fmcm-validate input:hover[type="submit"],
.fmcm-judge-submission-form .btn:hover,
.fmcm-judge-submission-form button:hover,
.fmcm-judge-submission-form input:hover[type="submit"] {
background-color: var(--fmcm-accent, #f2d354) !important;
} .lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 40px;
height: 40px;
vertical-align: middle;
}
.lds-spinner div {
transform-origin: 20px 20px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 1.5px;
left: 18.5px;
width: 3px;
height: 9px;
border-radius: 20%;
background: #000;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.cert-link-btn {
background-color: var(--e-global-color-nvprimaryaccent);
color: #fff;
font-weight: bold;
padding: 4px 6px;
border-radius: 4px;
margin-bottom: 10px;
display: block;
width: 140px;
text-align: center;
} .fmcm-flag-spinner {
display: inline-block;
width: 14px;
height: 14px;
margin-left: 8px;
vertical-align: middle;
border: 2px solid #ccc;
border-top-color: #555;
border-radius: 50%;
animation: fmcm-flag-spin 0.7s linear infinite;
}
@keyframes fmcm-flag-spin {
to { transform: rotate(360deg); }
} .fmcm-upload-progress {
margin: 10px 0 4px;
}
.fmcm-upload-progress-track {
width: 100%;
height: 18px;
background: #ececec;
border-radius: 9px;
overflow: hidden;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}
.fmcm-upload-progress-bar {
width: 0;
height: 100%;
background: linear-gradient(90deg, var(--fmcm-accent-2, #e0b785), var(--fmcm-accent, #f2d354));
border-radius: 9px;
transition: width 0.25s ease;
} .fmcm-upload-progress.is-waiting .fmcm-upload-progress-bar {
width: 40%;
background: repeating-linear-gradient(
45deg,
#dba617,
#dba617 10px,
#f0c33c 10px,
#f0c33c 20px
);
animation: fmcm-upload-stripes 1s linear infinite;
}
@keyframes fmcm-upload-stripes {
from { background-position: 0 0; }
to { background-position: 28px 0; }
}
.fmcm-upload-progress.is-done .fmcm-upload-progress-bar {
background: #1a7a1a;
}
.fmcm-upload-progress-label {
font-size: 13px;
margin-top: 5px;
color: #444;
}
.fmcm-upload-progress.is-waiting .fmcm-upload-progress-label {
color: #b45309;
} .fmcm-judge-viewas {
margin: 0 0 14px;
padding: 8px 12px;
background: #f3f4f6;
border-left: 4px solid #6b7280;
border-radius: 3px;
font-size: 14px;
}
.fmcm-judge-viewas select {
margin-left: 6px;
}
.fmcm-judge-viewas-note {
margin: 6px 0 0;
color: #b45309;
font-size: 13px;
}
.fmcm-judge-downloads {
margin: 0 0 16px;
padding: 10px 14px;
border: 1px solid #d8d8d8;
border-radius: 6px;
background: #fafafa;
}
.fmcm-judge-downloads > summary {
cursor: pointer;
font-weight: 600;
}
.fmcm-judge-downloads-intro {
font-size: 13px;
color: #444;
max-width: 60em;
}
.fmcm-judge-download-status {
margin-left: 10px;
font-size: 13px;
color: #444;
}
.fmcm-judge-download-table {
width: 100%;
max-width: 620px;
border-collapse: collapse;
font-size: 14px;
}
.fmcm-judge-download-table th,
.fmcm-judge-download-table td {
text-align: left;
padding: 4px 8px;
border-bottom: 1px solid #e5e5e5;
} .fmcm-judge-readonly {
opacity: 0.55;
pointer-events: none;
}
.fmcm-subm-id-hint {
font-size: 12px;
color: #666;
margin-left: 6px;
}
.fmcm-judge-download-note {
font-size: 12px;
color: #b45309;
} .fmcm-feedback-buy-notice {
display: block;
margin: 4px 0 2px 0;
}
.fmcm-feedback-buy-button {
display: inline-block;
margin-left: 6px;
padding: 2px 10px;
border-radius: 4px;
background: var(--fmcm-accent, #f2d354);
color: #1d2327 !important;
text-decoration: none;
font-weight: 600;
}
.fmcm-feedback-buy-button:hover {
background: var(--fmcm-accent, #f2d354);
filter: brightness(1.08);
} .fmcm-films {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.fmcm-film-card {
flex: 1 1 340px;
min-width: 280px;
max-width: 560px;
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 10px;
padding: 20px 22px;
}
.fmcm-film-title {
margin: 0 0 2px 0;
}
.fmcm-film-byline {
margin: 0 0 14px 0;
opacity: 0.85;
font-style: italic;
}
.fmcm-film-btn-note {
margin: 12px 0 4px 0;
}
.fmcm-film-btn-wrap {
margin: 4px 0 10px 0;
}
.fmcm-film-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 9px 18px;
border-radius: 6px;
color: #1d2327 !important;
font-weight: 700;
text-decoration: none !important;
}
.fmcm-film-btn:hover {
filter: brightness(1.08);
}
.fmcm-film-btn-icon {
flex: 0 0 auto;
}
.fmcm-film-brief h4,
.fmcm-film-notes h4,
.fmcm-film-editlist h4 {
margin: 16px 0 4px 0;
}
.fmcm-film-notes {
border-left: 3px solid var(--fmcm-accent, #e0b785);
padding-left: 12px;
margin-top: 10px;
}
.fmcm-film-editlist ul {
margin: 4px 0 0 18px;
}
.fmcm-films-judging .fmcm-film-card {
max-width: 720px;
} .fmcm-showcase {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.fmcm-showcase-item {
text-align: center;
max-width: 340px;
}
.fmcm-showcase-img {
width: 100%;
height: auto;
border-radius: 8px;
display: block;
transition: transform 0.15s ease;
}
.fmcm-showcase-item a:hover .fmcm-showcase-img {
transform: scale(1.03);
}
.fmcm-showcase-title {
margin-top: 8px;
font-weight: 600;
} .fmcm-judges-front {
display: flex;
flex-wrap: wrap;
gap: 26px;
justify-content: center;
}
.fmcm-judges-front .fmcm-judge-card {
text-align: center;
width: 170px;
}
.fmcm-judge-photo {
max-width: 100%;
height: auto;
display: block;
}
.fmcm-judge-photo-round {
width: 140px;
height: 140px;
object-fit: cover;
border-radius: 50%;
margin: 0 auto 10px auto;
border: 3px solid var(--fmcm-accent, #e0b785);
}
.fmcm-judges-front .fmcm-judge-name {
margin: 0;
}
.fmcm-judges-front .fmcm-judge-subtitle {
margin: 2px 0 0 0;
font-size: 0.9em;
opacity: 0.85;
}
.fmcm-judges-full .fmcm-judge-card {
display: flex;
gap: 22px;
margin-bottom: 34px;
align-items: flex-start;
}
.fmcm-judges-full .fmcm-judge-photo {
width: 180px;
flex: 0 0 auto;
border-radius: 8px;
}
.fmcm-judges-full .fmcm-judge-name {
font-size: 1.15em;
margin: 0 0 2px 0;
}
.fmcm-judges-full .fmcm-judge-subtitle {
margin: 0 0 10px 0;
opacity: 0.85;
}
@media (max-width: 600px) {
.fmcm-judges-full .fmcm-judge-card {
flex-direction: column;
}
.fmcm-judges-full .fmcm-judge-photo {
width: 100%;
max-width: 260px;
}
} .fmcm-previous-item {
display: flex;
align-items: center;
gap: 14px;
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fmcm-previous-title {
font-weight: 600;
}
.fmcm-previous-btn {
padding: 5px 14px;
margin-left: auto;
} .fmcm-judge-adminedit {
outline: 2px solid #dba617;
outline-offset: 6px;
}
.fmcm-ytpref-note {
background: #1a7a1a;
color: #fff;
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
} .fmcm-prizes {
display: grid;
gap: 26px;
}
.fmcm-prizes-headline {
margin: 0 0 10px;
}
.fmcm-prizes-title {
margin: 0;
font-size: 2.1em;
letter-spacing: -0.015em;
}
.fmcm-prizes-edition {
margin: 6px 0 0;
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
color: #7a7a7a;
}
.fmcm-prize-slot {
position: relative;
margin: 24px 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 16px;
padding: 28px 30px 20px;
overflow: hidden;
}
.fmcm-prizes .fmcm-prize-slot {
margin: 0; }
.fmcm-prize-slot::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, var(--fmcm-accent, #f2d354), var(--fmcm-accent-2, #e0b785));
}
.fmcm-prize-slot-heading {
margin: 2px 0 16px;
font-size: 1.35em;
letter-spacing: -0.01em;
}
.fmcm-prize-cash {
display: inline-flex;
align-items: baseline;
gap: 9px;
margin: 0 0 20px;
padding: 7px 16px;
border-radius: 999px;
background: var(--fmcm-accent, #f2d354);
color: #17211a;
}
.fmcm-prize-cash-label {
font-size: 0.76em;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.09em;
opacity: 0.72;
}
.fmcm-prize-cash-value {
font-weight: 800;
font-size: 1.08em;
}
.fmcm-prize-sponsor {
margin: 0 0 20px;
padding: 3px 0 3px 16px;
border-left: 3px solid var(--fmcm-accent, #f2d354);
}
.fmcm-prize-sponsor:last-child {
margin-bottom: 8px;
}
.fmcm-prize-sponsor-name {
margin: 0 0 10px;
font-size: 0.78em;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.13em;
color: #6b6b6b;
}
.fmcm-prize-item {
margin: 0 0 14px;
}
.fmcm-prize-item:last-child {
margin-bottom: 4px;
}
.fmcm-prize-item-title {
display: inline-block;
font-weight: 700;
font-size: 1.05em;
color: inherit;
text-decoration: none;
border-bottom: 2px solid var(--fmcm-accent, #f2d354);
padding-bottom: 1px;
transition: background 0.15s ease, border-color 0.15s ease;
}
a.fmcm-prize-item-title::after {
content: " \2197";
font-size: 0.8em;
opacity: 0.55;
}
a.fmcm-prize-item-title:hover {
background: var(--fmcm-accent, #f2d354);
border-bottom-color: transparent;
}
.fmcm-prize-item-desc {
margin: 6px 0 0;
color: #555;
line-height: 1.6;
max-width: 64ch;
}
.fmcm-prize-learnmore {
font-weight: 700;
color: inherit;
text-decoration: none;
border-bottom: 2px solid var(--fmcm-accent-2, #e0b785);
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease;
}
.fmcm-prize-learnmore::after {
content: " \2192";
}
.fmcm-prize-learnmore:hover {
background: var(--fmcm-accent-2, #e0b785);
border-bottom-color: transparent;
}
.fmcm-prize-item-details > .fmcm-prize-item-summary {
cursor: pointer;
font-weight: 600;
color: #555;
margin-top: 4px;
}
@media (max-width: 600px) {
.fmcm-prize-slot {
padding: 22px 18px 14px;
border-radius: 12px;
}
}  .fmcm-rb {
--fmcm-rb-line: rgba(0, 0, 0, 0.1);
--fmcm-rb-soft: rgba(0, 0, 0, 0.06);
--fmcm-rb-muted: #8b8b8b;
margin: 0 0 8px;
}
.fmcm-rb-head {
text-align: center;
margin: 0 0 22px;
}
.fmcm-rb-head small {
display: block;
font-size: 0.72em;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--fmcm-accent-3, #b18959);
margin-bottom: 10px;
}
.fmcm-rb-head h2 {
margin: 0;
font-weight: 600;
} .fmcm-rb-tabs {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2px;
border-bottom: 1px solid var(--fmcm-rb-line);
margin: 0 0 34px;
}
.fmcm-rb-tab {
appearance: none;
background: none;
border: 0;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
padding: 13px 16px;
cursor: pointer;
font: inherit;
font-size: 0.78em;
font-weight: 700;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--fmcm-rb-muted);
}
.fmcm-rb-tab:hover {
color: inherit;
} .fmcm-rb .fmcm-rb-tab:hover,
.fmcm-rb .fmcm-rb-tab:focus,
.fmcm-rb .fmcm-rb-play:hover,
.fmcm-rb .fmcm-rb-play:focus {
background-color: transparent !important;
}
.fmcm-rb-tab.is-active {
color: inherit;
border-bottom-color: var(--fmcm-accent-3, #b18959);
} .fmcm-rb--js .fmcm-rb-pane {
display: none;
}
.fmcm-rb--js .fmcm-rb-pane.is-active {
display: block;
}
.fmcm-rb:not(.fmcm-rb--js) .fmcm-rb-tabs {
display: none;
}
.fmcm-rb-units {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 46px 42px;
align-items: start;
}
.fmcm-rb-units-single {
grid-template-columns: 1fr;
max-width: 640px;
margin: 0 auto;
}
.fmcm-rb-unit { min-width: 0;
}
.fmcm-rb-unit-head {
text-align: center;
padding-bottom: 12px;
border-bottom: 1px solid var(--fmcm-rb-line);
margin-bottom: 22px;
}
.fmcm-rb-unit-film {
overflow-wrap: anywhere;
font-size: 1.15em;
font-weight: 600;
line-height: 1.25;
}
.fmcm-rb-unit-grp {
display: block;
margin-top: 7px;
font-size: 0.72em;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--fmcm-accent-3, #b18959);
}
.fmcm-rb-place {
margin: 0 0 26px;
}
.fmcm-rb-place:last-child {
margin-bottom: 0;
}
.fmcm-rb-rank {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0 0 10px;
}
.fmcm-rb-rank i {
font-style: normal;
font-family: Georgia, "Times New Roman", serif;
font-size: 1em;
letter-spacing: 0.14em;
color: var(--fmcm-accent-3, #b18959);
}
.fmcm-rb-rank span {
font-size: 0.68em;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--fmcm-rb-muted);
} .fmcm-rb-video {
position: relative;
aspect-ratio: 16 / 9;
background: #101216;
overflow: hidden;
}
.fmcm-rb-play {
display: block;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.fmcm-rb-play img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.fmcm-rb-play-icon {
position: absolute;
left: 50%;
top: 50%;
width: 54px;
height: 54px;
margin: -27px 0 0 -27px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.55);
transition: background 0.15s ease, transform 0.15s ease;
}
.fmcm-rb-play-icon::after {
content: "";
position: absolute;
left: 21px;
top: 17px;
border-style: solid;
border-width: 10px 0 10px 16px;
border-color: transparent transparent transparent #fff;
}
.fmcm-rb-play:hover .fmcm-rb-play-icon {
background: var(--fmcm-accent-3, #b18959);
transform: scale(1.05);
}
.fmcm-rb-video.is-playing .fmcm-rb-play,
.fmcm-archive-teaser.is-playing .fmcm-archive-teaser-media {
background-color: #000;
}
.fmcm-rb-frame {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.fmcm-rb-name {
overflow-wrap: anywhere;
margin: 13px 0 0;
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-weight: 400;
font-size: 1.35em;
letter-spacing: 0.045em;
line-height: 1.25;
}
.fmcm-rb-name-lg {
font-size: 1.55em;
} .fmcm-rb-place-first .fmcm-rb-rank i {
font-size: 1.2em;
}
.fmcm-rb-place-first .fmcm-rb-rank span {
color: inherit;
}
.fmcm-rb-place-first {
margin-bottom: 34px;
}
.fmcm-rb-country {
margin: 5px 0 0;
text-align: center;
font-size: 0.72em;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fmcm-rb-muted);
}
.fmcm-rb-pop {
max-width: 520px;
margin: 46px auto 0;
}
.fmcm-rb-sub {
text-align: center;
font-weight: 600;
margin: 54px 0 22px;
}
.fmcm-rb-hon {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 22px;
max-width: 100%;
}
.fmcm-rb-hon .fmcm-rb-name {
font-size: 1.1em;
}
.fmcm-rb-reason {
margin: 8px 0 0;
text-align: center;
font-size: 0.82em;
line-height: 1.55;
font-style: italic;
opacity: 0.85;
} .fmcm-rb-list {
list-style: none;
margin: 0;
padding: 0;
}
.fmcm-rb-list li {
position: relative;
overflow-wrap: anywhere;
padding: 9px 62px;
border-bottom: 1px solid var(--fmcm-rb-soft);
text-align: center;
line-height: 1.4;
}
.fmcm-rb-list li:last-child {
border-bottom: 0;
}
.fmcm-rb-watch {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 0.62em;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
text-decoration: none;
color: var(--fmcm-accent-3, #b18959);
opacity: 0.75;
}
.fmcm-rb-watch:hover {
opacity: 1;
} .fmcm-rb-names {
text-align: center;
line-height: 2.05;
font-size: 0.95em;
}
.fmcm-rb-names span { white-space: nowrap;
max-width: 100%;
display: inline-block;
overflow-wrap: anywhere;
} .fmcm-rb-names {
margin-right: -16px;
}
.fmcm-rb-names span::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--fmcm-accent-3, #b18959);
margin: 0 12px 3px;
vertical-align: middle;
}
.fmcm-rb-names span:last-child::after {
display: none;
}
@media (max-width: 860px) {
.fmcm-rb-units {
grid-template-columns: 1fr;
gap: 38px;
}
.fmcm-rb-hon {
gap: 16px;
}
.fmcm-rb-list li {
padding: 9px 52px;
}
.fmcm-rb-tab {
padding: 12px 10px;
font-size: 0.72em;
letter-spacing: 0.1em;
}
} .fmcm-archive {
margin: 0 0 8px;
}
.fmcm-archive-edition {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fmcm-archive-edition:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.fmcm-archive-summary {
display: flex;
align-items: center;
gap: 16px;
padding: 20px 2px;
cursor: pointer;
list-style: none;
}
.fmcm-archive-summary::-webkit-details-marker {
display: none;
}
.fmcm-archive-label {
flex: 1 1 auto;
font-size: 1.15em;
font-weight: 600;
}
.fmcm-archive-edition[open] .fmcm-archive-label {
color: var(--fmcm-accent-3, #b18959);
}
.fmcm-archive-meta {
font-size: 0.78em;
color: #8b8b8b;
}
.fmcm-archive-sign {
flex: 0 0 22px;
width: 22px;
height: 22px;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.fmcm-archive-sign::before,
.fmcm-archive-sign::after {
content: "";
position: absolute;
background: var(--fmcm-accent-3, #b18959);
}
.fmcm-archive-sign::before {
left: 5px;
right: 5px;
top: 50%;
height: 1px;
margin-top: -0.5px;
}
.fmcm-archive-sign::after {
top: 5px;
bottom: 5px;
left: 50%;
width: 1px;
margin-left: -0.5px;
}
.fmcm-archive-edition[open] .fmcm-archive-sign::after {
display: none;
}
.fmcm-archive-body {
padding: 6px 0 46px;
}
@media (max-width: 520px) {
.fmcm-archive-summary {
flex-wrap: wrap;
gap: 5px 14px;
padding: 16px 2px;
}
.fmcm-archive-label {
flex: 1 1 auto;
font-size: 1.05em;
}
.fmcm-archive-meta {
flex: 1 1 100%;
order: 3;
}
} .fmcm-archive-teasers {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.fmcm-archive-teaser {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 2.85 / 1;
background: #111;
color: #fff;
text-decoration: none;
}
.fmcm-archive-teaser-media {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
}
.fmcm-archive-teaser-media .fmcm-archive-frame {
position: absolute; width: 100%;
height: 300%;
left: 0;
top: -100%;
border: 0;
pointer-events: none;
}
.fmcm-archive-teaser-shade {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.34);
pointer-events: none;
}
.fmcm-archive-teaser-label {
position: absolute;
inset: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 8px 12px;
font-size: 1.35em;
font-weight: 700;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
pointer-events: none;
}
@media (max-width: 860px) {
.fmcm-archive-teasers {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.fmcm-archive-teaser-label {
font-size: 1em;
}
} .fmcm-stats {
display: flex;
flex-wrap: wrap;
gap: 14px 46px;
}
.fmcm-stat {
display: flex;
flex-direction: column;
gap: 2px;
}
.fmcm-stat-value {
font-size: 2.3em;
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--fmcm-accent, #f2d354);
}
.fmcm-stat-label {
font-size: 0.82em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.75;
}  .fmcm-testimonials {
columns: 3;
column-gap: 22px;
}
.fmcm-testimonials-cols-1 { columns: 1; }
.fmcm-testimonials-cols-2 { columns: 2; }
.fmcm-testimonials-cols-4 { columns: 4; }
.fmcm-testimonial {
position: relative;
break-inside: avoid;
page-break-inside: avoid;
margin: 0 0 22px;
padding: 30px 24px 22px;
background: #fff;
border: 1px solid #e8e4dc;
border-radius: 4px;
}
.fmcm-testimonial-pinned {
border-color: var(--fmcm-accent-3, #b8892a);
box-shadow: 0 1px 0 var(--fmcm-accent-3, #b8892a) inset;
}
.fmcm-testimonial-quote {
position: relative;
margin: 0;
padding: 0;
border: 0;
font-size: 0.98em;
line-height: 1.65;
quotes: none;
}
.fmcm-testimonial-quote::before {
content: "\201C";
display: block;
font-family: Georgia, "Times New Roman", serif;
font-size: 2.6em;
line-height: 0.6;
color: var(--fmcm-accent-3, #b8892a);
margin: 0 0 10px;
}
.fmcm-testimonial-by {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0 0;
padding-top: 14px;
border-top: 1px solid #f0ece4;
}
.fmcm-testimonial-name {
font-weight: 700;
font-size: 0.88em;
}
.fmcm-testimonial-edition {
font-size: 0.7em;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 3px 9px;
border-radius: 999px;
background: #f7eddc;
color: #8a5e10;
}
@media (max-width: 860px) {
.fmcm-testimonials,
.fmcm-testimonials-cols-3,
.fmcm-testimonials-cols-4 { columns: 2; }
.fmcm-testimonials-cols-1 { columns: 1; }
}
@media (max-width: 600px) {
.fmcm-testimonials,
.fmcm-testimonials-cols-2,
.fmcm-testimonials-cols-3,
.fmcm-testimonials-cols-4 { columns: 1; }
} .fmcm-faq {
--fmcm-faq-line: #e6e6e6;
--fmcm-faq-mut: #8b8b8b;
max-width: 900px;
margin: 0 auto;
}
.fmcm-faq-h {
font-size: clamp(26px, 3.4vw, 36px);
font-weight: 600;
text-align: center;
margin: 0 0 10px;
letter-spacing: -0.01em;
}
.fmcm-faq-sub {
text-align: center;
color: var(--fmcm-faq-mut);
font-size: 15px;
line-height: 1.6;
margin: 0 auto 32px;
max-width: 60ch;
}
.fmcm-faq-tools {
display: none;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
margin: 0 0 34px;
}
.fmcm-faq--js .fmcm-faq-tools { display: flex; }
.fmcm-faq-search {
flex: 1 1 260px;
max-width: 360px;
position: relative;
}
.fmcm-faq-search input {
width: 100%;
padding: 11px 14px 11px 38px;
border: 1px solid var(--fmcm-faq-line);
border-radius: 999px;
font: inherit;
font-size: 14px;
line-height: 1.4;
outline: none;
background: #fff;
box-shadow: none;
}
.fmcm-faq-search input:focus {
border-color: var(--fmcm-faq-accent, #B18959);
box-shadow: none;
}
.fmcm-faq-search:before {
content: "";
position: absolute;
left: 15px;
top: 13px;
width: 11px;
height: 11px;
border: 2px solid var(--fmcm-faq-mut);
border-radius: 50%;
pointer-events: none;
}
.fmcm-faq-search:after {
content: "";
position: absolute;
left: 25px;
top: 24px;
width: 7px;
height: 2px;
background: var(--fmcm-faq-mut);
transform: rotate(45deg);
pointer-events: none;
} .fmcm-faq .fmcm-faq-chip,
.fmcm-faq .fmcm-faq-chip:hover,
.fmcm-faq .fmcm-faq-chip:focus {
border: 1px solid var(--fmcm-faq-line);
background: #fff;
border-radius: 999px;
padding: 9px 15px;
font: inherit;
font-size: 13px;
line-height: 1.3;
cursor: pointer;
color: #4c4c4c;
text-transform: none;
letter-spacing: normal;
box-shadow: none;
width: auto;
}
.fmcm-faq .fmcm-faq-chip:hover { border-color: var(--fmcm-faq-accent, #B18959); color: #1c1c1c; } .fmcm-faq .fmcm-faq-chip:hover,
.fmcm-faq .fmcm-faq-chip:focus {
background-color: #fff !important;
}
.fmcm-faq .fmcm-faq-chip.is-active,
.fmcm-faq .fmcm-faq-chip.is-active:hover,
.fmcm-faq .fmcm-faq-chip.is-active:focus {
background-color: #1c1c1c !important;
}
.fmcm-faq .fmcm-faq-q:hover,
.fmcm-faq .fmcm-faq-q:focus {
background-color: transparent !important;
}
.fmcm-faq .fmcm-faq-chip.is-active,
.fmcm-faq .fmcm-faq-chip.is-active:hover {
background: #1c1c1c;
border-color: #1c1c1c;
color: #fff;
}
.fmcm-faq-group { margin: 0 0 30px; }
.fmcm-faq-group[hidden] { display: none; }
.fmcm-faq-cat {
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--fmcm-faq-accent, #B18959);
margin: 0 0 6px;
padding-bottom: 9px;
border-bottom: 1px solid var(--fmcm-faq-line);
}
.fmcm-faq-item { border-bottom: 1px solid var(--fmcm-faq-line); }
.fmcm-faq-item[hidden] { display: none; }
.fmcm-faq .fmcm-faq-q,
.fmcm-faq .fmcm-faq-q:hover,
.fmcm-faq .fmcm-faq-q:focus {
display: flex;
align-items: flex-start;
gap: 16px;
width: 100%;
background: none;
border: 0;
border-radius: 0;
cursor: pointer;
font: inherit;
color: inherit;
text-align: left;
padding: 19px 2px;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
text-transform: none;
letter-spacing: normal;
box-shadow: none;
}
.fmcm-faq .fmcm-faq-q:hover { color: var(--fmcm-faq-accent, #B18959); }
.fmcm-faq-qt {
flex: 1;
min-width: 0; overflow-wrap: anywhere;
word-break: break-word;
}
.fmcm-faq-qt em {
display: block;
font-style: normal;
font-size: 13.5px;
font-weight: 400;
color: var(--fmcm-faq-mut);
margin-top: 4px;
}
.fmcm-faq-sign {
flex: 0 0 20px;
width: 20px;
height: 20px;
position: relative;
margin-top: 3px;
display: none;
}
.fmcm-faq--js .fmcm-faq-sign { display: block; }
.fmcm-faq-sign:before,
.fmcm-faq-sign:after {
content: "";
position: absolute;
background: var(--fmcm-faq-accent, #B18959);
transition: transform 0.18s ease;
}
.fmcm-faq-sign:before { left: 0; right: 0; top: 9px; height: 2px; }
.fmcm-faq-sign:after { top: 0; bottom: 0; left: 9px; width: 2px; }
.fmcm-faq-item.is-open .fmcm-faq-sign:after { transform: scaleY(0); }
.fmcm-faq-item.is-open .fmcm-faq-q { color: var(--fmcm-faq-accent, #B18959); }
.fmcm-faq-a {
padding: 0 44px 24px 2px;
overflow-wrap: anywhere;
word-break: break-word;
color: #4c4c4c;
line-height: 1.75;
font-size: 15.5px;
}
.fmcm-faq--js .fmcm-faq-a { display: none; }
.fmcm-faq--js .fmcm-faq-item.is-open .fmcm-faq-a { display: block; }
.fmcm-faq-a p { margin: 0 0 13px; }
.fmcm-faq-a p:last-child { margin-bottom: 0; }
.fmcm-faq-a a { color: var(--fmcm-faq-accent, #B18959); }
.fmcm-faq-empty {
display: none;
text-align: center;
color: var(--fmcm-faq-mut);
font-size: 14.5px;
padding: 36px 0;
} .fmcm-faq-films {
margin: 0 0 18px;
padding: 16px 18px; background: #fbf8f2; background: color-mix(in srgb, var(--fmcm-accent, var(--fmcm-faq-accent, #f2d354)) 11%, #fff);
border-left: 3px solid var(--fmcm-accent, var(--fmcm-faq-accent, #f2d354));
}
.fmcm-faq-films-h {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--fmcm-faq-accent, #B18959);
margin-bottom: 10px;
}
.fmcm-faq-film {
font-size: 15px;
color: #1c1c1c;
overflow-wrap: anywhere;
}
.fmcm-faq-film + .fmcm-faq-film { margin-top: 9px; }
.fmcm-faq-film a {
color: #1c1c1c;
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--fmcm-accent, var(--fmcm-faq-accent, #f2d354));
}
.fmcm-faq-film a:hover { color: var(--fmcm-faq-accent, #B18959); }
.fmcm-faq-film-line {
display: block;
color: var(--fmcm-faq-mut);
font-size: 14px;
margin-top: 2px;
}
@media (max-width: 820px) { .fmcm-faq-search {
flex: 0 0 100%;
max-width: 420px;
margin-bottom: 4px;
}
}
@media (max-width: 600px) {
.fmcm-faq .fmcm-faq-q { font-size: 16px; gap: 12px; }
.fmcm-faq-a { padding-right: 14px; }
.fmcm-faq .fmcm-faq-chip { padding: 8px 13px; font-size: 12.5px; }
.fmcm-faq-films { padding: 14px 15px; }
} .fmcm-prize-total { font-weight: 700; }
.fmcm-prize-total--tba { font-weight: 600; color: #6b6b6b; } .fmcm-next-contest-label { font-weight: 700; }
.fmcm-next-contest-when { display: block; color: #6b6b6b; }
.fmcm-next-contest-link { text-decoration: none; color: inherit; }