/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ chm-software.com ░░░░░│ └────────────────────────────┘ */ /* nunito-200 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 200; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-200italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 200; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 300; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-regular - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 600; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 700; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 800; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 900; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* days-one-regular - latin */@font-face { font-family: 'Days One'; font-style: normal; font-weight: 400; font-display: swap; src: url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff2') format('woff2'), url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff') format('woff');} :root {--themeColor-red: #ff4545;--themeColor-orange: #ff8a18;--themeColor-yellow: #ffcc00;--themeColor-green: #89ff00;--themeColor-blue: #00b0ff;--themeColor-violet: #d969ff;--themeColor-pink: #ff4997;--themeColor-battle: #ffcc00;--themeColor-battle-inverse: #0033ff;--themeColor-battle-contrast: #00ccff;--primaryColor: #fff;--cursor: url('../res/icon/cursor.png') 24 21;--header-height: 15rem;}[data-theme="red"] {--primaryColor: var(--themeColor-red);--cursor: url('../res/icon/cursor_red.png') 24 21;}[data-theme="orange"] {--primaryColor: var(--themeColor-orange);--cursor: url('../res/icon/cursor_orange.png') 24 21;}[data-theme="default"],[data-theme="yellow"] {--primaryColor: var(--themeColor-yellow);--cursor: url('../res/icon/cursor_yellow.png') 24 21;}[data-theme="green"] {--primaryColor: var(--themeColor-green);--cursor: url('../res/icon/cursor_green.png') 24 21;}[data-theme="blue"] {--primaryColor: var(--themeColor-blue);--cursor: url('../res/icon/cursor_blue.png') 24 21;}[data-theme="violet"] {--primaryColor: var(--themeColor-violet);--cursor: url('../res/icon/cursor_violet.png') 24 21;}[data-theme="pink"] {--primaryColor: var(--themeColor-pink);--cursor: url('../res/icon/cursor_pink.png') 24 21;}[data-theme="white"] {--primaryColor: #fff;--cursor: url('../res/icon/cursor.png') 24 21;}[data-battle-mode="yes"] {--primaryColor: var(--themeColor-battle);--cursor: url('../res/icon/cursor_blue.png') 24 21;}*:not(input),*:not(input):before,*:not(input):after {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;touch-action: manipulation;}*,*:before,*:after {box-sizing: border-box;background-repeat: no-repeat;background-position: center center;background-size: contain;cursor: default;cursor: var(--cursor), default !important;}*:not(.fa):not(.fas):not(.far) {font-weight: normal;font-family: 'Nunito', cursive;}html, body {padding:0;margin:0;height:100%;width:100%;overflow:hidden;line-height:inherit;position: relative;color:#dedede;background-color: #282828;}.svgNumber {display: inline-block;height: 1em;width: auto;margin: 0 calc(1em / 20);border: none;outline: none;}.svgNumber:first-child {margin-left: 0;}.svgNumber:last-child {margin-right: 0;} .long-click-progress > * {position: relative;z-index:2;}.long-click-progress:before {content: '';z-index: 1;position: absolute;left:0;top:0;width: 100%;height:100%;background-color: rgba(150,0,0,1);transform-origin:left center;animation: slide-in 1.2s ease-in 1;}.long-click-progress.long-click-complete:before {animation: none;transform: scaleX(1);} @keyframes chmButtonActive {0% {background-color: rgba(255, 0, 0, 0.5);}50% {background-color: rgba(255, 0, 0, 0.5);}51% {background-color: rgba(255, 204, 0, 0.5);}100% {background-color: rgba(255, 204, 0, 0.5);}} @keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}} @keyframes rotate-translate-x {0% {transform: translateX(-50%) rotate(0);}100% {transform: translateX(-50%) rotate(360deg);}} @keyframes rotate-translate-xy {0% {transform: translate(-50%, -50%) rotate(0);}100% {transform: translate(-50%, -50%) rotate(360deg);}} @keyframes rotate-translate-y {0% {transform: translateY(-50%) rotate(0);}100% {transform: translateY(-50%) rotate(360deg);}} @keyframes slide-in {0% {transform: scaleX(0);}100% {transform: scaleX(1);}} @keyframes slide-out {0% {transform: scaleX(1);}100% {transform: scaleX(0);}} #infoOverlay {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: center;left: 0;top:0;right: 0;bottom: 0;font-size: 2rem;text-align: center;padding:0 2rem;background-color: #121212;z-index:99999;}#infoOverlay > * {display: inline-block;margin-top: 1rem;}#infoOverlay > div > i { /*icon*/font-size: 3rem;color: #444;}#infoOverlay > div > div {padding-top:1rem;color: #eee;}@media(min-aspect-ratio: 2/1) {#infoOverlay {z-index:999999;}} .modal {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:888888;/*background-color: rgba(0,0,0,0.1);*/}.modal-content {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: 90%;height: auto;background-color: #000;border-radius: 1rem;}.modal-content-title {position: relative;text-align: center;color: var(--primaryColor);transition: color 1s;font-size: 3rem;font-weight: 700 !important;padding:2rem;}.modal-content-title.no-title {padding:0;padding-top:2rem;}.modal-content-text {position: relative;height:auto;max-height: 60vh;overflow: auto;margin: 0 2rem;font-size: 2.5rem;text-align: center;color: #ccc;}.modal.full-size .modal-content-text {height: 60vh;}.modal-content-text-padding {padding: 2rem 0;}.modal-content-buttons {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 2rem;}.button {position: relative;display: inline-flex;color: #000;font-size: 3rem;line-height: 1;text-align: center;background-color: #aaa;align-items: center;justify-content: center;height:7rem;clip-path: polygon(2rem 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 2rem 100%, 0% 50%);padding: 0 4rem;}.button.is-primary {background-color: var(--primaryColor);transition: background-color 1s;}.modal-content-buttons .button {margin-bottom: 2rem;min-width: 200px;}@media(orientation: landscape) {.modal-content-buttons {flex-direction: row;}.modal-content-buttons .button {margin-left: 1rem;margin-right: 1rem;}}.modal-content-checkboxes {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 2rem;}.checkbox {position: relative;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;/* color: #000; */font-size: 3rem;line-height: 1;/* background-color: #aaa; */height:7rem;padding: 0;}.checkbox-icon {display: inline-flex;align-items: center;justify-content: center;--size: 7rem;width: var(--size);min-width: var(--size);max-width: var(--size);min-height: var(--size);min-height: var(--size);min-height: var(--size);border: 0.3rem solid var(--primaryColor);background-color: #000;border-radius: 100%;margin-right: 2rem;font-size: calc(0.6* var(--size));perspective: var(--size);border-radius: 100%;background-color: #000;transition: background-color 0.4s;}.checkbox-icon i {color: #000;line-height: 1;padding-top: 0.1em;transition: all 0.4s;opacity: 0;transform: rotateY(90deg);}.checkbox[data-checked="yes"] .checkbox-icon {background-color: var(--primaryColor);}.checkbox[data-checked="yes"] .checkbox-icon i {opacity: 1;transform: rotateY(0deg);}.modal-content-checkboxes .checkbox {margin-bottom: 2rem;}.modal-input {position: relative;width: 100%;border: none !important;outline: none !important;background-color: #aaa !important;color: #000 !important;font-size: 3rem;line-height: 1;height: 7rem;padding: 1rem 3rem;/*border-radius: 2rem;*/clip-path: polygon(2rem 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 2rem 100%, 0% 50%);}.modal-input:active,.modal-input:hover,.modal-input:focus {background-color: #ddd !important;}::-moz-selection {color: var(--primaryColor);transition: color 1s;background: #000;}::selection {color: var(--primaryColor);transition: color 1s;background: #000;}.modal-input-container {padding: 1rem 0;} .modal-content-text .selection {position: relative;height: 100%;background-color: rgba(0,0,0,0.2);/*margin:0 1rem;*/}.modal-content-text .selection:before,.modal-content-text .selection:after {content: '';position: absolute;left:0;width: 100%;height: 5rem;z-index: 20;pointer-events: none;}.modal-content-text .selection:before {top:0;background: linear-gradient(to top, rgba(0,0,0,0) 0%, #333 90%);}.modal-content-text .selection:after {bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #333 90%);}.modal-content-text .selection-list {position: absolute;left:0;top:1px;width: 100%;height: calc(100% - 2px);overflow: auto;z-index: 10;padding-top: 5rem;padding-bottom: 5rem;}.modal-content-text .selection-list-item {position: relative;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;min-height: 8rem;padding: 0 1rem;border-bottom: 1px solid rgba(255,255,255,0.1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;}.modal-content-text .selection-list-item:last-child {border-bottom: none;}.modal-content-text .selection-list-item.has-buttons {padding-right: calc((1.15 * 6rem) + 1rem);}.modal-content-text .selection-list-item.has-buttons[data-buttons-count="2"] {padding-right: calc((1.5 * (1.15 * 6rem)) + 1rem);}.modal-content-text .selection.large-font .selection-list-item {font-size: 5rem;}.modal-content-text .selection.centered .selection-list-item {justify-content: center;font-size: 4rem;}.modal-content-text .selection.centered .selection-list-item.has-buttons {padding-left: calc((1.15 * 6rem) + 1rem);}.modal-content-text .selection-list-item-icon {display: inline-block;width: 6rem;height: 6rem;background-size: cover;border-radius: 100%;margin-right: 2rem;}.modal-content-text .selection-list-item-text {display: inline-block;text-align: left;max-width: calc(100% - 7rem);white-space: normal;word-wrap: break-word;}.modal-content-text .selection.centered .selection-list-item-text {text-align: center;}.modal-content-text .selection-list-item-buttons .selection-list-item-button {position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: calc(1.15 * 6rem);height: 6rem;color: var(--primaryColor);font-size: 2rem;background-color: rgba(255,255,255,0.2);clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}.modal-content-text .selection-list-item.has-buttons[data-buttons-count="2"] .selection-list-item-button:first-child {right: calc((0.5 * 1.15 * 6rem) + 1px);padding-right: 1rem;clip-path: polygon(25% 0%,75% 0%,75% 100%,25% 100%,0% 50%);}.modal-content-text .selection-list-item.has-buttons[data-buttons-count="2"] .selection-list-item-button:last-child {right: 0;padding-left: 1rem;clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%);} .modal-content-text .stats-container {display: block;text-align: left;height: 57.5rem;width: 100%;/*min-width: 21rem;*/}.modal-content-text .stats {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.modal-content-text .stats-title {position: absolute;left:0;top:0;height:8rem;width:100%;display: flex;align-items: center;justify-content: space-between;}.modal-content-text .stats-title-player {position: relative;display: inline-block;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;width:calc(100% - 9.5rem);padding-left:9.5rem;font-size: 2rem;color: #fff;}.modal-content-text .stats-title-player-first,.modal-content-text .stats-title-player-last {display: inline-block;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;line-height: 1;}.modal-content-text .stats-title-player-first {font-weight:700 !important;}.modal-content-text .stats-title-player-last {color:#ccc;}.modal-content-text .stats-title-player.has-nickname .stats-title-player-first {font-size: 140%;}.modal-content-text .stats-title-player.has-nickname .stats-title-player-last {font-size: 60%;}.modal-content-text .stats-title-close {position: relative;display: inline-flex;align-items: center;justify-content: center;font-size: 4rem;color:#f55;width: 9.2rem;height: 8rem;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);margin-left: 0.5rem;background-color: rgba(255,255,255,0.3);}.modal-content-text .stats-player {position: absolute;left: 0rem;top: 0rem;width: 8rem;height: 8rem;border-radius: 100%;overflow: hidden;background-size: cover;}.modal-content-text .stats-tabs {position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;left:0;width:100%;padding-left: 9rem;padding-right: 1.5rem;height: 7rem;top:10.5rem;}.modal-content-text .stats-tabs-tab {position: relative;display: inline-flex;flex-direction: row;flex-grow: 1;align-items: center;justify-content: center;width: auto;min-width: 6rem;height: 7rem;font-size: 2.5rem;border-radius: 1rem 1rem 0 0;margin-left: 0.5rem;background-color: rgba(255,255,255,0.1);color: #fff;}.modal-content-text .stats-tabs-tab.active {background-color: #333;color: var(--primaryColor);transition: color 1s;}.modal-content-text .stats-tabs-tab i {display: inline-flex;width: 1em;height: 1em;align-items: center;justify-content: center;}.modal-content-text .stats-view {position: absolute;display: flex;align-items: center;justify-content: center;left:8rem;top:17.5rem;right:0;bottom:0;background-color: #333;color: #000;font-size: 10rem;border-radius: 1rem;}.modal-content-text .stats-selects {position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;left:0;width:8rem;height: 37.5rem;top:18.5rem;}.modal-content-text .stats-selects-select {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 8rem;height: 7rem;margin-top: 0.5rem;border-radius: 1rem 0 0 1rem;background-color: rgba(255,255,255,0.1);background-size: auto 66%;}.modal-content-text .stats-selects-select.active {background-color: #333;color: var(--primaryColor);transition: color 1s;} .modal-content-text .text-editor-field:not(:first-child) {margin-top: 2rem;} :root {--table-header-height: 10rem;--table-game-height: 21rem;}.table {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: auto;z-index:200;}.table.updating:before {content: '';position: absolute;z-index: 666666;left: 0;top: var(--table-header-height);right: 0;bottom: 0;background-color: rgba(0,0,0,0.8);}.table.updating:after {content: '';position: absolute;z-index: 777777;left: 50%;top:calc(50% + (0.5 * var(--table-header-height)) );transform: translate(-50%, -50%);width: 10rem;height:10rem;background-image: url(../res/icon/loader.svg) !important;animation: rotate-translate-xy 2s linear infinite;}.table[data-theme="red"].updating:after {background-image: url(../res/icon/loader_red.svg) !important;}.table[data-theme="orange"].updating:after {background-image: url(../res/icon/loader_orange.svg) !important;}.table[data-theme="default"].updating:after,.table[data-theme="yellow"].updating:after {background-image: url(../res/icon/loader_yellow.svg) !important;}.table[data-theme="green"].updating:after {background-image: url(../res/icon/loader_green.svg) !important;}.table[data-theme="blue"].updating:after {background-image: url(../res/icon/loader_blue.svg) !important;}.table[data-theme="violet"].updating:after {background-image: url(../res/icon/loader_violet.svg) !important;}.table[data-theme="pink"].updating:after {background-image: url(../res/icon/loader_pink.svg) !important;}.table[data-battle-mode="yes"].updating:after {background-image: url(../res/icon/loader_yellow.svg) !important;}.table > * {z-index:2;}.table-title {position: absolute;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;left: var(--table-header-height);right: var(--table-header-height);top:0;height: var(--table-header-height);padding:0;}.table-title-title,.table-title-subtitle {text-align: center;width: 100%;max-width:100%;min-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;height: auto;}.table-title-title {color: var(--primaryColor);font-size: 3rem;transition: color 1s;}.table-title-subtitle {padding-top:0.5rem;color:#eee;font-size: 2rem;}.table-icon {position: absolute;right: 2.75rem;top: 2rem;width: 6rem;height: 6rem;background-size: cover;border-radius: 100%;}[data-mode="app"] .table-icon {right: 1rem;}.table-close {position: absolute;display: flex;align-items: center;justify-content: center;left: 0;top: 0;width: var(--table-header-height);height: var(--table-header-height);color: #fff;font-size: 4rem;padding-left: 1.5rem;}[data-mode="app"] .table-close {justify-content: flex-start;padding-left: 2rem;}.table-elements {position: absolute;left: 0;width: 100%;top: var(--table-header-height);bottom: 0;background-color: transparent;}body[data-mode="app"] .table-elements {bottom: var(--footer-height);}.table-game {position: absolute;left:0;width: 100%;font-size: 1rem;height:var(--table-game-height);top: 0;overflow: hidden;z-index: 5;background: rgba(0,0,0,0.9);}[data-battle-mode="yes"] .table-game {background: linear-gradient(to bottom, var(--themeColor-battle-contrast) 0%, var(--themeColor-battle-contrast) 3.5rem, rgba(0, 0, 0, 0.9) 3.5rem, rgba(0, 0, 0, 0.9) 100%);}.table-game-icon {position: absolute;display: inline-block;top:-2rem;left: 50%;transform: translateX(-50%);width: 10rem;height: 10rem;background-size: cover;border-radius: 100%;z-index:10;}.table-game-target,.table-game-break {position: absolute;display: flex;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);width: 11.5rem;height: 5rem;line-height: 1;font-size: 2.3rem;z-index:10;}.table-game-target i,.table-game-break i {font-size: 2rem;}.table-game-target {top:14rem;background-color: rgba(128, 128, 128, 0.5);color:#fff;clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);}[data-battle-mode="yes"] .table-game-target {background-color: var(--themeColor-battle-contrast);color: #000;}.table-game-break {top:9rem;background-color: rgba(102, 102, 102, 0.5);color: var(--primaryColor);transition: color 1s;clip-path: polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%);}.table-player {position: absolute;font-size: 1rem;width:calc(50% - 6.5rem);height:19rem;top:0;z-index:10;}.table-player[data-player="0"] {left:0;}.table-player[data-player="1"] {right:0;}.table-player-fouls {position: absolute;top: 6rem;height: 8rem;width: 4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 3rem;color: #f00;}.table-player.has-sub-player .table-player-fouls {top: 1.5rem;}.table-player[data-player="0"] .table-player-fouls {left:11.5rem;align-items: flex-start;}.table-player[data-player="1"] .table-player-fouls {right:11.5rem;align-items: flex-end;}.table-player.has-sub-player[data-player="0"] .table-player-fouls {left:17rem;}.table-player.has-sub-player[data-player="1"] .table-player-fouls {right:17rem;}.table-player-fouls > * {opacity: 0;transition: opacity 0.5s;}.table-player-fouls[data-fouls="1"] > *:last-child,.table-player-fouls[data-fouls="2"] > *:last-child {opacity: 1;}.table-player-fouls[data-fouls="2"] > *:first-child {opacity: 1;}.table-player-avatar,.table-subPlayer-avatar {position: absolute;display: inline-block;background-size: cover;border-radius: 100%;z-index:10;background-color: rgba(255, 255, 255, 0.1);}.table-player-avatar {top:6rem;width: 8rem;height: 8rem;}.table-subPlayer-avatar {top: 2rem;width: 6.75rem;height: 6.75rem;}.table-player[data-player="0"] .table-subPlayer-avatar {left: 8.5rem;border-radius: 0 999rem 999rem 0;}.table-player[data-player="1"] .table-subPlayer-avatar {right: 8.5rem;border-radius: 999rem 0 0 999rem;}.table-player:not(.has-sub-player) .table-subPlayer-avatar {display: none !important;}.table-player[data-player="0"] .table-player-avatar {left:1.75rem;}.table-player[data-player="1"] .table-player-avatar {right:1.75rem;}.table-player.has-sub-player .table-player-avatar {top: 2rem;width: 6.75rem;height: 6.75rem;}.table-player.has-sub-player[data-player="0"] .table-player-avatar {border-radius: 999rem 0 0 999rem;}.table-player.has-sub-player[data-player="1"] .table-player-avatar {border-radius: 0 999rem 999rem 0;}[data-battle-mode="yes"] .table-player.has-sub-player .table-player-avatar,[data-battle-mode="yes"] .table-player.has-sub-player .table-subPlayer-avatar {top: 5rem;}.table-player-stats {position: absolute;display: inline-flex;align-items: center;justify-content: center;top:0;width: 11.5rem;height: 5rem;clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);/*background-size: cover;*//*border-radius: 100%;*/background-color: rgba(102, 102, 102, 0.50);font-size:2rem;color: #f80;transform-origin: center top;transition: transform 0.5s;}.table-player[data-player="0"] .table-player-stats {left:0rem;transform: scaleY(0);}.table-player[data-player="1"] .table-player-stats {right: 0rem;transform: scaleY(0);}.table-player[data-player="0"].has-stats:not(.has-sub-player) .table-player-stats {transform: scaleY(1);}.table-player[data-player="1"].has-stats:not(.has-sub-player) .table-player-stats {transform: scaleY(1);}.table-player-name {position: absolute;display: inline-block;top: 15rem;height:4rem;width: calc(100% - 1.75rem);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.75rem;}.table-player[data-player="0"] .table-player-name {left: 1.75rem;}.table-player[data-player="1"] .table-player-name {right: 1.75rem;}.table-player-team-name {position: absolute;display: inline-block;top: 0;height: 3.5rem;color: #000;padding-top: 1rem;width: calc(100% - 1.75rem);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.75rem;}.table-player[data-player="0"] .table-player-team-name {left: 1.75rem;text-align: left;}.table-player[data-player="1"] .table-player-team-name {right: 1.75rem;text-align: right;}.table.player:not(.has-teamName) .table-player-team-name {display: none !important;}.table-player.has-sub-player .table-player-name {top: 9.75rem;height: 10rem;}[data-battle-mode="yes"] .table-player.has-sub-player .table-player-name {top: 13rem;}.table-player-name-first,.table-player-name-last,.table-subPlayer-name-first,.table-subPlayer-name-last {display: inline-block;max-width: 100%;font-size: 100%;height: 2rem;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;}.table-player[data-player="0"] .table-player-name > div {text-align: left;}.table-player[data-player="1"] .table-player-name > div {text-align: right;}.table-player-name-first,.table-subPlayer-name-first {font-weight: 700 !important;}.table-player-name-last,.table-subPlayer-name-last {color: #999999;}.table-player.has-nickname:not(.has-sub-player) .table-player-name-first {font-size: 140%;}.table-player.has-nickname:not(.has-sub-player) .table-player-name-last {font-size: 60%;}[data-battle-mode="yes"] .table-player-name-last,[data-battle-mode="yes"] .table-subPlayer-name-last {display: none !important;}.table-controls {position: absolute;left:0;width:100%;bottom:0;top:var(--table-game-height);background-color: transparent;overflow: auto;z-index: 9;}.table-points {position: absolute;font-size: 1rem;width: calc(50vw - 3.5rem);height:34rem;top: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.table-points[data-player="0"] {left: 25%;transform: translate(-50%, -50%);}.table-points[data-player="1"] {right: 25%;transform: translate(50%, -50%);}.table-points-plus,.table-points-minus,.table-points-value {position: relative;display: inline-flex;align-items: center;justify-content: center;}.table-points-value {color:#eee;font-size: 8rem;line-height: 0.5;/*left:0;*//*top: 50%;*//*transform: translateY(-50%);*/height:14rem;min-height: 14rem;width:100%;}.table-points.waiting-for-update .table-points-value {opacity: 0.3;}.table-points-plus,.table-points-minus {color: var(--primaryColor);transition: color 1s;font-size: 4rem;width: 11.5rem;height:10rem;background-color: #555;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}.table-points-plus {/*left:0;*//*top:0;*/}.table-points-minus {/*left:0;*//*bottom:0;*/}.table-floating-reset {position: fixed;display: flex;align-items: center;justify-content: center;left: 50%;top: calc(50% + (0.5 * var(--table-header-height)) + (0.5 * var(--table-game-height)) - (0.5 * var(--footer-height)));transform: translate(-50%, -50%) rotate(180deg);width: 15rem;height: calc(15rem / 1.15);background-color: var(--primaryColor);color: #000;/* background-color: rgba(255, 255, 255, 0.5); */z-index: 555555;clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);transition: all 0.4s, background-color 1s;opacity: 0;pointer-events: none;}[data-mode="game14"] .table-floating-reset {top: calc(50% + (0.5 * var(--table-header-height)) + (0.5 * var(--table-game-height)) - (0.5 * var(--footer-height)) - 1rem);}[data-mode="gameCarom"] .table-floating-reset {top: calc(var(--table-header-height) + var(--table-game-height) + 16rem);}[data-mode="gameSnooker"] .table-floating-reset {top: calc(var(--table-header-height) + var(--table-game-height) + 14rem);}.table.hasFloatingReset:not([data-select-breaking-player="yes"]) .table-floating-reset {opacity: 1;pointer-events: all;transform: translate(-50%, -50%) rotate(0deg);}.table-floating-reset svg {width: 7rem;height: auto;}.table-player[data-player="0"]:after {content: '';position: absolute;bottom: -2.5rem;height: 1rem;background-color: var(--primaryColor);border-radius: 1rem;width: 100%;left: 0;transform: translateX(calc(50% + 1.5rem + 5rem)) scaleX(0);transition: transform 0.75s, background-color 1s;}.table:not(.hasFloatingReset)[data-active-player="1"] .table-player[data-player="0"]:after {transform: translateX(1.75rem) scaleX(1);}.table:not(.hasFloatingReset)[data-active-player="2"] .table-player[data-player="0"]:after {transform: translateX(calc(100% + 13rem - 1.75rem)) scaleX(1);}.table-breaking-player {position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: space-around;top: var(--table-game-height);left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.7);color: #fff;font-size: 4rem;z-index: 10;opacity: 0;pointer-events: none;transition: opacity 0.4s;}.table[data-select-breaking-player="yes"] .table-breaking-player {opacity: 1;pointer-events: all;}.table-breaking-player-select {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;font-size: 3rem;transform: translateY(-14rem);width: 15rem;height: calc(15rem / 1.15);background-color: var(--primaryColor);color: #000;z-index: 555555;clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);}.table-breaking-player-select span {font-weight: bold !important;} .game14-points {position: absolute;left:0;top: 0;width: 100%;font-size: 1rem;height:6rem;background-color: rgba(0,0,0,0.9);z-index:50;}.game14-points-value {position: absolute;font-size: 4.25rem;line-height: 1;height: 100%;color: #fff;display: inline-flex;width: calc(50% - 5.75rem - 1.75rem);align-items: flex-start;justify-content: center;/*transform: translateX(-50%);*/}.game14-points-value[data-player-points="0"] {left: 1.75rem;}/*.game14-points-value[data-player-points="0"]:after {transform-origin: 100% 50%;}*/.game14-points-value[data-player-points="1"] {right: 1.75rem;}/*.game14-points-value[data-player-points="1"]:after {transform-origin: 0% 50%;}*/.game14-controls-balls {position: absolute;z-index:20;display: flex;align-items: center;justify-content: center;top:6rem;padding-top: 2.5rem;left:50%;transform: translateX(-50%);font-size: 1rem;width: 100%;bottom: 14rem;overflow: auto;text-align: center;/*max-width: 100vw;*//*max-height: 100vw;*/}.game14-balls {position: relative;display: inline-block;width: 44rem;min-width: 44rem;max-width: 44rem;height: 38.8rem;min-height: 38.8rem;max-height: 38.8rem;margin-left: 0.75rem;margin-top: 0.75rem;}.game14-balls-ball-container {position: relative;display: inline-flex;width: calc(25% - 1.25rem);height:calc(25% - 1.25rem);align-items: center;justify-content: center;margin-bottom: 1rem;margin-right: 1rem;}.game14-controls-buttons {position: absolute;display: flex;align-items: center;justify-content: space-between;bottom:2rem;font-size: 4rem;left:0;width: 100%;height:10rem;padding: 0 1.75rem;}.game14-buttons-button {display: inline-flex;width: 8.7rem;height: 10rem;background-size: 3rem 3rem;background-color: rgba(77, 77, 77, 0.5);color: var(--primaryColor);transition: color 1s;clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);align-items: center;justify-content: center;font-size: 3rem;max-width: calc((100vw - 3.5rem) / 7.5);max-height: calc(1.15 * (100vw - 3.5rem) / 7.5);}.game14-buttons-button.disabled {opacity: 0.1;}.game14-buttons-button:not(.disabled).active {background-color: rgba(255, 0, 0, 0.5);animation: chmButtonActive 0.9s linear infinite;}.game14-buttons-button.placeholder {opacity: 0;}.chmButton14 {position: absolute;left:50%;top:0;height: 100%;width: 100%;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);transform: translateX(-50%);display: flex;align-items: center;justify-content: center;background-color: rgba(77, 77, 77, 0.5);color: #b3b3b3;font-size: 3rem;padding-top: 5%;line-height: 1;}.chmButton14 .chmButton14_Line {position: absolute;left: 0;right: 0;height: 5%;background-color: #b3b3b3;bottom: 0;}.chmButton14 .chmButton14_Line.striped:before, .chmButton14 .chmButton14_Line.striped:after {content: '';position: absolute;top: 0;width: 35%;height: 100%;background-color: #b3b3b3;}.chmButton14 .chmButton14_Line.striped:before {left: 0;}.chmButton14 .chmButton14_Line.striped:after {right: 0;}.chmButton14.active {background-color: rgba(255, 0, 0, 0.5);animation: chmButtonActive 0.9s linear infinite;}.chmButton14.disabled {opacity: 0.1;}.table[data-mode="game14"] .table-player[data-player="0"]:after {bottom: -8.5rem;} .gameCarom-points {position: absolute;left:0;top: 0;width: 100%;font-size: 1rem;height:6rem;background-color: rgba(0,0,0,0.9);z-index:50;}.gameCarom-points-value {position: absolute;font-size: 4.25rem;line-height: 1;height: 100%;color: #fff;display: inline-flex;width: calc(50% - 5.75rem - 1.75rem);align-items: flex-start;justify-content: center;}.gameCarom-points-value[data-player-points="0"] {left: 1.75rem;}.gameCarom-points-value[data-player-points="1"] {right: 1.75rem;}.gameCarom-controls { display: flex; flex-direction: column; align-items: center; justify-content: space-around;position: absolute;left: 0;top: 10rem;bottom: 10rem;width: 100%;}.gameCarom-controls-group { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;width: 100%;}.gameCarom-controls-points { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 36rem;padding: 1rem 0;}.gameCarom-controls-take { position: relative; display: flex; flex-direction: row; align-items: center;justify-content: space-between;width: 100%;height: 10rem;border: 2px solid #555;border-left: none;border-right: none;}.gameCarom-controls-take .table-take {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;color: #fff;font-size: 4.25rem;line-height: 1;width: calc(50% - 5.75rem - 1.75rem);opacity: 0.5;transition: color 0.5s;}.gameCarom-controls-take .table-take[data-player-take="0"] {margin-left: 1.75rem;}.gameCarom-controls-take .table-take[data-player-take="1"] {margin-right: 1.75rem;}.table[data-mode="gameCarom"][data-active-player="1"] .gameCarom-controls-take .table-take[data-player-take="0"],.table[data-mode="gameCarom"][data-active-player="2"] .gameCarom-controls-take .table-take[data-player-take="1"] {opacity: 1;color: var(--primaryColor);}.gameCarom-controls-take .table-take.waiting-for-update {opacity: 0.3 !important;}.gameCarom-button-points { width: 10rem; height: 11.5rem; display: flex; flex-direction: row; align-items: center; justify-content: center;color: var(--primaryColor);transition: color 1s;font-size: 3rem;background-color: #555;clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.gameCarom-button-points:nth-child(2) {font-size: 4rem;}.gameCarom-button-points[data-direction="up"] {clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%); padding-top: 2rem;}.gameCarom-button-points[data-direction="down"] {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%); padding-bottom: 2rem;}.gameCarom-controls-buttons { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 48rem;padding: 1rem 0;}.gameCarom-controls-buttons.centered { justify-content: center;}.gameCarom-buttons-button { width: 10rem; height: 11.5rem; display: flex; flex-direction: row; align-items: center; justify-content: center;color: var(--primaryColor);transition: color 1s;font-size: 3rem;background-color: #555;clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.gameCarom-buttons-button.disabled {opacity: 0.1; pointer-events: none;}.gameCarom-buttons-button.primary {background-color: var(--primaryColor);color: #000;}.table[data-mode="gameCarom"] .table-player[data-player="0"]:after {bottom: -8.5rem;} .gameSnooker-points {position: absolute;left:0;top: 0;width: 100%;font-size: 1rem;height:6rem;background-color: rgba(0,0,0,0.9);z-index:50;}.gameSnooker-points-value {position: absolute;font-size: 4.25rem;line-height: 1;height: 100%;color: #fff;display: inline-flex;width: calc(50% - 5.75rem - 1.75rem);align-items: flex-start;justify-content: center;}.gameSnooker-points-value[data-player-points="0"] {left: 1.75rem;}.gameSnooker-points-value[data-player-points="1"] {right: 1.75rem;}.gameSnooker-takes {position: absolute;left:0;top: 6rem;width: 100%;font-size: 1rem;height: 8rem;background-color: rgba(0,0,0,0.9);z-index:49;}.gameSnooker-takes-value {position: absolute;font-size: 4.25rem;line-height: 1;height: 100%;color: #fff;display: inline-flex;width: calc(50% - 5.75rem - 1.75rem);align-items: center;justify-content: center;opacity: 0.5;transition: color 0.5s;}.gameSnooker-takes-value[data-player-take="0"] {left: 1.75rem;}.gameSnooker-takes-value[data-player-take="1"] {right: 1.75rem;}.table[data-mode="gameSnooker"][data-active-player="1"] .gameSnooker-takes-value[data-player-take="0"],.table[data-mode="gameSnooker"][data-active-player="2"] .gameSnooker-takes-value[data-player-take="1"] {opacity: 1;color: var(--primaryColor);}.gameSnooker-takes-value.waiting-for-update {opacity: 0.3 !important;}.gameSnooker-controls { display: flex; flex-direction: column; align-items: center; justify-content: space-around;position: absolute;left: 0;top: 15rem;bottom: 3rem;width: 100%;}.gameSnooker-controls-points { position: relative; display: block;width: 36rem; height: 27rem;padding: 1rem 0;}.gameSnooker-button-points { width: 10rem; height: 10rem; border-radius: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;color: #fff;transition: color 1s;font-size: 3rem;background-color: #555; position: absolute; left: 50%; top: 50%; margin-left: -5rem; margin-top: -5rem;}.gameSnooker-button-points[data-value="1"] { transform: translate(-59%, -100%);background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="2"] { transform: translate(59%, -100%);background: linear-gradient(to bottom, rgba(255,255,0,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="3"] { transform: translate(117%, 0%);background: linear-gradient(to bottom, rgba(0,150,0,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="4"] { transform: translate(59%, 100%);background: linear-gradient(to bottom, rgba(200,100,0,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="5"] { transform: translate(-59%, 100%);background: linear-gradient(to bottom, rgba(0,0,200,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="6"] { transform: translate(-117%, 0%);background: linear-gradient(to bottom, rgba(255,0,150,1) 0%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points[data-value="7"] { transform: translate(0, 0);background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);}.gameSnooker-button-points.disabled { pointer-events: none; opacity: 0.1;}.gameSnooker-controls-buttons { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 48rem;padding: 1rem 0;}.gameSnooker-buttons-button { width: 10rem; height: 11.5rem; display: flex; flex-direction: row; align-items: center; justify-content: center;color: var(--primaryColor);transition: color 1s;font-size: 3rem;background-color: #555;clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.gameSnooker-buttons-button.active {background-color: rgba(255, 0, 0, 0.5);animation: chmButtonActive 0.9s linear infinite;}.gameSnooker-buttons-button.disabled {opacity: 0.1; pointer-events: none;}.gameSnooker-buttons-button.bold { font-size: 4rem; font-weight: bold !important;}.gameSnooker-buttons-button.primary {background-color: var(--primaryColor);color: #000;}.table[data-mode="gameSnooker"] .table-player[data-player="0"]:after {bottom: -16.5rem;} .table-list {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: auto;padding-bottom: 16rem;padding-top: var(--header-height);z-index:100;}.table-list-add {position: fixed;display: flex;align-items: center;justify-content: center;left:50%;bottom:8rem;width:11.5rem;height: 10rem;font-size: 4rem;transform: translateX(-50%);/*border-radius: 100%;*/clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: rgba(0,0,0,0.75);color:#fff;background-color: #fff;color:#000;}.table-list-fullscreen,.table-list-editName {position: fixed;display: flex;align-items: center;justify-content: center;bottom:8rem;width:10rem;height: 10rem;font-size: 4rem;color:#000;text-shadow: 1px 1px rgba(255,255,255,0.05);color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.05);}.table-list-fullscreen {right:calc(50% + 10rem);}.table-list-editName {left:calc(50% + 10rem);}[data-mode="app"] .table-list-fullscreen,[data-mode="app"] .table-list-editName,[data-mode="app"] .table-list-add {display: none !important;}[data-mode="app"] .table-list {padding-bottom: 0;}.table-list-empty {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: center;left: 0;top:5%;/*transform: translateY(-50%);*/width: 100%;height: auto;font-size: 2rem;text-align: center;padding:0 8rem;}.table-list-empty > * {display: inline-block;margin-top: 2rem;}.table-list-empty > i { /*icon*/font-size: 8rem;color: #eee;}.table-list-empty-title {color: #fff;margin-top:1rem;}.table-list-empty-text {color: #888;}.table-list-title {position: fixed;left: 0;top: 0;right: 0;height: var(--header-height);padding: 0 2.5rem;background-color: #000;color: #fff;overflow: hidden;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;z-index: 999;/* border-bottom: 0.5rem solid #fff; */}.table-list-title-text {font-size: 4rem;font-weight: normal !important;font-family: 'Days One' !important;}.table-list-reload {/* TODO implement reload function and enable button */display: none !important;position: absolute;display: inline-flex;align-items: center;justify-content: center;line-height: 1;color: #0cf;right: 0;top: 0;width: var(--header-height);height: var(--header-height);font-size: 5.7rem;}.table-list:not(.is-empty) .table-list-empty,.table-list.is-empty .table-list-title {display: none;}.table-list-item {position: relative;margin:2.5rem;/* border-radius: 1rem; *//*padding:1.5rem 2.75rem;*/padding: 1.5rem;padding-bottom: 2rem;clip-path: polygon(calc(0.25 * 1.15 * 2 * 3rem) 0,100% 0,100% calc(100% - 3rem),calc(100% - (0.25 * 1.15 * 2 * 3rem)) 100%,0 100%,0 3rem);/*background-color: rgba(70, 70, 70, 0.9);*//*background-color: rgba(0,0,0, 1);*//*box-shadow: 0 0 0.5rem var(--primaryColor);*//*transition: box-shadow 1s;*//*background-color: var(--primaryColor);*//*transition: background-color 1s;*/background-color: #333;overflow: hidden;height:13rem;/*clip-path: polygon(3.75rem 0%, calc(100% - 3.75rem) 0%, 100% 50%, calc(100% - 3.75rem) 100%, 3.75rem 100%, 0% 50%);*/display: flex;align-items: center;justify-content: flex-start;}.table-list-item * {position: relative;z-index: 10;pointer-events: none;}.table-list-item:before {content: '';/*background-color: var(--primaryColor);*//*border: 2px solid var(--primaryColor);*/border-bottom: 0.5rem solid var(--primaryColor);transition: border 1s;position: absolute;z-index: 1;left: 0;top: 0;right: 0;bottom: 0;/*border-radius:1rem;*/}.table-list-item.inactive > *,.table-list-item.inactive:before {opacity: 0.3;}.table-list-item.updating {/*opacity: 0.7;*/}.table-list-item-content {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: calc(100% - 11.5rem);min-width: calc(100% - 11.5rem);max-width: calc(100% - 11.5rem);margin-left: 1.5rem;}.table-list-item-title {font-size: 3rem;line-height: 1.3;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--primaryColor);transition: color 1s;/*color: #000;*/width: 100%;min-width: 100%;max-width: 100%;}.table-list-item-subtitle {font-size: 2rem;line-height: 1.1;/*padding-top: 0.5rem;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#ddd;/*color: #444;*/width: 100%;min-width: 100%;max-width: 100%;}.table-list-item-icon {position: relative;width: 10rem;min-width: 10rem;height:10rem;min-height: 10rem;background-size: cover;border-radius: 100%;background-color: rgba(0,0,0,0.25);}.table-list-item.updating .table-list-item-icon {background-image: url(../res/icon/loader.svg) !important;animation: rotate 2s linear infinite;}.table-list-item[data-theme="red"].updating .table-list-item-icon {background-image: url(../res/icon/loader_red.svg) !important;}.table-list-item[data-theme="orange"].updating .table-list-item-icon {background-image: url(../res/icon/loader_orange.svg) !important;}.table-list-item[data-theme="default"].updating .table-list-item-icon,.table-list-item[data-theme="yellow"].updating .table-list-item-icon {background-image: url(../res/icon/loader_yellow.svg) !important;}.table-list-item[data-theme="green"].updating .table-list-item-icon {background-image: url(../res/icon/loader_green.svg) !important;}.table-list-item[data-theme="blue"].updating .table-list-item-icon {background-image: url(../res/icon/loader_blue.svg) !important;}.table-list-item[data-theme="violet"].updating .table-list-item-icon {background-image: url(../res/icon/loader_violet.svg) !important;}.table-list-item[data-theme="pink"].updating .table-list-item-icon {background-image: url(../res/icon/loader_pink.svg) !important;}.table-list-item[data-battle-mode="yes"].updating .table-list-item-icon {background-image: url(../res/icon/loader_yellow.svg) !important;}.table-list-item.updating .table-list-item-icon {opacity: 1;}.table-list-item.inactive:not(.updating) .table-list-item-icon {opacity: 0.2;} :root {--footer-height: 5rem;}body[data-mode="app"] {--footer-height: 0rem;}body:not([data-mode="app"]) .show-app,body[data-mode="app"] .hide-app {display: none !important;}#ui {position: absolute;left: 0;top: 0;width: 100%;bottom: var(--footer-height);overflow: hidden;color:#dedede;}#ui.disconnected {/*overflow: hidden;*/}#ui.disconnected:before {content:'Connecting...';color: #fff;position: fixed;font-size: 4vw;display: flex;align-items: center;justify-content: center;left:0;top:0;right:0;bottom:0;background-color: rgba(0,0,0,0.85);z-index:999998;}#ui.disconnected:after {content:'';position: fixed;left:50%;width:5rem;height:5rem;bottom: 4rem;z-index:999999;background-image: url(../res/icon/loader_red.svg) !important;animation: rotate-translate-x 2s linear infinite;}#uiOverlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index:888888;background-color: rgba(255, 255, 255, 0.9);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0));}#uiOverlay.table-only {top: var(--table-header-height);bottom: var(--footer-height);}#remoteName {position: fixed;display: flex;align-items: center;justify-content: space-between;bottom:0;left: 0;width:100%;height: var(--footer-height);font-size: 2rem;color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.1);padding: 0 2rem;}body[data-mode="app"] #remoteName {display: none;}.remoteName {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100vw - 12rem - 4rem - 1rem);}.scoretrekLogo {background-image: url('/res/images/scoretrek_wordmark_oneline.svg');background-position: right center;background-size: contain;background-repeat: no-repeat;height: var(--footer-height);width: calc( (12/5) * var(--footer-height) );}[data-mode="app"] .remoteName,[data-mode="app"] .scoretrekLogo {display: none !important;pointer-events: none !important;} .qrCodeScannerContainer {position: fixed;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index:777777;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.9);}.qrCodeScannerContainer > * {margin: 1rem;}.qrCodeScanner {position: relative;/*left:50%;*//*top:10%;*/width:80vmin;height:80vmin;/*transform: translateX(-50%);*/ /* scale(0.5, 0.5);*//*display: flex;*//*align-items: center;*//*justify-content: center;*/background-color: #000;transition: background-color 1s;z-index: 777778;}.qrCodeScanner.loading {background-color: rgba(255,255,255,0.2);}.qrCodeScanner.loading:before {content: '';position: absolute;left: 50%;top: 50%;width:5rem;height:5rem;background-image: url(../res/icon/loader.svg) !important;animation: rotate-translate-xy 2s linear infinite;}.qrCodeScanner.loading .qrCodeVideoStream {opacity: 0;}.qrCodeVideoStream {position: absolute;left:50%;top:50%;width:100%;height:auto;transform: translate(-50%, -50%);transition: opacity 1s;opacity: 1;}.qrCodeScannerButtons {display: flex;align-items: center;justify-content: center;flex-direction: row;width: calc(80vmin + 5.75rem);max-width: 90%;z-index: 777779;}.qrCodeScannerButtons.top {justify-content: flex-end;}.qrCodeScannerButtons.bottom {justify-content: center;}.qrCodeScannerButtons .button {width: 11.5rem;height: 10rem;min-width: 11.5rem;min-height: 10rem;display: inline-flex;font-size: 4rem;line-height: 1;align-items: center;justify-content: center;margin:0;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: var(--primaryColor);transition: color 1s;}@media(orientation: landscape) {.qrCodeScannerContainer {flex-direction: row-reverse;}.qrCodeScannerButtons {display: flex;align-items: center;flex-direction: column;width: auto;max-width: none;height: calc(80vmin + 5.75rem);max-height: 90%;}.qrCodeScannerButtons.top {justify-content: flex-start;}}