.copa-cm[data-v-copa-cm-counter] { --copa-blue: #1685ff; --copa-gold: #ffe253; position: relative; isolation: isolate; width: 100%; margin-top: 24px; padding: 24px 30px 20px; border: 2px solid #009dff; border-radius: 24px; color: #f5f8ff; background: radial-gradient(ellipse at 15% 55%, #0742ab66, transparent 50%), linear-gradient(125deg, #00184b, #041b50 60%, #03246d); box-shadow: inset 0 0 36px #066bff28, 0 12px 30px #163e7510; font-family: 'Nunito', 'Arial', sans-serif;
}
.copa-cm[data-v-copa-cm-counter]::before { content: ''; position: absolute; z-index: -1; inset: 0; border-radius: inherit; opacity: .32; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='250' viewBox='0 0 260 250'%3E%3Cg fill='none' stroke='%230b69e8' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='m28 12 6 18 19 1-15 12 5 18-15-11-16 11 5-18L2 31l19-1zM214 174l5 13 15 1-12 10 3 15-11-9-13 9 4-15-13-10 16-1zM108 148l-13 30 13-7-3 27 19-35-13 6zM193 15l-12 30 13-7-3 26 18-35-12 6zM70 75h41v26c0 15-9 23-20 23s-21-8-21-23zM70 80H59v12c0 11 5 17 16 18m36-30h11v12c0 11-5 17-16 18m-15 14v21m-14 0h28v9H77z'/%3E%3C/g%3E%3C/svg%3E");
}
.copa-cm button[data-v-copa-cm-counter] { font: inherit; cursor: pointer;
}
.copa-cm button[data-v-copa-cm-counter]:focus-visible { outline: 3px solid #69f3ff; outline-offset: 4px;
}
.copa-cm button[data-v-copa-cm-counter]:disabled { opacity: .38; cursor: not-allowed;
}
.copa-cm__header[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 4px 22px;
}
.copa-cm__brand[data-v-copa-cm-counter] { flex-shrink: 0; text-align: center; position: relative; padding: 0 26px;
}
.copa-cm__brand[data-v-copa-cm-counter]::before, .copa-cm__brand[data-v-copa-cm-counter]::after { content: ''; position: absolute; top: 66%; width: 27px; height: 6px; background: #23e7ff; border-radius: 6px; transform: rotate(48deg); box-shadow: 0 0 12px #12d8ff;
}
.copa-cm__brand[data-v-copa-cm-counter]::before { left: 0;
}.copa-cm__brand[data-v-copa-cm-counter]::after { right: 0; transform: rotate(-48deg);
}
.copa-cm__brand h2[data-v-copa-cm-counter] { margin: 0; color: #fff; font-size: clamp(46px, 5.8vw, 88px); font-weight: 1000; line-height: 1.05; letter-spacing: -3px; text-shadow: 2px 3px 0 #347aff, -1px -1px 0 #73acff, 0 0 18px #0969ff; -webkit-text-stroke: 1px #6bb2ff;
}
.copa-cm__brand p[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 3px 0 0; color: #45e5ff; font-size: 23px; font-weight: 900; line-height: 1.3; text-shadow: 0 0 9px #139aff80;
}
.copa-cm__brand p span[data-v-copa-cm-counter] { width: 40px; height: 3px; border-radius: 3px; background: #20d9ff;
}
.copa-cm__header-actions[data-v-copa-cm-counter] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: flex-end;
}
.copa-cm__participants[data-v-copa-cm-counter], .copa-cm__history-button[data-v-copa-cm-counter] { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 18px; min-height: 54px; border: 1.5px solid #456ca9; border-radius: 18px; font-size: 18px; font-weight: 800; white-space: nowrap; background: linear-gradient(145deg, #14428d80, #11336e60);
}
.copa-cm__participants .q-icon[data-v-copa-cm-counter], .copa-cm__history-button .q-icon[data-v-copa-cm-counter] { font-size: 28px;
}
.copa-cm__history-button[data-v-copa-cm-counter] { border: 2px solid #d6e7ff; box-shadow: inset 0 0 0 3px #2164d1; color: #fff; background: #052561;
}
.copa-cm__history-button[data-v-copa-cm-counter]:hover { background: #123f88;
}
.copa-cm__body[data-v-copa-cm-counter] { display: grid; grid-template-columns: minmax(0, .38fr) minmax(0, .62fr); gap: 10px;
}
.copa-cm__champion[data-v-copa-cm-counter] { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 10px 20px 16px; border: 1px solid #1686ff; border-radius: 20px; text-align: center; background: radial-gradient(ellipse at 50% 30%, #1575ff50, transparent 65%); overflow: hidden;
}
.copa-cm__leader-badge[data-v-copa-cm-counter] { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; margin-bottom: 4px; padding: 5px 20px; border: 4px solid #ffe16a; border-radius: 100px; color: #ffe252; background: linear-gradient(#494738, #142448); box-shadow: 0 0 15px #fdd5425c, inset 0 0 5px #fff6b2; font-size: 18px; line-height: 1.5; font-weight: 1000;
}
.copa-cm__crown[data-v-copa-cm-counter] { width: 27px; height: 27px; flex-shrink: 0;
}
.copa-cm__stage[data-v-copa-cm-counter] { position: relative; width: 100%; height: 278px; flex-shrink: 0;
}
.copa-cm__trophy[data-v-copa-cm-counter] { position: absolute; z-index: 3; bottom: 30px; left: 50%; transform: translateX(-50%); width: 256px; max-width: 83%; height: 256px; object-fit: contain;
}
.copa-cm__podium[data-v-copa-cm-counter] { position: absolute; left: 50%; transform: translateX(-50%); border: 2px solid #20c5ff; background: linear-gradient(180deg, #0a69ff, #0035c9); box-shadow: 0 0 26px #047dff, inset 0 7px 12px #26bfff;
}
.copa-cm__podium[data-v-copa-cm-counter]::before { content: ''; position: absolute; inset: -3px -2px auto; height: 30px; border-radius: 50%; background: radial-gradient(ellipse, #1287ff, #034edf 65%, #44ecff); border: 2px solid #10bdff;
}
.copa-cm__podium--bottom[data-v-copa-cm-counter] { bottom: 0; width: 86%; height: 54px; border-radius: 50% / 27%;
}
.copa-cm__podium--top[data-v-copa-cm-counter] { bottom: 24px; z-index: 2; width: 70%; height: 44px; border-radius: 50% / 32%;
}
.copa-cm__spark[data-v-copa-cm-counter] { position: absolute; z-index: 4; color: #ffe03d; font-size: 31px; text-shadow: 0 0 8px #ffc917;
}
.copa-cm__spark--one[data-v-copa-cm-counter] { left: 8%; top: 40%;
}.copa-cm__spark--two[data-v-copa-cm-counter] { left: 5%; top: 67%;
}.copa-cm__spark--three[data-v-copa-cm-counter] { right: 8%; top: 40%;
}.copa-cm__spark--four[data-v-copa-cm-counter] { right: 5%; top: 67%;
}
.copa-cm__champion-avatar[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; margin-top: 9px; border: 3px solid #3cf1ff; border-radius: 50%; background: radial-gradient(circle at 30% 20%, #268fff, #0060fa); box-shadow: 0 0 16px #0876fd; font-weight: 1000; font-size: 32px;
}
.copa-cm__champion-name[data-v-copa-cm-counter] { font-weight: 1000; font-size: 32px; line-height: 1.2; overflow-wrap: anywhere; margin: 8px 0 0;
}
.copa-cm__champion-count[data-v-copa-cm-counter] { display: block; font-weight: 1000; font-size: clamp(64px, 6.5vw, 98px); line-height: .98; color: #ffda38; text-shadow: 0 0 17px #ffcc3680, 2px 3px 0 #b47609; -webkit-text-stroke: 1px #fff0a4; margin: 4px 0; overflow-wrap: anywhere; max-width: 100%;
}
.copa-cm__champion-caption[data-v-copa-cm-counter] { display: block; font-size: 19px; letter-spacing: 4px; font-weight: 900;
}
.copa-cm__waiting h3[data-v-copa-cm-counter] { margin: 15px 0 4px; font-size: 23px; font-weight: 900; line-height: 1.2;
}.copa-cm__waiting p[data-v-copa-cm-counter] { margin: 0 0 14px; color: #bcd7ff; font-size: 14px;
}
.copa-cm__ranking[data-v-copa-cm-counter] { min-width: 0; display: flex; flex-direction: column; padding: 16px 12px 20px; border: 1px solid #2055a0; border-radius: 20px; background: #00143b52;
}
.copa-cm__ranking h3[data-v-copa-cm-counter] { margin: 0 10px 14px; font-size: 34px; line-height: 1.3; font-weight: 1000;
}
.copa-cm__columns[data-v-copa-cm-counter] { display: grid; grid-template-columns: 1fr 196px 54px; gap: 12px; padding: 3px 14px 12px 75px; font-size: 14px; color: #a3bde4; text-align: center;
}
.copa-cm__columns span[data-v-copa-cm-counter]:first-child { text-align: left;
}
.copa-cm__list[data-v-copa-cm-counter] { list-style: none; padding: 0; margin: 0;
}
.copa-cm__row[data-v-copa-cm-counter] { display: grid; grid-template-columns: 52px 62px minmax(0, 1fr) 196px 52px; align-items: center; gap: 10px; min-height: 84px; margin-bottom: 9px; padding: 10px 14px; border: 1px solid #184987; border-radius: 15px; background: linear-gradient(115deg, #082452b3, #0217469c);
}
.copa-cm__row--leader[data-v-copa-cm-counter] { border: 2px solid #ffe130; padding: 9px 13px; box-shadow: inset 0 0 20px #f0c81812; background: linear-gradient(105deg, #71612265, #092454 28%, #14243d);
}
.copa-cm__rank[data-v-copa-cm-counter] { font-size: 35px; font-weight: 1000; font-style: italic; color: #b4ccef; line-height: 1;
}
.copa-cm__row--leader .copa-cm__rank[data-v-copa-cm-counter] { color: #ffe253; text-shadow: 0 0 15px #e0c044;
}
.copa-cm__avatar[data-v-copa-cm-counter] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: radial-gradient(circle at 30% 20%, #ffffff20, #ffffff00 50%), var(--avatar-color); box-shadow: inset 0 1px 4px #ffffff2b; font-size: 26px; font-weight: 1000;
}
.copa-cm__user[data-v-copa-cm-counter] { min-width: 0; display: flex; gap: 8px; align-items: center; font-size: 18px; line-height: 1.25; overflow-wrap: anywhere;
}.copa-cm__user strong[data-v-copa-cm-counter] { font-weight: 800;
}.copa-cm__user img[data-v-copa-cm-counter] { object-fit: contain; flex-shrink: 0;
}
.copa-cm__controls[data-v-copa-cm-counter] { display: grid; grid-template-columns: 48px minmax(44px, 1fr) 52px; align-items: center; gap: 8px;
}
.copa-cm__control[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1.5px solid #83a8d7; border-radius: 10px; background: linear-gradient(145deg, #163b6f, #091f47); color: #f5f8ff; box-shadow: inset 0 0 4px #849fea40; transition: background .15s, transform .15s;
}
.copa-cm__control .q-icon[data-v-copa-cm-counter] { font-size: 30px;
}
.copa-cm__control[data-v-copa-cm-counter]:hover:not(:disabled) { transform: translateY(-2px); background: #1f5598;
}
.copa-cm__control--plus[data-v-copa-cm-counter] { width: 52px; height: 50px; border-color: #287fff; background: linear-gradient(145deg, #158dff, #2469ff); box-shadow: 0 4px 10px #00133860, inset 0 1px 3px #a2d8ff50;
}
.copa-cm__control--plus .q-icon[data-v-copa-cm-counter] { font-size: 36px;
}
.copa-cm__control--edit[data-v-copa-cm-counter] { justify-self: end;
}
.copa-cm__score[data-v-copa-cm-counter] { text-align: center; font-size: 34px; font-weight: 1000; font-variant-numeric: tabular-nums; line-height: 1;
}
.copa-cm__score.copa-cm__score--long[data-v-copa-cm-counter] { font-size: 22px;
}
.copa-cm__score.copa-cm__score--longest[data-v-copa-cm-counter] { font-size: 16px;
}
.copa-cm__footer[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: auto 10px 0; padding-top: 20px; border-top: 1px solid #4775b9; font-size: 14px;
}
.copa-cm__list[data-v-copa-cm-counter] { padding-bottom: 25px;
}.copa-cm__footer > span[data-v-copa-cm-counter]:first-child { display: inline-flex; align-items: center; gap: 12px;
}.copa-cm__footer .q-icon[data-v-copa-cm-counter] { font-size: 28px;
}
.copa-cm__error[data-v-copa-cm-counter] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border: 1px solid #e9b975; background: #443417; color: #fff1d9; padding: 12px 16px; border-radius: 12px; margin-bottom: 18px;
}.copa-cm__error button[data-v-copa-cm-counter] { border: 1px solid #e9b975; border-radius: 8px; padding: 8px 12px; color: #fff; background: transparent;
}
.copa-cm__loading[data-v-copa-cm-counter] { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 250px; font-size: 18px;
}.copa-cm__empty[data-v-copa-cm-counter] { padding: 25px; color: #b4ccef;
}
.copa-cm__sr-only[data-v-copa-cm-counter] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.copa-cm-dialog[data-v-copa-cm-counter] { width: 440px; max-width: calc(100vw - 32px); border-radius: 20px; color: #09214c;
}.copa-cm-dialog h3[data-v-copa-cm-counter] { font-size: 22px; font-weight: 900; line-height: 1.3; margin: 0;
}.copa-cm-dialog__hint[data-v-copa-cm-counter] { color: #536982; font-size: 13px;
}.copa-cm-dialog--history[data-v-copa-cm-counter] { width: 580px;
}.copa-cm-history[data-v-copa-cm-counter] { list-style: none; padding: 0; margin: 0;
}.copa-cm-history li[data-v-copa-cm-counter] { padding: 14px 0; border-bottom: 1px solid #e2eafa;
}.copa-cm-history li > div[data-v-copa-cm-counter] { display: flex; gap: 16px; justify-content: space-between;
}.copa-cm-history li > div span[data-v-copa-cm-counter] { font-weight: 900; white-space: nowrap; color: #2568ed;
}.copa-cm-history p[data-v-copa-cm-counter] { margin: 5px 0 0; font-size: 12px; color: #596c86;
}
.copa-cm__row--celebrate[data-v-copa-cm-counter] { animation: copa-row-flash-data-v-copa-cm-counter .8s ease-out;
}.copa-cm__champion--celebrate .copa-cm__stage[data-v-copa-cm-counter] { animation: copa-stage-flash-data-v-copa-cm-counter .8s ease-out;
}
@keyframes copa-row-flash-data-v-copa-cm-counter {
30% { box-shadow: 0 0 25px #28baff, inset 0 0 20px #228dff80;
}
}
@keyframes copa-stage-flash-data-v-copa-cm-counter {
35% { filter: drop-shadow(0 0 12px #ffdf31);
}
}
.copa-cm[data-v-copa-cm-counter] { margin-top: 20px;
}
.copa-cm[data-v-copa-cm-counter]::before { opacity: .19;
}
.copa-cm__header[data-v-copa-cm-counter] { margin-bottom: 18px;
}
.copa-cm__brand h2[data-v-copa-cm-counter] { font-family: 'Arial Black', 'Nunito', sans-serif; font-weight: 900; line-height: .9; text-shadow: 2px 3px 0 #347aff, -1px -1px 0 #73acff, 0 0 10px #0969ff;
}
.copa-cm__brand p[data-v-copa-cm-counter] { line-height: 1.1;
}
.copa-cm__stage[data-v-copa-cm-counter] { height: 264px;
}
.copa-cm__trophy[data-v-copa-cm-counter] { width: 244px; height: 244px;
}
.copa-cm__champion-avatar[data-v-copa-cm-counter] { width: 78px; height: 78px;
}
.copa-cm__champion-count[data-v-copa-cm-counter] { font-size: 92px; line-height: .9;
}
.copa-cm__champion-caption[data-v-copa-cm-counter] { line-height: 1.2;
}
.copa-cm__champion-name[data-v-copa-cm-counter] { line-height: 1.15;
}
.copa-cm__leader-badge[data-v-copa-cm-counter] { font-size: 16px; line-height: 1.4;
}
.copa-cm button.copa-cm__history-button[data-v-copa-cm-counter] { font-size: 18px; font-weight: 800;
}
@media (max-width: 1250px) {
.copa-cm[data-v-copa-cm-counter] { padding: 22px 18px 18px;
}.copa-cm__header[data-v-copa-cm-counter] { align-items: center;
}.copa-cm__brand[data-v-copa-cm-counter] { padding: 0 18px;
}.copa-cm__brand h2[data-v-copa-cm-counter] { font-size: 65px;
}.copa-cm__brand p[data-v-copa-cm-counter] { font-size: 19px;
}.copa-cm__participants[data-v-copa-cm-counter], .copa-cm__history-button[data-v-copa-cm-counter] { font-size: 15px; padding: 10px 13px; gap: 8px;
}.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 34px 44px minmax(0, 1fr) 158px 44px; gap: 8px; padding: 10px;
}.copa-cm__row--leader[data-v-copa-cm-counter] { padding: 9px;
}.copa-cm__avatar[data-v-copa-cm-counter] { width: 44px; height: 44px; font-size: 21px;
}.copa-cm__rank[data-v-copa-cm-counter] { font-size: 28px;
}.copa-cm__user[data-v-copa-cm-counter] { font-size: 16px;
}.copa-cm__controls[data-v-copa-cm-counter] { grid-template-columns: 40px minmax(40px, 1fr) 44px; gap: 5px;
}.copa-cm__control[data-v-copa-cm-counter] { width: 40px; height: 44px;
}.copa-cm__control--plus[data-v-copa-cm-counter] { width: 44px;
}.copa-cm__score[data-v-copa-cm-counter] { font-size: 28px;
}.copa-cm__columns[data-v-copa-cm-counter] { grid-template-columns: 1fr 158px 44px; padding-left: 54px; gap: 8px;
}.copa-cm__ranking h3[data-v-copa-cm-counter] { font-size: 28px;
}.copa-cm__leader-badge[data-v-copa-cm-counter] { font-size: 14px; padding: 5px 12px;
}.copa-cm__champion-name[data-v-copa-cm-counter] { font-size: 27px;
}
}
@media (max-width: 1000px) {
.copa-cm__header[data-v-copa-cm-counter] { flex-wrap: wrap;
}.copa-cm__header-actions[data-v-copa-cm-counter] { margin-left: auto;
}.copa-cm__body[data-v-copa-cm-counter] { grid-template-columns: minmax(0, .36fr) minmax(0, .64fr);
}.copa-cm__champion[data-v-copa-cm-counter] { padding: 12px 10px;
}.copa-cm__stage[data-v-copa-cm-counter] { height: 245px;
}.copa-cm__trophy[data-v-copa-cm-counter] { height: 220px;
}.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 26px 36px minmax(0, 1fr) 143px 40px; gap: 6px; padding: 10px 8px;
}.copa-cm__row--leader[data-v-copa-cm-counter] { padding: 9px 7px;
}.copa-cm__avatar[data-v-copa-cm-counter] { width: 36px; height: 36px; font-size: 18px;
}.copa-cm__rank[data-v-copa-cm-counter] { font-size: 24px;
}.copa-cm__user[data-v-copa-cm-counter] { font-size: 14px; gap: 4px;
}.copa-cm__user img[data-v-copa-cm-counter] { width: 20px;
}.copa-cm__controls[data-v-copa-cm-counter] { grid-template-columns: 36px minmax(40px, 1fr) 40px;
}.copa-cm__control[data-v-copa-cm-counter] { width: 36px;
}.copa-cm__columns[data-v-copa-cm-counter] { grid-template-columns: 1fr 143px 40px; padding-left: 36px; font-size: 12px;
}.copa-cm__leader-badge[data-v-copa-cm-counter] { font-size: 12px; gap: 4px;
}.copa-cm__footer[data-v-copa-cm-counter] { font-size: 12px;
}.copa-cm__champion-name[data-v-copa-cm-counter] { font-size: 23px;
}
}
@media (max-width: 760px) {
.copa-cm[data-v-copa-cm-counter] { padding: 22px 12px 14px; border-radius: 20px;
}.copa-cm__header[data-v-copa-cm-counter] { justify-content: center; margin-bottom: 20px; gap: 20px;
}.copa-cm__brand h2[data-v-copa-cm-counter] { font-size: clamp(48px, 11vw, 68px);
}.copa-cm__brand p[data-v-copa-cm-counter] { font-size: 17px; gap: 10px;
}.copa-cm__brand p span[data-v-copa-cm-counter] { width: 25px;
}.copa-cm__header-actions[data-v-copa-cm-counter] { justify-content: center; margin: 0; gap: 10px;
}.copa-cm__participants[data-v-copa-cm-counter], .copa-cm__history-button[data-v-copa-cm-counter] { min-height: 46px; border-radius: 14px; font-size: 14px;
}.copa-cm__body[data-v-copa-cm-counter] { grid-template-columns: minmax(0, 1fr); gap: 14px;
}.copa-cm__champion[data-v-copa-cm-counter] { padding: 16px;
}.copa-cm__leader-badge[data-v-copa-cm-counter] { font-size: 16px;
}.copa-cm__stage[data-v-copa-cm-counter] { max-width: 330px; height: 252px;
}.copa-cm__trophy[data-v-copa-cm-counter] { width: 244px; height: 244px;
}.copa-cm__champion-avatar[data-v-copa-cm-counter] { width: 64px; height: 64px; font-size: 26px;
}.copa-cm__champion-name[data-v-copa-cm-counter] { font-size: 27px;
}.copa-cm__champion-count[data-v-copa-cm-counter] { font-size: 74px;
}.copa-cm__champion-caption[data-v-copa-cm-counter] { font-size: 14px;
}.copa-cm__ranking[data-v-copa-cm-counter] { padding: 16px 9px;
}.copa-cm__ranking h3[data-v-copa-cm-counter] { font-size: 26px; margin: 0 3px 16px;
}.copa-cm__columns[data-v-copa-cm-counter] { display: none;
}.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 25px 40px minmax(0, 1fr) 44px; column-gap: 8px; row-gap: 12px; padding: 12px 10px;
}.copa-cm__row--leader[data-v-copa-cm-counter] { padding: 11px 9px;
}.copa-cm__avatar[data-v-copa-cm-counter] { width: 40px; height: 40px;
}.copa-cm__user[data-v-copa-cm-counter] { font-size: 17px;
}.copa-cm__controls[data-v-copa-cm-counter] { grid-column: 2 / 4; grid-row: 2; grid-template-columns: 44px minmax(48px, 1fr) 44px;
}.copa-cm__control[data-v-copa-cm-counter] { width: 44px; height: 44px;
}.copa-cm__control--edit[data-v-copa-cm-counter] { grid-column: 4; grid-row: 2;
}.copa-cm__score[data-v-copa-cm-counter] { font-size: 32px;
}.copa-cm__rank[data-v-copa-cm-counter] { font-size: 26px;
}.copa-cm__footer[data-v-copa-cm-counter] { margin: 4px 3px 0; font-size: 13px; padding-top: 16px;
}.copa-cm__list[data-v-copa-cm-counter] { padding-bottom: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.copa-cm *[data-v-copa-cm-counter], .copa-cm *[data-v-copa-cm-counter]::before, .copa-cm *[data-v-copa-cm-counter]::after { animation: none !important; transition: none !important;
}
}
.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 52px 62px minmax(0, 1fr) 196px;
}
.copa-cm__columns[data-v-copa-cm-counter] { grid-template-columns: 1fr 196px;
}
.copa-cm__footer[data-v-copa-cm-counter] { justify-content: flex-end;
}
.copa-cm__avatar[data-v-copa-cm-counter], .copa-cm__champion-avatar[data-v-copa-cm-counter] { position: relative; flex-shrink: 0; overflow: hidden;
}
.copa-cm__avatar img[data-v-copa-cm-counter], .copa-cm__champion-avatar img[data-v-copa-cm-counter] { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover;
}
.copa-cm button.copa-cm__avatar-button[data-v-copa-cm-counter] { color: #fff; padding: 0; font: inherit; font-size: 26px; font-weight: 1000; cursor: pointer;
}
.copa-cm button.copa-cm__avatar[data-v-copa-cm-counter] { border: 0;
}
.copa-cm button.copa-cm__champion-avatar[data-v-copa-cm-counter] { font-size: 32px;
}
.copa-cm__avatar-camera[data-v-copa-cm-counter] { position: absolute; inset: auto 0 0; height: 19px; display: flex; align-items: center; justify-content: center; background: #042451b3; opacity: .65;
}
.copa-cm__avatar-camera .q-icon[data-v-copa-cm-counter] { font-size: 13px;
}
.copa-cm__avatar-button:hover .copa-cm__avatar-camera[data-v-copa-cm-counter], .copa-cm__avatar-button:focus-visible .copa-cm__avatar-camera[data-v-copa-cm-counter] { opacity: 1;
}
.copa-cm__file-input[data-v-copa-cm-counter] { display: none;
}
.copa-cm__photo-status[data-v-copa-cm-counter] { margin: 12px 0 0; color: #d6e7ff; text-align: right;
}
.copa-cm button.copa-cm__participants[data-v-copa-cm-counter] { color: #f5f8ff; cursor: pointer;
}
.copa-cm__participants .copa-cm__manage-icon[data-v-copa-cm-counter] { font-size: 20px;
}
.copa-cm-dialog--participants[data-v-copa-cm-counter] { width: 510px;
}
.copa-cm__management-list[data-v-copa-cm-counter] { list-style: none; margin: 0; padding: 0;
}
.copa-cm__management-list li[data-v-copa-cm-counter] { display: flex; gap: 12px; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #e2eafa;
}
.copa-cm__management-list li > span[data-v-copa-cm-counter] { min-width: 0; overflow-wrap: anywhere;
}
.copa-cm__management-list small[data-v-copa-cm-counter] { display: block; color: #637595; margin-top: 3px;
}
@media (max-width: 1250px) {
.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 34px 44px minmax(0, 1fr) 158px;
}.copa-cm__columns[data-v-copa-cm-counter] { grid-template-columns: 1fr 158px;
}.copa-cm button.copa-cm__avatar[data-v-copa-cm-counter] { font-size: 21px;
}
}
@media (max-width: 1000px) {
.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 26px 36px minmax(0, 1fr) 143px;
}.copa-cm__columns[data-v-copa-cm-counter] { grid-template-columns: 1fr 143px;
}.copa-cm button.copa-cm__avatar[data-v-copa-cm-counter] { font-size: 18px;
}
}
@media (max-width: 760px) {
.copa-cm__row[data-v-copa-cm-counter] { grid-template-columns: 25px 44px minmax(0, 1fr);
}.copa-cm__avatar[data-v-copa-cm-counter] { width: 44px; height: 44px;
}.copa-cm__controls[data-v-copa-cm-counter] { grid-column: 2 / -1;
}.copa-cm button.copa-cm__champion-avatar[data-v-copa-cm-counter] { font-size: 26px;
}
}

.copa-cm-page[data-v-copa-cm-page] { padding: 28px 32px 42px; background: #f4f7fc;
}
.copa-cm-page > .copa-cm[data-v-copa-cm-page] { max-width: 1450px; margin: 0 auto;
}
@media (max-width: 760px) {
.copa-cm-page[data-v-copa-cm-page] { padding: 16px 10px 28px;
}
}

.admin-sidebar-nav a.sidebar-copa-cm { display: flex; align-items: center; gap: 10px; margin: 10px 10px 0; padding: 10px 12px; border-radius: 9px; color: #0864f5; background: #e5f1ff; font-weight: 800; }
.sidebar-copa-cm img { object-fit: contain; }
.admin-sidebar-nav a.sidebar-copa-cm:hover, .admin-sidebar-nav a.sidebar-copa-cm.router-link-exact-active { background: #cfe5ff; }