@font-face {
    font-family: "Suits";
    src: url("https://cdn.pokernow.com/ce23d3dd9c4fbbf2eb8f-Suits.woff") format("woff");
}

.su {
    line-height: 1;
}

.su:before {
    font-family: Suits !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
}

.su-clubs:before {
    content: "\0xF0C7";
}

.su-diamonds:before {
    content: "\0xF14A";
}

.su-spades:before {
    content: "\0xF04B";
}

.su-hearts:before {
    content: "\0xF040";
}

@font-face {
    font-family: "Utils";
    src: url("727747ba1f5615ec9eb3-Utils.woff") format("woff");
}

.u {
    line-height: 1;
}

.u:before {
    font-family: Utils !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
}

.u-up:before {
    content: "\0xF0C7";
}

.u-down:before {
    content: "\0xF14A";
}

.u-config:before {
    content: "\0xF040";
}

.u-fullscreen:before {
    content: "\0xF0B2";
}

.u-times-circle:before {
    content: "\0xF057";
}

.u-commenting:before {
    content: "\0xF27B";
}

.u-key:before {
    content: "\0xF084";
}

.u-trophy:before {
    content: "\0xF091";
}

.u-refresh:before {
    content: "\0xF021";
}

.u-up-rotate-arrow:before {
    content: "\0xF2CB";
}

.u-down-rotate-arrow:before {
    content: "\0xF2DE";
}

.u-male:before {
    content: "\0xF183";
}

.u-seat:before {
    content: "\0xF195";
}

.u-volume-up:before {
    content: "\0xF028";
}

.u-volume-off:before {
    content: "\0xF026";
}

.u-volume-med:before {
    content: "\0xF1E0";
}

.u-volume-low:before {
    content: "\0xF2C6";
}

.u-clock:before {
    content: "\0xF017";
}

.u-signin:before {
    content: "\0xF090";
}

.u-signout:before {
    content: "\0xF08B";
}

.u-medal:before {
    content: "\0xF2BA";
}

.u-deaf:before {
    content: "\0xF2A4";
}

.u-pause:before {
    content: "\0xF04C";
}

.u-play:before {
    content: "\0xF04B";
}

.u-times:before {
    content: "\0xF043";
}

.u-eye:before {
    content: "\0xF06E";
}

.u-microphone:before {
    content: "\0xF130";
}

.u-microphone-slash:before {
    content: "\0xF131";
}

.u-camera:before {
    content: "\0xF03D";
}

.u-no-camera-2:before {
    content: "\0xF030";
}

.u-cog:before {
    content: "\0xF013";
}

.u-mic-person:before {
    content: "\0xf2d5";
}

.u-ellipsis-h:before {
    content: "\0xf141";
}

.u-arrow-down:before {
    content: "\0xf063";
}

.u-arrow-up:before {
    content: "\0xf062";
}

.u-angle-double-down:before {
    content: "\0xf103";
}

.u-angle-double-up:before {
    content: "\0xf102";
}

.u-stop:before {
    content: "\0xf04d";
}

.u-warning:before {
    content: "\0xf071";
}

.u-check-square-o:before {
    content: "\0xf046";
}

.u-square-o:before {
    content: "\0xf096";
}

.u-toggle-on:before {
    content: "\0xf205";
}

.u-bolt:before {
    content: "\0xf0e7";
}

.u-balance-scale:before {
    content: "\0xf24e";
}

.u-comments-o:before {
    content: "\0xf0e6";
}

.u-search:before {
    content: "\0xf002";
}

.u-backward:before {
    content: "\0xf04a";
}

.u-forward:before {
    content: "\0xf04e";
}

.u-chevron-left:before {
    content: "\0xf053";
}

.u-chevron-right:before {
    content: "\0xf054";
}

.u-chevron-circle-left:before {
    content: "\0xf137";
}

.u-chevron-circle-right:before {
    content: "\0xf138";
}

.u-info-circle:before {
    content: "\0xf05a";
}

.u-diamond:before {
    content: "\0xf219";
}

.u-window-close:before {
    content: "\0xf2d3";
}

.u-poker-now-plus-signal:before {
    content: "\0xf1ee";
}

.u-mic-video:before {
    content: "\0xf1e9";
}

.u-bomb:before {
    content: "\0xf1e2";
}

.u-seven-deuce:before {
    content: "\0xf2e0";
}

.u-rake:before {
    content: "\0xf2d9";
}

.u-double-board-icon:before {
    content: "\0xf2b8";
}

.u-users:before {
    content: "\0xf0c0";
}

.u-floppy-o:before {
    content: "\0xf0c7";
}

.u-avatar-icon:before {
    content: "\0xf168";
}

.u-poker-chip:before {
    content: "\0xf18b";
}

.u-note:before {
    content: "\0xf02d";
}

.u-question-circle-o:before {
    content: "\f101";
}

html {
    height: 100%;
    width: 100%
}

html,
body {
    font-family: Mulish, sans-serif;
    padding: 0;
    margin: 0
}

body {
    display: flex;
    justify-content: space-between;
    --price-ctn-root-font-size: 1rem
}

.gesture-movement {
    display: none;
    margin-top: -1rem;
    margin-left: 2rem;
    height: 6rem;
    width: 6rem;
    position: fixed;
    z-index: 999999
}

.landscape .invisible-scrollbar,
.portrait .invisible-scrollbar {
    scrollbar-width: none
}

.landscape .invisible-scrollbar::-webkit-scrollbar,
.portrait .invisible-scrollbar::-webkit-scrollbar {
    display: none
}

.landscape abbr,
.portrait abbr {
    cursor: help
}

.landscape p,
.portrait p {
    margin: 0
}

.landscape input::-webkit-outer-spin-button,
.landscape input::-webkit-inner-spin-button,
.portrait input::-webkit-outer-spin-button,
.portrait input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.landscape input[type=number],
.portrait input[type=number] {
    -moz-appearance: textfield
}

.landscape input:focus,
.landscape input[type=text]:focus,
.landscape button:focus,
.landscape input:focus,
.landscape button:active,
.landscape textarea:focus,
.landscape textarea:active,
.portrait input:focus,
.portrait input[type=text]:focus,
.portrait button:focus,
.portrait input:focus,
.portrait button:active,
.portrait textarea:focus,
.portrait textarea:active {
    outline-width: 0;
    outline: none;
    tap-highlight-color: transparent
}

.landscape input:disabled,
.portrait input:disabled {
    opacity: .5
}

.landscape body,
.portrait body {
    height: 100%;
    width: 100%;
    background: url("background-pattern-77108c8457cd40133663.png") #201e1f
}

.landscape input[type=text],
.portrait input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.landscape button,
.landscape input,
.landscape select,
.landscape textarea,
.portrait button,
.portrait input,
.portrait select,
.portrait textarea {
    font-family: Mulish, sans-serif
}

.landscape .button-1,
.portrait .button-1 {
    outline: none;
    text-decoration: none;
    background: transparent;
    border-style: solid;
    border-width: .08rem;
    border-bottom-width: .15rem;
    border-color: #fff;
    color: #fff;
    font-weight: bold;
    height: 3.2rem;
    border-radius: .3rem;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 0 1em;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center
}

.landscape .button-1:disabled,
.portrait .button-1:disabled {
    opacity: .25
}

.landscape .button-1.with-tip,
.portrait .button-1.with-tip {
    position: relative
}

.landscape .button-1.with-tip:before,
.portrait .button-1.with-tip:before {
    border-width: .08rem;
    position: absolute;
    top: -0.28rem;
    padding: 0 .2rem;
    right: .5rem;
    display: block;
    width: .7rem;
    text-align: center;
    font-weight: bold;
    font-size: .5rem;
    border-radius: .2rem;
    background: #232122;
    color: #fff
}

.landscape .button-1.with-tip.enter:before,
.portrait .button-1.with-tip.enter:before {
    content: "enter"
}

.landscape .button-1.with-tip.show-your-hand:before,
.portrait .button-1.with-tip.show-your-hand:before {
    content: "s"
}

.landscape .button-1.with-tip.check:before,
.portrait .button-1.with-tip.check:before {
    content: "k"
}

.landscape .button-1.with-tip.check-fold:before,
.portrait .button-1.with-tip.check-fold:before {
    content: "i"
}

.landscape .button-1.with-tip.time-bank:before,
.portrait .button-1.with-tip.time-bank:before {
    content: "t"
}

.landscape .button-1.with-tip.call-any:before,
.portrait .button-1.with-tip.call-any:before {
    content: "y"
}

.landscape .button-1.with-tip.call:before,
.portrait .button-1.with-tip.call:before {
    content: "c"
}

.landscape .button-1.with-tip.raise:before,
.portrait .button-1.with-tip.raise:before {
    content: "r"
}

.landscape .button-1.with-tip.fold:before,
.portrait .button-1.with-tip.fold:before {
    content: "f"
}

.landscape .button-1.with-tip.back:before,
.portrait .button-1.with-tip.back:before {
    content: "esc";
    width: 1.3rem
}

.landscape .button-1.highlighted,
.portrait .button-1.highlighted {
    background: #fff;
    color: #000;
    border-bottom-color: #e6e6e6
}

.landscape .button-1.blue,
.portrait .button-1.blue {
    color: #7f7df5;
    border-color: #7f7df5;
    background: transparent
}

.landscape .button-1.blue.highlighted,
.portrait .button-1.blue.highlighted {
    background: #7f7df5;
    border-bottom-color: #6c6af4;
    color: #fff
}

.landscape .button-1.green,
.portrait .button-1.green {
    color: #39af6b;
    border-color: #39af6b
}

.landscape .button-1.green.highlighted,
.portrait .button-1.green.highlighted {
    background: #3fa76c;
    border-color: #3fa76c;
    border-bottom-color: #348959;
    color: #fff
}

.landscape .button-1.green.with-tip:before,
.portrait .button-1.green.with-tip:before {
    color: #39af6b
}

.landscape .button-1.green-2,
.portrait .button-1.green-2 {
    color: #3fa76c;
    border-color: #3fa76c
}

.landscape .button-1.green-2.highlighted,
.portrait .button-1.green-2.highlighted {
    background: #3fa76c;
    border-color: #3fa76c;
    border-bottom-color: #318254;
    color: #fff
}

.landscape .button-1.yellow,
.portrait .button-1.yellow {
    color: #ffea00;
    border-color: #ffea00
}

.landscape .button-1.yellow.highlighted,
.portrait .button-1.yellow.highlighted {
    background: #ffea00;
    border-color: #ffea00;
    border-bottom-color: #cb0;
    color: #000
}

.landscape .button-1.gray,
.portrait .button-1.gray {
    color: #b9b9b9;
    border-color: #b9b9b9
}

.landscape .button-1.gray.highlighted,
.portrait .button-1.gray.highlighted {
    background: #7b7b7b;
    border-color: #7b7b7b;
    border-bottom-color: #6c6c6c;
    color: #fff
}

.landscape .button-1.middle-gray,
.portrait .button-1.middle-gray {
    color: #939393;
    border-color: #939393
}

.landscape .button-1.dark-gray,
.portrait .button-1.dark-gray {
    color: dimgray;
    border-color: #4e4e4e
}

.landscape .button-1.dark-gray.highlighted,
.portrait .button-1.dark-gray.highlighted {
    background: #4e4e4e;
    border-color: #4e4e4e;
    border-bottom-color: #3a3a3a;
    color: #fff
}

.landscape .button-1.red,
.portrait .button-1.red {
    border-color: #fc4117;
    color: #fc4117
}

.landscape .button-1.red.highlighted,
.portrait .button-1.red.highlighted {
    background: #c15942;
    border-color: #c15942;
    border-bottom-color: #9e4632;
    color: #fff
}

.landscape .button-1.red.with-tip:before,
.portrait .button-1.red.with-tip:before {
    color: #be3f22
}

.landscape .button-1.small-button,
.portrait .button-1.small-button {
    height: 2rem;
    display: inline-block;
    line-height: 2rem;
    font-size: .5rem;
    border-radius: .25rem;
    border-width: .05em;
    border-bottom-width: .1rem
}

.landscape .button-1.small-button.with-tip:before,
.portrait .button-1.small-button.with-tip:before {
    line-height: .8rem;
    width: 1.8rem;
    font-size: .3rem;
    background: #fff;
    color: #000
}

.landscape .button-1.small-button.with-image,
.portrait .button-1.small-button.with-image {
    gap: .3rem
}

.landscape .button-1.small-button.with-image img,
.portrait .button-1.small-button.with-image img {
    height: .8rem
}

.landscape .button-1.with-image,
.portrait .button-1.with-image {
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .button-1.med-button,
.portrait .button-1.med-button {
    height: 2rem;
    display: inline-block;
    line-height: 2rem;
    font-size: .7rem;
    border-radius: .25rem;
    border-width: .05em;
    border-bottom-width: .1rem
}

.landscape .button-1.next-hand-button:before,
.portrait .button-1.next-hand-button:before {
    background: #fff !important;
    color: #000 !important;
    width: 1.2rem !important
}

.landscape .button-1.time-bank,
.portrait .button-1.time-bank {
    font-size: .7rem
}

.landscape .button-3,
.portrait .button-3 {
    background: transparent;
    border: none;
    width: 100%;
    font-weight: bold;
    color: #fff;
    height: 2.2rem;
    border-radius: .3rem;
    text-transform: uppercase;
    font-size: .7rem;
    padding: 0 1em;
    cursor: pointer;
    letter-spacing: .1em
}

.landscape .button-3.green,
.portrait .button-3.green {
    background: #73c780;
    color: #fff
}

.landscape .button-3.gray,
.portrait .button-3.gray {
    border: solid .07rem #c5c5c5;
    color: #636363
}

.landscape .hidden-file-button input[type=file],
.portrait .hidden-file-button input[type=file] {
    display: none
}

.landscape .show-hand-buttons,
.portrait .show-hand-buttons {
    --show-hand-button: 1rem;
    border-radius: calc(var(--show-hand-button)*.3);
    border: calc(var(--show-hand-button)*.08) solid #139249;
    border-bottom-width: calc(var(--show-hand-button)*.15);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.landscape .show-hand-buttons .label,
.portrait .show-hand-buttons .label {
    position: absolute;
    background: #201e1e;
    padding: calc(var(--show-hand-button)*.1) 0;
    color: #fff;
    border: calc(var(--show-hand-button)*.06) solid #fff;
    border-radius: calc(var(--show-hand-button)*.2);
    text-transform: uppercase;
    font-size: calc(var(--show-hand-button)*.4);
    top: calc(var(--show-hand-button)*1.6);
    left: 50%;
    width: calc(var(--show-hand-button)*3);
    text-align: center;
    margin-left: calc(var(--show-hand-button)*-1.5)
}

.landscape .show-hand-buttons .cards,
.portrait .show-hand-buttons .cards {
    display: flex
}

.landscape .show-hand-buttons .all-cards-button,
.portrait .show-hand-buttons .all-cards-button {
    padding: 0 .8rem
}

.landscape .show-hand-buttons button,
.portrait .show-hand-buttons button {
    flex: 1;
    background: none;
    color: #38bd70;
    border: none;
    cursor: pointer;
    margin-left: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: calc(var(--show-hand-button)*.7);
    height: calc(var(--show-hand-button)*2);
    line-height: calc(var(--show-hand-button)*2);
    position: relative
}

.landscape .show-hand-buttons button .hotkey,
.portrait .show-hand-buttons button .hotkey {
    position: absolute;
    top: calc(var(--show-hand-button)*.2);
    right: calc(var(--show-hand-button)*.2);
    font-size: calc(var(--show-hand-button)*.4);
    line-height: calc(var(--show-hand-button)*.4);
    height: calc(var(--show-hand-button)*.4)
}

.landscape .show-hand-buttons button.active,
.portrait .show-hand-buttons button.active {
    background: #39af6b;
    color: #fff
}

.landscape .show-hand-buttons .cards,
.portrait .show-hand-buttons .cards {
    border-top: calc(var(--show-hand-button)*.06) solid #139249
}

.landscape .show-hand-buttons .cards button,
.portrait .show-hand-buttons .cards button {
    width: calc(var(--show-hand-button)*3);
    text-align: center;
    padding: 0;
    border-right: calc(var(--show-hand-button)*.06) solid #139249
}

.landscape .show-hand-buttons .cards button .value:after,
.portrait .show-hand-buttons .cards button .value:after {
    font-family: "Suits";
    margin-left: calc(var(--show-hand-button)*.1);
    font-size: calc(var(--show-hand-button)*.5)
}

.landscape .show-hand-buttons .cards button.card-value-c .value:after,
.portrait .show-hand-buttons .cards button.card-value-c .value:after {
    content: ""
}

.landscape .show-hand-buttons .cards button.card-value-d .value:after,
.portrait .show-hand-buttons .cards button.card-value-d .value:after {
    content: ""
}

.landscape .show-hand-buttons .cards button.card-value-s span:after,
.portrait .show-hand-buttons .cards button.card-value-s span:after {
    content: ""
}

.landscape .show-hand-buttons .cards button.card-value-h .value:after,
.portrait .show-hand-buttons .cards button.card-value-h .value:after {
    content: ""
}

.landscape .show-hand-buttons .cards button:last-child,
.portrait .show-hand-buttons .cards button:last-child {
    border-right: 0
}

.landscape .raw-loading,
.portrait .raw-loading {
    color: #fff;
    text-align: center
}

.landscape .raw-loading a,
.portrait .raw-loading a {
    color: #fff
}

.landscape #canvas,
.portrait #canvas {
    aspect-ratio: 16/9;
    box-shadow: rgba(0, 0, 0, .34) 0px 0px 2rem;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%
}

.landscape #canvas.expanded,
.portrait #canvas.expanded {
    aspect-ratio: 1.954/1
}

.landscape .game-column,
.portrait .game-column {
    width: 100%;
    position: relative
}

.landscape .game-column.contracted,
.portrait .game-column.contracted {
    width: 91%
}

.landscape #main-container,
.portrait #main-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .game-main-container,
.portrait .game-main-container {
    background: url("background-d2c70dea8bbded04f5de.jpg");
    background-size: cover;
    height: 100%;
    width: 100%
}

.landscape .title-1,
.portrait .title-1 {
    color: #fff;
    margin: 0;
    margin-bottom: 1rem
}

.landscape .title-2,
.portrait .title-2 {
    margin: 0;
    color: #747474;
    text-transform: uppercase;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    margin-bottom: .5rem
}

.landscape .version-link,
.portrait .version-link {
    font-size: .7rem;
    color: #545454
}

.landscape .hide,
.portrait .hide {
    opacity: .2
}

.landscape .semi-hide,
.portrait .semi-hide {
    opacity: .6
}

.landscape .low,
.portrait .low {
    opacity: .3
}

.landscape .low:hover,
.portrait .low:hover {
    opacity: 1
}

.landscape .now-coins-balance-el,
.portrait .now-coins-balance-el {
    background: #ffc732;
    margin-bottom: .6rem;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    column-gap: .4rem;
    align-items: center;
    padding: .1rem 0;
    box-shadow: 0 .1rem #da9430
}

.landscape .now-coins-balance-el .buy-more-coins-button,
.portrait .now-coins-balance-el .buy-more-coins-button {
    height: 1.3rem;
    line-height: 1.1rem;
    font-size: .6rem;
    border-radius: .2rem;
    border-bottom-width: .1rem
}

.landscape .now-coins-balance-el .label,
.portrait .now-coins-balance-el .label {
    font-size: .7rem;
    margin-bottom: 0
}

.landscape .now-coins-balance-el .balance,
.portrait .now-coins-balance-el .balance {
    height: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: .2rem;
    padding: .05rem .3rem;
    padding-right: 0;
    background: #fffed5;
    font-size: .75rem;
    font-weight: bold;
    gap: .2rem
}

.landscape .now-coins-balance-el .balance img,
.portrait .now-coins-balance-el .balance img {
    height: 100%;
    margin-right: .1rem
}

.landscape .landscape-warning,
.portrait .landscape-warning {
    font-size: 4.5vw;
    padding: 0 10vw;
    height: 100%;
    padding-top: 10vh;
    text-align: center
}

.landscape .landscape-warning .title,
.portrait .landscape-warning .title {
    width: 100%;
    margin: 0;
    font-family: "Josefin Sans", sans-serif;
    font-size: 11vw;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .2rem;
    text-shadow: 0 0 2rem rgba(213, 255, 0, .75);
    margin-bottom: .5rem
}

.landscape .landscape-warning .instructions,
.portrait .landscape-warning .instructions {
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 1rem
}

.landscape .landscape-warning button,
.portrait .landscape-warning button {
    background: transparent;
    border-style: solid;
    border-width: .08em;
    border-color: #fff;
    color: #fff;
    height: 3em;
    border-radius: .3em;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 0 1rem;
    cursor: pointer;
    letter-spacing: .2em
}

.landscape .landscape-warning:after,
.landscape .landscape-warning:before,
.portrait .landscape-warning:after,
.portrait .landscape-warning:before {
    opacity: .5;
    font-size: 7rem;
    font-family: "Utils";
    display: block;
    color: #454545
}

.landscape .landscape-warning:after,
.portrait .landscape-warning:after {
    content: ""
}

.landscape .landscape-warning:before,
.portrait .landscape-warning:before {
    content: ""
}

.landscape .form-1-input-control,
.portrait .form-1-input-control {
    margin-bottom: 1rem;
    position: relative
}

.landscape .form-1-input-control label,
.portrait .form-1-input-control label {
    margin-bottom: .5rem;
    color: #fff;
    display: block;
    font-size: .8rem
}

.landscape .form-1-input-control label a,
.portrait .form-1-input-control label a {
    color: #fdfdbb
}

.landscape .form-1-input-control label .new,
.landscape .form-1-input-control label .help-signal,
.portrait .form-1-input-control label .new,
.portrait .form-1-input-control label .help-signal {
    background: #e63030;
    font-weight: bold;
    font-size: .5rem;
    padding: .2rem;
    text-transform: uppercase;
    border-radius: .15rem;
    display: inline-block
}

.landscape .form-1-input-control label .new.help-signal,
.landscape .form-1-input-control label .help-signal.help-signal,
.portrait .form-1-input-control label .new.help-signal,
.portrait .form-1-input-control label .help-signal.help-signal {
    background: #000;
    cursor: pointer;
    color: #ff0
}

.landscape .form-1-input-control .field,
.portrait .form-1-input-control .field {
    position: relative
}

.landscape .form-1-input-control .hint,
.portrait .form-1-input-control .hint {
    font-size: .58rem;
    color: gray;
    display: block
}

.landscape .form-1-input-control .hint.blue,
.portrait .form-1-input-control .hint.blue {
    color: #673eff
}

.landscape .form-1-input-control .error-message,
.portrait .form-1-input-control .error-message {
    color: #ff3f3f;
    position: absolute;
    font-size: .5rem;
    left: .4rem;
    bottom: .2rem
}

.landscape .form-1-input-control .error-message.inline,
.portrait .form-1-input-control .error-message.inline {
    position: initial
}

.landscape .form-1-input-control input,
.landscape .form-1-input-control select,
.portrait .form-1-input-control input,
.portrait .form-1-input-control select {
    border-radius: .3rem;
    box-sizing: border-box;
    border: .08rem solid #979797;
    background: none;
    color: #fff;
    width: 100%;
    font-size: 1.1rem;
    padding: 0 .8rem;
    height: 3rem;
    line-height: 3rem
}

.landscape .form-1-input-control input.code-input,
.landscape .form-1-input-control select.code-input,
.portrait .form-1-input-control input.code-input,
.portrait .form-1-input-control select.code-input {
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: .4rem
}

.landscape .form-1-input-control .small-select,
.portrait .form-1-input-control .small-select {
    height: 2.2rem;
    padding: 0 .4rem;
    font-size: 1rem;
    line-height: 2.2rem
}

.landscape .form-1-input-control option,
.portrait .form-1-input-control option {
    background: #1f1f1f;
    color: #fff
}

.landscape .form-1-input-control .help-message,
.portrait .form-1-input-control .help-message {
    color: #969696;
    font-size: .7rem;
    line-height: 1rem;
    margin-top: .3rem
}

.landscape .form-1-input-control.black label,
.portrait .form-1-input-control.black label {
    color: #000
}

.landscape .form-1-input-control.black label a,
.portrait .form-1-input-control.black label a {
    color: #0056b3
}

.landscape .form-1-input-control.black label .new,
.landscape .form-1-input-control.black label .help-signal,
.portrait .form-1-input-control.black label .new,
.portrait .form-1-input-control.black label .help-signal {
    color: #fff
}

.landscape .form-1-input-control.black label .new.help-signal,
.landscape .form-1-input-control.black label .help-signal.help-signal,
.portrait .form-1-input-control.black label .new.help-signal,
.portrait .form-1-input-control.black label .help-signal.help-signal {
    background: #f1f1f1;
    color: #333
}

.landscape .form-1-input-control.black input,
.landscape .form-1-input-control.black select,
.portrait .form-1-input-control.black input,
.portrait .form-1-input-control.black select {
    border: .08rem solid #ccc;
    background: #fff;
    color: #000
}

.landscape .form-1-input-control.black input::placeholder,
.landscape .form-1-input-control.black select::placeholder,
.portrait .form-1-input-control.black input::placeholder,
.portrait .form-1-input-control.black select::placeholder {
    color: #666
}

.landscape .form-1-input-control.black .small-select,
.portrait .form-1-input-control.black .small-select {
    background: #fff
}

.landscape .form-1-input-control.black option,
.portrait .form-1-input-control.black option {
    background: #f9f9f9;
    color: #000
}

.landscape .form-1-input-control.black .hint,
.portrait .form-1-input-control.black .hint {
    color: #666
}

.landscape .form-1-input-control.black .hint.blue,
.portrait .form-1-input-control.black .hint.blue {
    color: #0056b3
}

.landscape .form-1-input-control.black .error-message,
.portrait .form-1-input-control.black .error-message {
    color: #d9534f
}

.landscape .form-1-input-control.black .help-message,
.portrait .form-1-input-control.black .help-message {
    color: #555
}

.landscape .form-1-two-columns,
.portrait .form-1-two-columns {
    display: flex
}

.landscape .form-1-two-columns .form-1-input-control,
.portrait .form-1-two-columns .form-1-input-control {
    width: 48%;
    display: inline-block
}

.landscape .form-1-two-columns .form-1-input-control:first-child,
.portrait .form-1-two-columns .form-1-input-control:first-child {
    margin-right: 4%
}

.landscape .form-2-input-control label,
.portrait .form-2-input-control label {
    margin-bottom: .15rem;
    color: #000;
    display: block;
    font-size: .6rem
}

.landscape .form-2-input-control.checkbox .error-message,
.portrait .form-2-input-control.checkbox .error-message {
    font-size: .6rem;
    line-height: .3rem
}

.landscape .form-2-input-control.checkbox input,
.portrait .form-2-input-control.checkbox input {
    margin-right: .2rem;
    width: initial;
    height: 1.3rem;
    width: 1.3rem;
    background: #fff;
    border: .08rem solid #979797;
    display: inline-block
}

.landscape .form-2-input-control.checkbox label,
.portrait .form-2-input-control.checkbox label {
    display: inline-block
}

.landscape .form-2-input-control.checkbox .inline,
.portrait .form-2-input-control.checkbox .inline {
    display: flex;
    align-items: center
}

.landscape .form-2-input-control.checkbox .inline label,
.portrait .form-2-input-control.checkbox .inline label {
    margin-bottom: 0;
    line-height: .6rem
}

.landscape .form-2-input-control .hint,
.portrait .form-2-input-control .hint {
    font-size: .58rem;
    color: gray;
    display: block
}

.landscape .form-2-input-control .hint.blue,
.portrait .form-2-input-control .hint.blue {
    color: #673eff
}

.landscape .form-2-input-control .error-message,
.portrait .form-2-input-control .error-message {
    font-size: .7rem;
    color: red
}

.landscape .form-2-input-control,
.portrait .form-2-input-control {
    margin-bottom: .5rem;
    position: relative
}

.landscape .form-2-input-control input,
.landscape .form-2-input-control textarea,
.portrait .form-2-input-control input,
.portrait .form-2-input-control textarea {
    border-radius: .3rem;
    box-sizing: border-box;
    border: .07rem solid #ababab;
    background: none;
    color: #545454;
    width: 100%;
    font-size: .8rem;
    padding: 0 .6rem;
    height: 2.2rem;
    line-height: 2.2rem
}

.landscape .form-2-input-control .upper-text,
.portrait .form-2-input-control .upper-text {
    color: #000
}

.landscape .choose-buttons,
.portrait .choose-buttons {
    display: flex;
    border: .08rem solid #979797;
    background: transparent;
    overflow: hidden;
    border-radius: .3rem;
    box-sizing: border-box;
    position: relative;
    height: 2rem
}

.landscape .choose-buttons button,
.portrait .choose-buttons button {
    flex-grow: 1
}

.landscape .choose-buttons button,
.portrait .choose-buttons button {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: transparent;
    color: #666;
    height: 100%;
    border: none;
    font-size: .8rem;
    text-transform: uppercase;
    cursor: pointer
}

.landscape .choose-buttons button:disabled,
.portrait .choose-buttons button:disabled {
    opacity: .5
}

.landscape .choose-buttons button.active,
.portrait .choose-buttons button.active {
    background: #383838;
    color: #fff
}

.landscape .choose-buttons.normal-height,
.portrait .choose-buttons.normal-height {
    height: 3rem
}

.landscape .choose-buttons.normal-height button,
.portrait .choose-buttons.normal-height button {
    font-size: 1rem;
    height: 3rem;
    line-height: 3rem
}

.landscape .choose-buttons.intro-height,
.portrait .choose-buttons.intro-height {
    height: 2.6rem
}

.landscape .choose-buttons.intro-height button,
.portrait .choose-buttons.intro-height button {
    font-size: 1rem;
    height: 2.6rem;
    line-height: 2.6rem
}

.landscape .text-tip-1,
.portrait .text-tip-1 {
    font-size: .6rem;
    font-weight: bold
}

.landscape .text-tip-1.red,
.portrait .text-tip-1.red {
    color: red
}

.landscape .form-fixed-bottom,
.portrait .form-fixed-bottom {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 2;
    position: absolute;
    background: #2b2b2b;
    bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: 0rem 0rem 1rem .5rem rgba(0, 0, 0, .08);
    padding: .9rem
}

.landscape .form-1-with-fixed-bottom,
.portrait .form-1-with-fixed-bottom {
    padding-bottom: 5rem
}

.landscape .form-1-with-fixed-bottom:after,
.portrait .form-1-with-fixed-bottom:after {
    content: "";
    display: block;
    clear: both
}

.landscape .form-1-one-line-field label,
.portrait .form-1-one-line-field label {
    padding-top: .5rem;
    margin-bottom: 0
}

.landscape .alert-1 .form-1-input-control label,
.portrait .alert-1 .form-1-input-control label {
    color: #000
}

.landscape .alert-1 .form-1-input-control input[type=email],
.landscape .alert-1 .form-1-input-control input[type=text],
.portrait .alert-1 .form-1-input-control input[type=email],
.portrait .alert-1 .form-1-input-control input[type=text] {
    color: #000;
    background: #fff
}

.landscape .config-top-tabs,
.portrait .config-top-tabs {
    border-bottom: .5rem solid #909766;
    padding: .5rem;
    padding-bottom: 0;
    height: 4.3rem;
    box-sizing: border-box
}

.landscape .config-top-tab-buttton,
.portrait .config-top-tab-buttton {
    margin-right: 1%;
    background: none;
    border: none;
    color: #fff;
    font-weight: bold;
    height: 3.4rem;
    border-radius: .3rem .3rem 0 0;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0 1.2em;
    cursor: pointer
}

.landscape .config-top-tab-buttton.active,
.portrait .config-top-tab-buttton.active {
    background: #909766;
    color: #fff
}

.landscape .config-top-tab-buttton.back,
.portrait .config-top-tab-buttton.back {
    padding: 0 1rem
}

.landscape .config-content,
.portrait .config-content {
    overflow-y: auto;
    height: 27rem;
    padding: 1.8%;
    box-sizing: border-box
}

.landscape .config-content p,
.portrait .config-content p {
    color: #fff;
    margin-bottom: .5rem
}

.landscape .config-player-row,
.portrait .config-player-row {
    padding: .7rem;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #fff;
    border: .08rem solid #979797;
    margin-bottom: .9%;
    position: relative
}

.landscape .config-player-row .name,
.portrait .config-player-row .name {
    font-size: 1.4rem;
    margin-bottom: 0
}

.landscape .config-player-row .name small,
.portrait .config-player-row .name small {
    font-size: .5rem;
    color: #c4c4c4;
    padding: .2rem;
    background: #3d3c3c;
    border-radius: .4rem
}

.landscape .config-player-row .name .spectator-signal,
.portrait .config-player-row .name .spectator-signal {
    color: #ff6464
}

.landscape .config-player-row .status,
.portrait .config-player-row .status {
    font-size: .9rem;
    font-weight: lighter;
    margin-bottom: 0
}

.landscape .player-action-buttons,
.portrait .player-action-buttons {
    position: absolute;
    top: 10%;
    right: .6rem
}

.landscape .player-action-buttons button,
.portrait .player-action-buttons button {
    margin-left: .2rem
}

.landscape .config-player-row.request-game-ingress,
.portrait .config-player-row.request-game-ingress {
    border-color: #d7ea99;
    color: #f5fbb5
}

.landscape .config-player-row.request-game-ingress p,
.portrait .config-player-row.request-game-ingress p {
    color: #f5fbb5
}

.landscape .config-player-column input,
.landscape .config-player-column button,
.portrait .config-player-column input,
.portrait .config-player-column button {
    width: 100%
}

.landscape .row-fluid,
.portrait .row-fluid {
    display: flex;
    width: 100%
}

.landscape .row-fluid .col,
.portrait .row-fluid .col {
    margin-right: 1%
}

.landscape .row-fluid .col:last-child,
.portrait .row-fluid .col:last-child {
    margin-right: 0
}

.landscape .row-fluid .col-1,
.portrait .row-fluid .col-1 {
    width: 15.83%
}

.landscape .row-fluid .col-2,
.portrait .row-fluid .col-2 {
    width: 32.66%
}

.landscape .row-fluid .col-3,
.portrait .row-fluid .col-3 {
    width: 49.49%
}

.landscape .row-fluid .col-4,
.portrait .row-fluid .col-4 {
    width: 66.32%
}

.landscape .row-fluid .col-6,
.portrait .row-fluid .col-6 {
    width: 100%
}

.landscape .blind-level-table,
.portrait .blind-level-table {
    margin-top: .6rem
}

.landscape .blind-level-table p,
.portrait .blind-level-table p {
    font-size: .8rem;
    line-height: 2rem;
    margin-bottom: 0;
    color: #a7a7a7
}

.landscape .blind-level-table input,
.portrait .blind-level-table input {
    width: 100%;
    margin-right: 3%;
    display: inline-block;
    font-size: .85rem;
    height: 2.1rem;
    line-height: 2.1rem;
    padding: 0 .2rem
}

.landscape .blind-level-table thead,
.portrait .blind-level-table thead {
    color: #fff;
    font-size: .8rem
}

.landscape .blind-level-table .level-indicator,
.portrait .blind-level-table .level-indicator {
    text-align: right
}

.landscape .blind-level-table .level-indicator span,
.portrait .blind-level-table .level-indicator span {
    color: #616161;
    display: block;
    line-height: 100%;
    margin-right: .2rem;
    font-size: .8rem
}

.landscape .blind-level-table .restart-options,
.portrait .blind-level-table .restart-options {
    color: #929191;
    font-size: .7rem;
    line-height: 1.2rem
}

.landscape .blind-level-table .restart-options.restart-option,
.portrait .blind-level-table .restart-options.restart-option {
    padding-top: 1rem
}

.landscape .add-level-blind-button,
.portrait .add-level-blind-button {
    margin-top: .5rem;
    font-size: .6rem !important
}

.landscape .blind-level-table .restart-options,
.portrait .blind-level-table .restart-options {
    padding: .3rem 0rem
}

.landscape .blind-level-table .restart-options select,
.portrait .blind-level-table .restart-options select {
    border: .08rem solid #979797;
    font-Size: .8rem;
    width: 100%;
    background: transparent;
    color: #fff;
    border-radius: .2rem;
    padding: .2rem;
    line-height: initial;
    height: initial
}

.landscape .blind-level-table .restart-options option,
.portrait .blind-level-table .restart-options option {
    background: #1f1f1f;
    color: #fff
}

.landscape .blind-level-table .with-error input,
.landscape .blind-level-table .with-error select,
.portrait .blind-level-table .with-error input,
.portrait .blind-level-table .with-error select {
    border-color: red
}

.landscape .blind-level-table .with-error .tip,
.portrait .blind-level-table .with-error .tip {
    color: red;
    margin-bottom: 0
}

.landscape .remove-button,
.portrait .remove-button {
    cursor: pointer;
    background: #a25858;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    width: 1.9rem;
    display: block;
    line-height: 2.1rem;
    height: 2.1rem;
    border: none;
    border-radius: .2rem
}

.landscape .blind-level-pause-warning,
.portrait .blind-level-pause-warning {
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .35);
    border-radius: .2rem;
    padding: 2rem;
    box-sizing: border-box;
    position: absolute;
    text-align: center
}

.landscape .blind-level-pause-warning p,
.portrait .blind-level-pause-warning p {
    font-weight: bold;
    font-size: .7rem;
    margin-bottom: .5rem;
    color: #fff
}

.landscape .subtle-config-warning,
.portrait .subtle-config-warning {
    background: #383838;
    color: #fff;
    font-size: .7rem;
    margin-bottom: 1rem;
    border-radius: .2rem;
    padding: .3rem .4rem
}

.landscape .errors-list,
.portrait .errors-list {
    font-size: .7rem;
    color: #ff3f3f;
    margin: 0
}

.landscape .errors-list li,
.portrait .errors-list li {
    margin-top: .5rem
}

.landscape .title-3,
.portrait .title-3 {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 0;
    margin-bottom: 2rem
}

.landscape .title-3 small,
.portrait .title-3 small {
    font-size: .5em
}

.landscape .stack-container-info,
.portrait .stack-container-info {
    color: #fff;
    margin-bottom: .4rem;
    font-size: .8rem
}

.landscape .stack-container-info span,
.portrait .stack-container-info span {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    width: 13rem
}

.landscape .stack-container,
.portrait .stack-container {
    position: relative;
    border: .08rem solid #979797;
    padding: .5rem;
    border-radius: .3rem;
    margin-bottom: 1.5rem
}

.landscape .stack-container .error-message,
.portrait .stack-container .error-message {
    position: relative
}

.landscape .stack-container-legend,
.portrait .stack-container-legend {
    position: absolute;
    top: -0.8rem;
    left: .5rem;
    font-size: .8rem;
    text-transform: uppercase;
    color: #fff;
    background: #252324;
    letter-spacing: .1rem
}

.landscape .add-remove-choose-buttons,
.portrait .add-remove-choose-buttons {
    position: absolute;
    width: 12rem;
    z-index: 3
}

.landscape .add-remove-choose-buttons button,
.portrait .add-remove-choose-buttons button {
    font-size: .8rem !important
}

.landscape .add-remove-choose-buttons .active.add,
.portrait .add-remove-choose-buttons .active.add {
    background: #458245
}

.landscape .add-remove-choose-buttons .active.remove,
.portrait .add-remove-choose-buttons .active.remove {
    background: #b11111
}

.landscape .stack-input-field.editing input,
.portrait .stack-input-field.editing input {
    padding-left: 13rem
}

.landscape .action-buttons-player button,
.portrait .action-buttons-player button {
    margin-bottom: .5rem
}

.landscape .preset-container,
.portrait .preset-container {
    position: relative
}

.landscape .preset-container .presets-popover,
.portrait .preset-container .presets-popover {
    padding: .8rem;
    position: absolute;
    left: 0;
    bottom: 3.8rem
}

.landscape .preset-container .presets-popover:before,
.portrait .preset-container .presets-popover:before {
    top: initial;
    left: 2rem;
    bottom: -0.2rem
}

.landscape .new-presets-form,
.portrait .new-presets-form {
    padding-bottom: .5rem;
    border-bottom: .1rem solid #dedede;
    margin-bottom: .6rem
}

.landscape .new-presets-form label,
.portrait .new-presets-form label {
    color: #000
}

.landscape .new-presets-form input[type=text],
.portrait .new-presets-form input[type=text] {
    color: #000
}

.landscape .new-presets-form input[type=text],
.landscape .new-presets-form button,
.portrait .new-presets-form input[type=text],
.portrait .new-presets-form button {
    height: 2.5rem;
    font-size: .9rem;
    line-height: 2.3rem
}

.landscape .presets .placeholder,
.portrait .presets .placeholder {
    padding: 2rem;
    text-align: center;
    font-size: .8rem;
    color: gray
}

.landscape .preset-row,
.portrait .preset-row {
    margin-top: .2rem;
    z-index: 2;
    position: relative;
    border: .08rem solid #dedede;
    padding: .2rem;
    border-radius: .3rem;
    box-sizing: border-box
}

.landscape .preset-row p,
.portrait .preset-row p {
    font-size: .8rem;
    line-height: 2.2rem;
    padding-left: .6rem;
    margin-bottom: 0;
    color: #000
}

.landscape .preset-row .buttons,
.portrait .preset-row .buttons {
    text-align: right
}

.landscape .preset-row button,
.portrait .preset-row button {
    font-size: .7rem;
    line-height: 2.2rem;
    height: 2.2rem;
    padding: 0 .4rem
}

.landscape .preset-row .delete-button,
.portrait .preset-row .delete-button {
    font-weight: bold
}

.landscape .config-loading-container,
.portrait .config-loading-container {
    justify-content: center;
    height: 86%;
    width: 100%;
    display: flex;
    align-items: center
}

.landscape .config-loading-container p,
.portrait .config-loading-container p {
    color: gray
}

.landscape .custom-felt-field,
.portrait .custom-felt-field {
    border: 1px solid gray;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px
}

.landscape .custom-felt-field .felt-image,
.portrait .custom-felt-field .felt-image {
    margin-right: 10px;
    position: relative;
    justify-content: center;
    display: flex
}

.landscape .custom-felt-field .felt-image .image-ctn,
.portrait .custom-felt-field .felt-image .image-ctn {
    min-width: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.landscape .custom-felt-field .felt-image button,
.portrait .custom-felt-field .felt-image button {
    border-radius: .2rem;
    border-width: .03rem;
    border-bottom-width: .08rem;
    font-size: .4rem;
    height: 1.4rem;
    line-height: 1.2rem;
    width: 5rem
}

.landscape .custom-felt-field .felt-image .action-container,
.portrait .custom-felt-field .felt-image .action-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem
}

.landscape .custom-felt-field .felt-image:after,
.portrait .custom-felt-field .felt-image:after {
    text-align: center;
    top: 0;
    left: 0;
    font-size: 20px;
    line-height: 188px;
    color: #fff;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1
}

.landscape .custom-felt-field .felt-image img,
.portrait .custom-felt-field .felt-image img {
    position: relative;
    z-index: 2;
    border-radius: 5px;
    max-width: 15rem;
    max-height: 5rem
}

.landscape .custom-felt-field .felt-actions,
.portrait .custom-felt-field .felt-actions {
    text-align: center;
    margin-top: 1rem;
    display: flex;
    gap: .4rem
}

.landscape .custom-felt-field .felt-actions button,
.portrait .custom-felt-field .felt-actions button {
    flex: 1;
    margin-bottom: 10px;
    font-size: .6rem;
    line-height: 1.4rem;
    height: 1.5rem
}

.landscape .game-type-cycle-field,
.portrait .game-type-cycle-field {
    border: .05rem solid gray;
    border-radius: .2rem;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff
}

.landscape .game-type-cycle-field .error-message,
.portrait .game-type-cycle-field .error-message {
    position: relative
}

.landscape .game-type-cycle-field ul,
.portrait .game-type-cycle-field ul {
    color: #afafaf;
    margin-bottom: .5rem;
    text-align: center;
    font-size: .9rem;
    list-style-type: none
}

.landscape .game-type-cycle-field ul .current-signal,
.portrait .game-type-cycle-field ul .current-signal {
    background: #007000;
    color: #fff;
    font-weight: bold;
    top: -0.5rem;
    font-size: .5rem;
    border-radius: .15rem;
    padding: .1rem .2rem
}

.landscape .game-type-cycle-field ul li,
.portrait .game-type-cycle-field ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3rem
}

.landscape .game-type-cycle-field ul strong,
.portrait .game-type-cycle-field ul strong {
    color: #fff
}

.landscape .game-type-cycle-field p,
.portrait .game-type-cycle-field p {
    color: #afafaf;
    font-size: .8rem;
    text-align: center
}

.landscape .game-type-cycle-field label,
.portrait .game-type-cycle-field label {
    margin-bottom: .3rem;
    text-align: center
}

.landscape .game-type-cycle-field .actions-buttons,
.portrait .game-type-cycle-field .actions-buttons {
    border-top: .05rem dashed #727272;
    padding-top: .3rem;
    display: flex;
    justify-content: center;
    gap: .4rem
}

.landscape .game-type-cycle-field .actions-buttons button,
.portrait .game-type-cycle-field .actions-buttons button {
    flex: 1
}

.landscape .poker-variant-line,
.portrait .poker-variant-line {
    align-items: flex-end;
    margin-bottom: .4rem
}

.landscape .poker-variant-line .form-1-input-control,
.portrait .poker-variant-line .form-1-input-control {
    margin-bottom: 0
}

.landscape .poker-variant-line .action-button-ctn,
.portrait .poker-variant-line .action-button-ctn {
    padding-left: .4rem
}

.landscape .poker-variant-line .action-button-ctn button,
.portrait .poker-variant-line .action-button-ctn button {
    width: 100%
}

.landscape .premium-signal,
.portrait .premium-signal {
    position: relative;
    width: 100%
}

.landscape .premium-signal .paywall-element,
.portrait .premium-signal .paywall-element {
    position: absolute;
    top: -0.35rem;
    right: .3rem;
    display: flex;
    align-items: center;
    font-size: .5rem;
    text-decoration: none;
    z-index: 2;
    border-radius: .2rem;
    overflow: hidden;
    font-weight: bold;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .3)
}

.landscape .premium-signal .paywall-element .or-element,
.portrait .premium-signal .paywall-element .or-element {
    margin-bottom: 0;
    width: .6rem;
    height: .6rem;
    color: #000;
    font-size: .35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: lowercase;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
    border: .05rem solid #00000040
}

.landscape .premium-signal .paywall-element .plus,
.portrait .premium-signal .paywall-element .plus {
    padding: .1rem .3rem;
    padding-right: .5rem;
    padding-left: .85rem;
    background: #ff0;
    color: #000;
    margin-right: -0.325rem;
    position: relative
}

.landscape .premium-signal .paywall-element .plus:after,
.portrait .premium-signal .paywall-element .plus:after {
    font-family: "Utils";
    content: "";
    position: absolute;
    font-weight: normal;
    top: .16rem;
    left: .19rem;
    width: 100%
}

.landscape .premium-signal .paywall-element .now-coins,
.portrait .premium-signal .paywall-element .now-coins {
    background: #ff0;
    margin-left: -0.325rem;
    padding: .1rem .3rem;
    padding-left: .5rem;
    background: #654bff;
    padding-right: .85rem;
    color: #fff;
    position: relative
}

.landscape .premium-signal .paywall-element .now-coins:after,
.portrait .premium-signal .paywall-element .now-coins:after {
    background: url(https://cdn.pokernow.com/now-coin-575ee02a8125a71f5b24.png);
    background-size: .62rem auto;
    content: "";
    height: .62rem;
    width: .62rem;
    position: absolute;
    font-weight: normal;
    top: .09rem;
    left: 100%;
    margin-left: -0.7rem
}

.landscape .premium-signal .paywall-element.only-plus .or-element,
.landscape .premium-signal .paywall-element.only-plus .now-coins,
.portrait .premium-signal .paywall-element.only-plus .or-element,
.portrait .premium-signal .paywall-element.only-plus .now-coins {
    display: none
}

.landscape .rake-credits-row,
.portrait .rake-credits-row {
    display: flex;
    align-items: flex-end
}

.landscape .rake-credits-indicator,
.portrait .rake-credits-indicator {
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    border: .03rem dashed gray;
    border-radius: .3rem
}

.landscape .rake-credits-indicator label,
.portrait .rake-credits-indicator label {
    margin: 0
}

.landscape .fee-config-list,
.portrait .fee-config-list {
    color: #fff;
    font-size: .8rem
}

.landscape .fee-config-list li,
.portrait .fee-config-list li {
    margin-bottom: .8rem
}

.landscape .popover-1,
.portrait .popover-1 {
    position: absolute;
    box-shadow: rgba(0, 0, 0, .45) 0 0 1.6rem .2rem;
    width: 20rem;
    background: #fff;
    border-radius: .5rem;
    box-sizing: border-box;
    z-index: 2;
    padding: .9rem
}

.landscape .popover-1:before,
.portrait .popover-1:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-right: -0.8rem;
    position: absolute;
    border-left: .8rem solid transparent;
    border-top: .8rem solid #fff;
    border-right: .8rem solid transparent;
    border-bottom: .8rem solid transparent;
    background: transparent;
    bottom: -1.55rem;
    right: 10rem
}

.landscape .popover-1 .title,
.portrait .popover-1 .title {
    font-size: .6rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin: 0;
    color: #5d5d5d;
    margin-bottom: .5rem
}

.landscape .review-hand-popover,
.portrait .review-hand-popover {
    padding: .3rem;
    z-index: 10;
    width: 9rem;
    position: absolute;
    bottom: 2.2rem
}

.landscape .review-hand-popover .open-review,
.portrait .review-hand-popover .open-review {
    width: 100%;
    font-size: .65rem
}

.landscape .review-hand-popover .timeout-bar,
.portrait .review-hand-popover .timeout-bar {
    width: 100%;
    height: .3rem;
    margin-top: .3rem;
    background: #e9e9e9;
    border-radius: .3rem;
    position: relative;
    overflow: hidden
}

.landscape .review-hand-popover .timeout-bar .timeout-elapsed-time,
.portrait .review-hand-popover .timeout-bar .timeout-elapsed-time {
    border-radius: .3rem;
    width: 50%;
    height: 100%;
    background: #9b9b9b
}

.landscape .review-hand-popover .footer,
.portrait .review-hand-popover .footer {
    display: flex;
    align-items: center;
    margin-top: .3rem;
    justify-content: space-between
}

.landscape .review-hand-popover .footer button,
.portrait .review-hand-popover .footer button {
    height: 1.2rem;
    line-height: 1.2rem
}

.landscape .review-hand-popover .checkbox,
.portrait .review-hand-popover .checkbox {
    font-size: .45rem
}

.landscape .review-hand-popover .checkbox input,
.portrait .review-hand-popover .checkbox input {
    height: .55rem;
    width: .55rem
}

.landscape .review-hand-popover:before,
.portrait .review-hand-popover:before {
    left: 1.5rem
}

.landscape .popover-avatar-perk,
.portrait .popover-avatar-perk {
    padding: .4rem;
    width: 10rem;
    bottom: 4rem;
    z-index: 1000;
    left: -1rem
}

.landscape .popover-avatar-perk p,
.portrait .popover-avatar-perk p {
    font-size: .6rem;
    text-align: center;
    margin-bottom: .4rem
}

.landscape .popover-avatar-perk .logo-ctn,
.portrait .popover-avatar-perk .logo-ctn {
    width: 5rem;
    display: flex;
    border-radius: .2rem;
    margin: 0 auto;
    margin-bottom: .4rem;
    background: #000;
    padding: .5rem
}

.landscape .popover-avatar-perk .logo-ctn img,
.portrait .popover-avatar-perk .logo-ctn img {
    width: 100%
}

.landscape .popover-avatar-perk:before,
.portrait .popover-avatar-perk:before {
    left: 2rem
}

.landscape .table-player-8 .popover-avatar-perk,
.landscape .table-player-7 .popover-avatar-perk,
.landscape .table-player-6 .popover-avatar-perk,
.landscape .table-player-5 .popover-avatar-perk,
.portrait .table-player-8 .popover-avatar-perk,
.portrait .table-player-7 .popover-avatar-perk,
.portrait .table-player-6 .popover-avatar-perk,
.portrait .table-player-5 .popover-avatar-perk {
    bottom: initial;
    top: 5rem
}

.landscape .table-player-8 .popover-avatar-perk:before,
.landscape .table-player-7 .popover-avatar-perk:before,
.landscape .table-player-6 .popover-avatar-perk:before,
.landscape .table-player-5 .popover-avatar-perk:before,
.portrait .table-player-8 .popover-avatar-perk:before,
.portrait .table-player-7 .popover-avatar-perk:before,
.portrait .table-player-6 .popover-avatar-perk:before,
.portrait .table-player-5 .popover-avatar-perk:before {
    left: 2rem;
    transform: rotate(180deg);
    bottom: initial;
    top: -1.5rem
}

.landscape .popover-avatar-selector,
.portrait .popover-avatar-selector {
    padding: .4rem;
    width: 15rem;
    bottom: 4rem;
    z-index: 1000;
    left: -3.3rem
}

.landscape .popover-avatar-selector .popover-actions,
.portrait .popover-avatar-selector .popover-actions {
    margin-top: .3rem
}

.landscape .popover-avatar-selector .avatar-choose-pack-list,
.portrait .popover-avatar-selector .avatar-choose-pack-list {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.landscape .popover-avatar-selector .avatar-choose-list,
.portrait .popover-avatar-selector .avatar-choose-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .3rem;
    max-height: 10rem;
    overflow: auto;
    flex-wrap: wrap
}

.landscape .popover-avatar-selector .avatar-pack-blank-slate,
.portrait .popover-avatar-selector .avatar-pack-blank-slate {
    font-size: .6rem;
    text-align: center;
    width: 100%;
    margin: 1.2rem 0
}

.landscape .popover-avatar-selector .avatar-item-ctn,
.portrait .popover-avatar-selector .avatar-item-ctn {
    cursor: pointer;
    border: .09rem solid #a5a5a5;
    border-radius: .3rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    box-shadow: 0 0 .2rem .1rem #0000001f
}

.landscape .popover-avatar-selector .avatar-item-ctn img,
.portrait .popover-avatar-selector .avatar-item-ctn img {
    width: 100%;
    aspect-ratio: 1
}

.landscape .popover-avatar-selector .avatar-item-ctn.pack-item-ctn:hover .default-version,
.portrait .popover-avatar-selector .avatar-item-ctn.pack-item-ctn:hover .default-version {
    display: none
}

.landscape .popover-avatar-selector .avatar-item-ctn .delete-button,
.portrait .popover-avatar-selector .avatar-item-ctn .delete-button {
    position: absolute;
    color: transparent;
    right: 0;
    height: .9rem;
    width: .9rem;
    background: red;
    border-radius: 0 0 0 50%;
    border: none;
    box-shadow: 0 0 .2rem .1rem #0000001f
}

.landscape .popover-avatar-selector .avatar-item-ctn .delete-button:after,
.portrait .popover-avatar-selector .avatar-item-ctn .delete-button:after {
    content: "x";
    color: #fff;
    position: absolute;
    top: 0;
    left: .3rem;
    cursor: pointer;
    font-weight: bold;
    font-size: .6rem
}

.landscape .popover-avatar-selector .avatar-item-ctn:hover,
.portrait .popover-avatar-selector .avatar-item-ctn:hover {
    border-color: #000
}

.landscape .popover-avatar-selector .avatar-item-ctn img,
.portrait .popover-avatar-selector .avatar-item-ctn img {
    height: 100%
}

.landscape .popover-avatar-selector .popover-actions,
.portrait .popover-avatar-selector .popover-actions {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.landscape .popover-avatar-selector .popover-actions.inline,
.portrait .popover-avatar-selector .popover-actions.inline {
    flex-direction: initial
}

.landscape .popover-avatar-selector .popover-actions .button-1,
.landscape .popover-avatar-selector .popover-actions button,
.landscape .popover-avatar-selector .popover-actions label,
.portrait .popover-avatar-selector .popover-actions .button-1,
.portrait .popover-avatar-selector .popover-actions button,
.portrait .popover-avatar-selector .popover-actions label {
    width: 100%;
    font-size: .5rem;
    line-height: 1.5rem;
    height: 1.5rem
}

.landscape .popover-avatar-selector .avatar-pack-item,
.portrait .popover-avatar-selector .avatar-pack-item {
    cursor: pointer;
    width: 100%;
    border: .06rem dashed #9f9f9f;
    border-radius: .25rem;
    padding: .3rem;
    box-sizing: border-box
}

.landscape .popover-avatar-selector .avatar-pack-item:hover,
.portrait .popover-avatar-selector .avatar-pack-item:hover {
    border-color: #000
}

.landscape .popover-avatar-selector .avatar-pack-item .name,
.portrait .popover-avatar-selector .avatar-pack-item .name {
    margin: 0;
    font-size: .6rem;
    margin-bottom: .2rem
}

.landscape .popover-avatar-selector .sample-images,
.portrait .popover-avatar-selector .sample-images {
    display: flex;
    gap: .3rem
}

.landscape .popover-avatar-selector .sample-image,
.portrait .popover-avatar-selector .sample-image {
    width: 2rem;
    border: .05rem solid #6d6d6d;
    display: flex;
    border-radius: .25rem;
    overflow: hidden
}

.landscape .popover-avatar-selector .sample-image img,
.portrait .popover-avatar-selector .sample-image img {
    width: 100%
}

.landscape .popover-avatar-tabs,
.portrait .popover-avatar-tabs {
    display: flex;
    border-bottom: .08rem solid #b8adad;
    margin-bottom: .5rem;
    gap: .12rem;
    padding-left: .12rem
}

.landscape .popover-avatar-tabs .popover-avatar-tab,
.portrait .popover-avatar-tabs .popover-avatar-tab {
    color: #4e4e4e;
    cursor: pointer;
    font-size: .6rem;
    padding: .3rem .4rem;
    margin-bottom: -0.08rem;
    background: #fff;
    border: .05rem solid #848484;
    border-radius: .2rem .2rem 0 0;
    border-bottom: .08rem solid #b8adad
}

.landscape .popover-avatar-tabs .popover-avatar-tab.active,
.portrait .popover-avatar-tabs .popover-avatar-tab.active {
    color: #000;
    font-weight: bold;
    border-bottom-color: #fff
}

.landscape .global-popover-warning,
.portrait .global-popover-warning {
    position: fixed;
    color: #000;
    background: #ff0;
    border-radius: .1rem;
    z-index: 99999;
    padding: .1rem .2rem;
    font-size: .45rem;
    font-weight: bold;
    box-shadow: 0 0 .2rem .2rem rgba(0, 0, 0, .15)
}

.landscape .global-popover-warning.limited-width,
.portrait .global-popover-warning.limited-width {
    max-width: 10rem
}

.landscape .video-voice-signal-help-popover,
.portrait .video-voice-signal-help-popover {
    width: 8rem
}

.landscape .alert-addon .form-1-input-control,
.portrait .alert-addon .form-1-input-control {
    margin-bottom: 0
}

.landscape .alert-quick-accept .actions-bottom,
.portrait .alert-quick-accept .actions-bottom {
    display: flex;
    align-items: center
}

.landscape .alert-quick-accept .not-show,
.portrait .alert-quick-accept .not-show {
    font-size: .9rem
}

.landscape .alert-quick-accept .not-show input,
.portrait .alert-quick-accept .not-show input {
    height: .9rem;
    width: .9rem
}

.landscape .gestures-popover,
.portrait .gestures-popover {
    padding: .4rem
}

.landscape .gestures-popover .tip,
.portrait .gestures-popover .tip {
    font-size: .5rem;
    margin-bottom: .2rem;
    text-align: center;
    font-style: italic
}

.landscape .gestures-popover .now-coins-balance,
.portrait .gestures-popover .now-coins-balance {
    background: #ffc732;
    margin-bottom: .2rem;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1rem 0;
    box-shadow: 0 .05rem #da9430;
    gap: .2rem
}

.landscape .gestures-popover .now-coins-balance .buy-more-coins-button,
.portrait .gestures-popover .now-coins-balance .buy-more-coins-button {
    width: initial;
    height: .75rem;
    line-height: .65rem;
    text-transform: none;
    font-size: .52rem;
    border-radius: .2rem;
    border-bottom-width: .05rem
}

.landscape .gestures-popover .now-coins-balance .balance,
.portrait .gestures-popover .now-coins-balance .balance {
    display: flex;
    align-items: center;
    height: .7rem;
    gap: .2rem;
    display: flex;
    position: relative;
    border-radius: .15rem;
    box-sizing: border-box;
    padding: .05rem .2rem;
    background: #fffed5;
    font-size: .5rem;
    font-weight: bold
}

.landscape .gestures-popover .now-coins-balance .balance img,
.portrait .gestures-popover .now-coins-balance .balance img {
    height: 100%
}

.landscape .gestures-popover .gestures-ctn,
.portrait .gestures-popover .gestures-ctn {
    overflow: auto;
    max-height: 12rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .3rem
}

.landscape .gestures-popover .gestures-ctn .gesture-ctn,
.portrait .gestures-popover .gestures-ctn .gesture-ctn {
    display: flex;
    flex-direction: column;
    border: .01rem dashed #a5a5a5;
    padding: .1rem;
    border-radius: .35rem;
    align-content: center
}

.landscape .gestures-popover .gestures-ctn .gesture-ctn.with-sound,
.portrait .gestures-popover .gestures-ctn .gesture-ctn.with-sound {
    border-color: #8d8dff;
    position: relative
}

.landscape .gestures-popover .gestures-ctn .gesture-ctn.with-sound:after,
.portrait .gestures-popover .gestures-ctn .gesture-ctn.with-sound:after {
    font-family: "Utils";
    content: "";
    display: block;
    color: #5757ff;
    height: 1rem;
    width: 1rem;
    position: absolute;
    top: .2rem;
    right: .2rem
}

.landscape .gestures-popover .gestures-ctn .gesture-ctn .now-coin-button,
.portrait .gestures-popover .gestures-ctn .gesture-ctn .now-coin-button {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .8rem
}

.landscape .gestures-popover .gestures-ctn .gesture-ctn .now-coin-button img,
.portrait .gestures-popover .gestures-ctn .gesture-ctn .now-coin-button img {
    height: .8rem
}

.landscape .gestures-popover .gestures-ctn video,
.portrait .gestures-popover .gestures-ctn video {
    height: 3rem
}

.landscape .quick-gestures-selector,
.portrait .quick-gestures-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .2rem;
    margin-bottom: .28rem
}

.landscape .quick-gestures-selector.loading,
.portrait .quick-gestures-selector.loading {
    justify-content: center;
    font-size: .55rem;
    font-style: italic;
    margin: .2rem 0 .3rem
}

.landscape .quick-gestures-selector .quick-gesture-entry,
.portrait .quick-gestures-selector .quick-gesture-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.7rem
}

.landscape .quick-gestures-selector .quick-gesture-trigger,
.portrait .quick-gestures-selector .quick-gesture-trigger {
    border: none;
    background: transparent;
    padding: 0;
    width: 1.3rem;
    height: 1.3rem;
    margin-bottom: .1rem;
    cursor: pointer
}

.landscape .quick-gestures-selector .quick-gesture-trigger img,
.portrait .quick-gestures-selector .quick-gesture-trigger img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.landscape .quick-gestures-selector .price-tag,
.portrait .quick-gestures-selector .price-tag {
    margin-top: 0;
    line-height: .5rem;
    font-size: .35rem;
    white-space: nowrap;
    color: #121212;
    background: #f2d447;
    border: .03rem solid #d0b52f;
    border-radius: .12rem;
    padding: 0 .15rem;
    font-weight: bold
}

.landscape .quick-gestures-selector .quick-gesture-more,
.portrait .quick-gestures-selector .quick-gesture-more {
    margin: 0;
    border: none;
    background: #7d62cc;
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 .05rem;
    cursor: pointer;
    box-shadow: inset 0 -0.06rem 0 rgba(0, 0, 0, .15);
    margin-left: .05rem
}

.landscape .quick-gestures-selector .quick-gesture-more:hover,
.portrait .quick-gestures-selector .quick-gesture-more:hover {
    filter: brightness(1.05)
}

.landscape .modal,
.portrait .modal {
    position: relative;
    padding: .9rem;
    box-sizing: border-box;
    background: #fff;
    width: 30rem;
    height: 20rem;
    z-index: 101;
    border-radius: .5rem;
    box-shadow: rgba(0, 0, 0, .45) 0 0 1.6rem .2rem
}

.landscape .modal a,
.portrait .modal a {
    color: #000
}

.landscape .modal-auto,
.portrait .modal-auto {
    height: auto;
    width: auto
}

.landscape .modal-title,
.portrait .modal-title {
    font-size: .9rem;
    margin: 0
}

.landscape .modal-header,
.portrait .modal-header {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: .3rem
}

.landscape .modal-body h2,
.portrait .modal-body h2 {
    font-size: 1.2rem;
    margin-top: 0
}

.landscape .modal-list-subtitle,
.portrait .modal-list-subtitle {
    text-transform: uppercase;
    color: gray;
    font-size: .7rem
}

.landscape .modal-body,
.portrait .modal-body {
    font-size: .8rem
}

.landscape .modal-body ul,
.portrait .modal-body ul {
    padding-left: 1.5rem
}

.landscape .modal-body li,
.portrait .modal-body li {
    margin-bottom: .8rem;
    line-height: 1.3rem
}

.landscape .modal-body li.highlight,
.portrait .modal-body li.highlight {
    background: #feffe1
}

.landscape .modal-body ul ul,
.portrait .modal-body ul ul {
    margin-top: .8rem
}

.landscape .overflow-black,
.portrait .overflow-black {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 100
}

.landscape .modal-button-close,
.portrait .modal-button-close {
    position: absolute;
    top: .4rem;
    border-radius: .3rem;
    right: .5rem;
    height: 1.5rem;
    width: 1.5rem;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    text-indent: -99999px;
    z-index: 20
}

.landscape .modal-button-close:before,
.portrait .modal-button-close:before {
    content: "x";
    left: 0;
    top: 0;
    font-size: 1rem;
    color: #5d5d5d;
    width: 100%;
    text-align: center;
    font-weight: bold;
    display: block;
    position: absolute;
    text-indent: initial
}

.landscape .log-modal,
.portrait .log-modal {
    display: flex;
    gap: .2rem;
    flex-direction: column;
    width: 90%;
    height: 90%
}

.landscape .log-modal .replayer-iframe,
.portrait .log-modal .replayer-iframe {
    flex: 1;
    width: 100%;
    border: none;
    overflow: none
}

.landscape .log-modal .modal-body,
.portrait .log-modal .modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-height: 0;
    overflow: hidden
}

.landscape .log-modal .log-modal-controls,
.portrait .log-modal .log-modal-controls {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .2rem;
    border-top: .08rem solid #66ad78
}

.landscape .log-modal .log-modal-actions,
.portrait .log-modal .log-modal-actions {
    display: flex;
    align-items: flex-end;
    gap: .4rem
}

.landscape .log-modal .log-modal-actions .pagination-button,
.landscape .log-modal .log-modal-actions .placeholder,
.portrait .log-modal .log-modal-actions .pagination-button,
.portrait .log-modal .log-modal-actions .placeholder {
    width: 4.8rem
}

.landscape .log-modal .log-modal-actions .placeholder,
.portrait .log-modal .log-modal-actions .placeholder {
    border: .05rem dashed #d5d5d5;
    height: 2rem;
    border-radius: .3rem
}

.landscape .log-modal .log-modal-tabs,
.portrait .log-modal .log-modal-tabs {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    gap: .2rem
}

.landscape .log-modal .log-modal-tab,
.portrait .log-modal .log-modal-tab {
    appearance: none;
    background: transparent;
    border: 0;
    color: #111;
    cursor: pointer;
    display: block;
    font-size: .55rem;
    font-weight: bold;
    height: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: .02em;
    min-width: 0;
    padding: 0 .85rem;
    text-transform: uppercase
}

.landscape .log-modal .log-modal-tab.active,
.portrait .log-modal .log-modal-tab.active {
    background: #62a973;
    border-radius: 0 0 .25rem .25rem;
    color: #fff;
    margin-top: -0.08rem;
    line-height: 2.58rem
}

.landscape .log-modal-entries,
.portrait .log-modal-entries {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    font-size: .7rem
}

.landscape .log-modal-entries .entry-ctn,
.portrait .log-modal-entries .entry-ctn {
    display: grid;
    grid-template-columns: 2.2rem;
    margin-bottom: .5rem
}

.landscape .log-modal-entries .entry-ctn .at,
.landscape .log-modal-entries .entry-ctn .content,
.portrait .log-modal-entries .entry-ctn .at,
.portrait .log-modal-entries .entry-ctn .content {
    white-space: pre-wrap;
    grid-row: 1
}

.landscape .log-modal-entries .at,
.portrait .log-modal-entries .at {
    color: #c3c3c3
}

.landscape .log-modal-entries .start-game,
.portrait .log-modal-entries .start-game {
    font-weight: bold;
    padding-bottom: .3rem;
    border-bottom: 4px solid #e2e2e2
}

.landscape .log-modal-entries .entry-street,
.portrait .log-modal-entries .entry-street {
    font-weight: bold;
    border-bottom: 1px dashed #e2e2e2
}

.landscape .log-modal-entries .entry-fold,
.portrait .log-modal-entries .entry-fold {
    color: red
}

.landscape .log-modal-entries .entry-raise,
.portrait .log-modal-entries .entry-raise {
    color: green
}

.landscape .log-modal-entries .entry-check,
.portrait .log-modal-entries .entry-check {
    color: gray
}

.landscape .log-modal-entries .entry-collect,
.portrait .log-modal-entries .entry-collect {
    color: #b7b753;
    font-weight: bold
}

.landscape .log-modal-entries .entry-call,
.portrait .log-modal-entries .entry-call {
    color: blue
}

.landscape .log-modal-entries abbr[title],
.portrait .log-modal-entries abbr[title] {
    text-decoration: none;
    border-bottom: 1px dashed #b7b7b7
}

.landscape .modal-overlay,
.portrait .modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.landscape .log-download-captcha,
.portrait .log-download-captcha {
    padding: .2rem;
    position: absolute;
    width: 15rem;
    height: 5.4rem;
    background: #fff;
    border-radius: .2rem;
    border: 1px solid #000;
    bottom: 2.1rem;
    left: 0
}

.landscape .log-download-captcha p,
.portrait .log-download-captcha p {
    font-size: .6rem
}

.landscape .help-modal-container,
.portrait .help-modal-container {
    border: .05rem solid #d0d0d0;
    padding: .6rem;
    box-sizing: border-box;
    margin-top: .3rem;
    border-radius: .3rem;
    width: 13.95rem;
    height: 7.9rem;
    display: inline-block;
    margin-right: .3rem;
    position: relative
}

.landscape .help-modal-container:nth-child(even),
.portrait .help-modal-container:nth-child(even) {
    margin-right: 0
}

.landscape .help-modal-container:after,
.portrait .help-modal-container:after {
    z-index: 1
}

.landscape .help-modal-container.twitter:after,
.portrait .help-modal-container.twitter:after {
    content: "";
    background-image: url(https://cdn.pokernow.com/twitter-home-logo-b52a07c36f3829e8ec3b.png);
    background-size: cover;
    text-indent: -999999px;
    top: 3.2rem;
    margin-left: -1.75rem;
    left: 50%;
    position: absolute;
    height: 2.9rem;
    width: 3.5rem
}

.landscape .help-modal-container.patreon:after,
.portrait .help-modal-container.patreon:after {
    content: "";
    top: 2.9rem;
    left: 50%;
    margin-left: -4.29rem;
    height: 2.88rem;
    width: 8.59rem;
    position: absolute;
    display: block;
    background-image: url(https://cdn.pokernow.com/patreon-home-logo-50c9c6f2c45630ffe141.png);
    background-size: cover
}

.landscape .help-modal-container.bmc:after,
.portrait .help-modal-container.bmc:after {
    content: "";
    background-image: url(https://cdn.pokernow.com/bmc-home-logo-e8f06f06a71c730c79bd.png);
    background-size: cover;
    text-indent: -999999px;
    top: 3.2rem;
    left: 50%;
    margin-left: -4.75rem;
    position: absolute;
    height: 1.85rem;
    width: 9.5rem
}

.landscape .help-modal-container.product-hunt:after,
.portrait .help-modal-container.product-hunt:after {
    content: "";
    background-image: url(https://cdn.pokernow.com/ph-logo-d6e95eb239f529bea986.png);
    background-size: cover;
    text-indent: -999999px;
    top: 3rem;
    left: 50%;
    margin-left: -1.55rem;
    position: absolute;
    height: 3rem;
    width: 3rem
}

.landscape .help-modal-container a,
.portrait .help-modal-container a {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    color: #000;
    text-decoration: none
}

.landscape .help-modal-container p,
.portrait .help-modal-container p {
    margin-top: .4rem;
    font-size: .7rem;
    text-align: center
}

.landscape .felt-editor-modal,
.portrait .felt-editor-modal {
    width: 90%;
    height: 90%;
    display: grid;
    grid-row-gap: .2rem;
    grid-template-rows: 1.7rem auto
}

.landscape .felt-editor-modal .modal-header,
.portrait .felt-editor-modal .modal-header {
    align-items: center;
    display: flex
}

.landscape .felt-editor-modal .felt-portrait-orientation-buttons,
.portrait .felt-editor-modal .felt-portrait-orientation-buttons {
    display: flex;
    gap: .3rem;
    margin-left: .5rem
}

.landscape .felt-editor-modal .felt-portrait-orientation-buttons button,
.portrait .felt-editor-modal .felt-portrait-orientation-buttons button {
    font-size: .5rem;
    padding: .3rem;
    height: initial;
    line-height: initial
}

.landscape .felt-editor-modal .modal-body,
.portrait .felt-editor-modal .modal-body {
    overflow: hidden;
    height: initial
}

.landscape .felt-editor-modal .only-button,
.portrait .felt-editor-modal .only-button {
    padding-top: 1.1rem
}

.landscape .felt-editor-modal .canvas-editor-ctn,
.portrait .felt-editor-modal .canvas-editor-ctn {
    background: #201e1f
}

.landscape .felt-editor-modal .form-bottom,
.portrait .felt-editor-modal .form-bottom {
    display: flex;
    justify-content: flex-end;
    gap: .4rem
}

.landscape .felt-editor-modal .form-bottom button,
.portrait .felt-editor-modal .form-bottom button {
    line-height: 2rem;
    font-size: .9rem;
    height: 2.1rem
}

.landscape .felt-editor-modal .control-row,
.portrait .felt-editor-modal .control-row {
    display: flex;
    gap: .8rem;
    margin-bottom: .15rem
}

.landscape .felt-editor-modal .control-row .form-control,
.portrait .felt-editor-modal .control-row .form-control {
    flex-grow: 1
}

.landscape .felt-editor-modal .control-row label,
.portrait .felt-editor-modal .control-row label {
    display: inline-block;
    font-size: .6rem;
    margin-bottom: .1rem
}

.landscape .felt-editor-modal .control-row input,
.landscape .felt-editor-modal .control-row button,
.landscape .felt-editor-modal .control-row label,
.landscape .felt-editor-modal .control-row select,
.portrait .felt-editor-modal .control-row input,
.portrait .felt-editor-modal .control-row button,
.portrait .felt-editor-modal .control-row label,
.portrait .felt-editor-modal .control-row select {
    width: 100%
}

.landscape .felt-editor-modal .control-row .button-1,
.portrait .felt-editor-modal .control-row .button-1 {
    display: inline-block;
    font-size: .7rem;
    height: 1.3rem;
    line-height: 1.1rem
}

.landscape .felt-editor-modal .control-row input[type=color],
.portrait .felt-editor-modal .control-row input[type=color] {
    height: 1.3rem;
    padding: 0;
    width: 100%
}

.landscape .felt-editor-modal .control-row select,
.portrait .felt-editor-modal .control-row select {
    height: 1.3rem;
    font-size: .8rem
}

.landscape .felt-editor-modal .control-row .inline-checkbox input[type=checkbox],
.portrait .felt-editor-modal .control-row .inline-checkbox input[type=checkbox] {
    display: inline-block;
    width: initial
}

.landscape .crop-avatar-modal,
.portrait .crop-avatar-modal {
    width: 15rem;
    height: 24rem
}

.landscape .crop-avatar-modal .checkbox,
.portrait .crop-avatar-modal .checkbox {
    font-size: .55rem;
    margin-bottom: .4rem
}

.landscape .crop-avatar-modal .checkbox label,
.portrait .crop-avatar-modal .checkbox label {
    display: flex;
    gap: .2rem
}

.landscape .crop-avatar-modal .checkbox input,
.portrait .crop-avatar-modal .checkbox input {
    height: .8rem;
    width: .8rem
}

.landscape .crop-avatar-modal .canvas-container,
.portrait .crop-avatar-modal .canvas-container {
    margin-bottom: .5rem
}

.landscape .crop-avatar-modal .modal-footer,
.portrait .crop-avatar-modal .modal-footer {
    text-align: right;
    display: flex;
    gap: .2rem;
    flex-direction: column
}

.landscape .crop-avatar-modal .modal-footer button,
.portrait .crop-avatar-modal .modal-footer button {
    width: 100%
}

.landscape .plus-price-ctn,
.portrait .plus-price-ctn {
    background: #5e72b7;
    color: #fff;
    font-weight: bold;
    font-size: calc(var(--price-ctn-root-font-size)*1);
    text-align: center;
    border-radius: calc(var(--price-ctn-root-font-size)*.5) calc(var(--price-ctn-root-font-size)*.5) 0 0;
    padding: calc(var(--price-ctn-root-font-size)*.3);
    position: relative
}

.landscape .plus-price-ctn .highlight,
.portrait .plus-price-ctn .highlight {
    background: #374783;
    border: calc(var(--price-ctn-root-font-size)*.1) solid #394262;
    border-radius: calc(var(--price-ctn-root-font-size)*.35);
    font-size: calc(var(--price-ctn-root-font-size)*.7);
    padding: calc(var(--price-ctn-root-font-size)*.3) 0
}

.landscape .plus-price-ctn .sub-highlight-container,
.portrait .plus-price-ctn .sub-highlight-container {
    position: absolute;
    bottom: calc(var(--price-ctn-root-font-size)*-0.6);
    display: flex;
    width: 100%;
    justify-content: center
}

.landscape .plus-price-ctn .sub-highlight,
.portrait .plus-price-ctn .sub-highlight {
    background: #ff0;
    color: #000;
    font-size: calc(var(--price-ctn-root-font-size)*.7);
    padding: calc(var(--price-ctn-root-font-size)*.1) calc(var(--price-ctn-root-font-size)*.5);
    border-radius: calc(var(--price-ctn-root-font-size)*.8);
    border-bottom: calc(var(--price-ctn-root-font-size)*.1) solid #dedede
}

.landscape .plus-price-ctn .value-ctn,
.portrait .plus-price-ctn .value-ctn {
    margin: calc(var(--price-ctn-root-font-size)*.7) 0
}

.landscape .plus-price-ctn .value-ctn .trial-period-notice,
.portrait .plus-price-ctn .value-ctn .trial-period-notice {
    font-size: calc(var(--price-ctn-root-font-size)*.4)
}

.landscape .plus-features-ctn,
.portrait .plus-features-ctn {
    background: #f6f6f6;
    border: .1rem solid #eee;
    padding: 1rem;
    border-top: 0;
    font-size: .7rem;
    border-radius: 0 0 .5rem .5rem
}

.landscape .plus-features-ctn .learn-more-button,
.portrait .plus-features-ctn .learn-more-button {
    display: inline-block;
    text-align: center;
    width: 100%
}

.landscape .plus-features-ctn li,
.portrait .plus-features-ctn li {
    margin-bottom: .2rem
}

.landscape .avatar-pack-list-modal,
.portrait .avatar-pack-list-modal {
    display: grid;
    grid-template-rows: 1.4rem auto;
    gap: .3rem
}

.landscape .avatar-pack-list-modal .modal-header,
.portrait .avatar-pack-list-modal .modal-header {
    height: auto
}

.landscape .avatar-pack-list-modal .email-login-form,
.portrait .avatar-pack-list-modal .email-login-form {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.landscape .avatar-pack-list-modal .email-login-form input[type=email],
.landscape .avatar-pack-list-modal .email-login-form .code-input,
.portrait .avatar-pack-list-modal .email-login-form input[type=email],
.portrait .avatar-pack-list-modal .email-login-form .code-input {
    font-size: .9rem;
    line-height: 2.2rem;
    height: 2.2rem;
    color: #000
}

.landscape .avatar-pack-list-modal .email-login-form .label,
.portrait .avatar-pack-list-modal .email-login-form .label {
    margin-bottom: .4rem;
    font-size: .85rem
}

.landscape .avatar-pack-list-modal .email-login-form .content,
.portrait .avatar-pack-list-modal .email-login-form .content {
    margin-bottom: .4rem
}

.landscape .avatar-pack-list-modal .email-login-form .actions,
.portrait .avatar-pack-list-modal .email-login-form .actions {
    display: flex;
    gap: .2rem
}

.landscape .avatar-pack-list-modal .email-login-form .actions button,
.landscape .avatar-pack-list-modal .email-login-form .actions input,
.portrait .avatar-pack-list-modal .email-login-form .actions button,
.portrait .avatar-pack-list-modal .email-login-form .actions input {
    flex-grow: 1
}

.landscape .avatar-pack-list-modal .avatar-pack-payment-body .description,
.portrait .avatar-pack-list-modal .avatar-pack-payment-body .description {
    font-size: .6rem;
    margin-bottom: .5rem
}

.landscape .avatar-pack-list-modal .avatar-pack-payment-body .actions,
.portrait .avatar-pack-list-modal .avatar-pack-payment-body .actions {
    display: flex;
    gap: .3rem
}

.landscape .avatar-pack-list-modal .avatar-pack-payment-body .payment-element,
.portrait .avatar-pack-list-modal .avatar-pack-payment-body .payment-element {
    height: 13.2rem;
    overflow-y: scroll;
    overflow-x: hidden
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list {
    overflow-x: auto;
    height: 100%
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance {
    background: #ffc732;
    margin-bottom: .6rem;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1rem 0;
    box-shadow: 0 .1rem #da9430
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .buy-more-coins-button,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .buy-more-coins-button {
    height: 1.3rem;
    line-height: 1.1rem;
    font-size: .6rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance p,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance p {
    font-size: .7rem;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: .5rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .balance,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .balance {
    height: 1rem;
    gap: .2rem;
    display: flex;
    position: relative;
    border-radius: .2rem;
    padding: .05rem .3rem;
    background: #fffed5;
    margin-right: .8rem;
    font-size: .75rem;
    font-weight: bold
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .balance img,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .balance img {
    height: 100%
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item {
    display: grid;
    grid-template-columns: 100%;
    cursor: pointer;
    gap: 2%;
    border: .06rem dashed #a5a5a5;
    border-radius: .3rem;
    margin-bottom: .2rem;
    padding: .4rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .description,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .description {
    font-size: .5rem;
    margin-bottom: .2rem;
    color: #545454
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item:hover,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item:hover {
    border-color: #000
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .name,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .name {
    margin: 0;
    font-size: .8rem;
    margin-bottom: .2rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-images,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-images {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-image,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-image {
    width: 1.68rem;
    border: .08rem solid #fff;
    display: flex;
    border-radius: .25rem;
    overflow: hidden;
    box-shadow: 0 0 .2rem #0000003d
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-image img,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .sample-image img {
    width: 100%;
    aspect-ratio: 1
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list {
    display: flex;
    gap: .4rem;
    justify-content: center;
    flex-wrap: wrap
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item {
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
    align-content: center;
    gap: .3rem;
    width: 5.79rem;
    padding: .3rem;
    border: .04rem dashed #959595
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item:hover,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item:hover {
    border-color: #000
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item button,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item button {
    line-height: 1.8rem;
    height: 1.8rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .now-coin-button,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .now-coin-button {
    font-size: 1rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .now-coin-button img,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .now-coin-button img {
    height: 1rem
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .sample,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list .avatar-item .sample {
    border-radius: .15rem;
    width: 100%;
    aspect-ratio: 1
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title {
    text-align: center;
    margin: 0;
    margin-bottom: .8rem;
    position: relative
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title .title,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title .title {
    margin: 0
}

.landscape .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title button,
.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title button {
    position: absolute;
    left: 0;
    line-height: 1.2rem;
    height: 1.2rem
}

.landscape .mtt-finished-modal,
.landscape .sng-finished-modal,
.portrait .mtt-finished-modal,
.portrait .sng-finished-modal {
    height: auto
}

.landscape .mtt-finished-modal .tournament-name,
.landscape .sng-finished-modal .tournament-name,
.portrait .mtt-finished-modal .tournament-name,
.portrait .sng-finished-modal .tournament-name {
    text-align: center;
    font-size: .8rem;
    font-weight: bold;
    color: gray;
    margin-bottom: 0
}

.landscape .mtt-finished-modal .actions,
.landscape .sng-finished-modal .actions,
.portrait .mtt-finished-modal .actions,
.portrait .sng-finished-modal .actions {
    margin-top: .9rem;
    display: flex;
    gap: .8rem
}

.landscape .mtt-finished-modal .actions a,
.landscape .mtt-finished-modal .actions button,
.landscape .sng-finished-modal .actions a,
.landscape .sng-finished-modal .actions button,
.portrait .mtt-finished-modal .actions a,
.portrait .mtt-finished-modal .actions button,
.portrait .sng-finished-modal .actions a,
.portrait .sng-finished-modal .actions button {
    flex: 1
}

.landscape .mtt-finished-modal hr,
.landscape .sng-finished-modal hr,
.portrait .mtt-finished-modal hr,
.portrait .sng-finished-modal hr {
    height: .1rem;
    background: #ededed;
    border: 0
}

.landscape .mtt-finished-modal hr.large-separator,
.landscape .sng-finished-modal hr.large-separator,
.portrait .mtt-finished-modal hr.large-separator,
.portrait .sng-finished-modal hr.large-separator {
    margin: 1.3rem 0
}

.landscape .mtt-finished-modal .header-ctn,
.landscape .sng-finished-modal .header-ctn,
.portrait .mtt-finished-modal .header-ctn,
.portrait .sng-finished-modal .header-ctn {
    display: flex;
    flex-direction: column;
    align-items: center
}

.landscape .mtt-finished-modal .title,
.landscape .sng-finished-modal .title,
.portrait .mtt-finished-modal .title,
.portrait .sng-finished-modal .title {
    position: relative;
    text-align: center;
    margin: 0 0 .6rem 0;
    font-weight: bold;
    font-size: 1.5rem
}

.landscape .mtt-finished-modal .title.tournament-finished:before,
.landscape .mtt-finished-modal .title.tournament-finished:after,
.landscape .sng-finished-modal .title.tournament-finished:before,
.landscape .sng-finished-modal .title.tournament-finished:after,
.portrait .mtt-finished-modal .title.tournament-finished:before,
.portrait .mtt-finished-modal .title.tournament-finished:after,
.portrait .sng-finished-modal .title.tournament-finished:before,
.portrait .sng-finished-modal .title.tournament-finished:after {
    position: absolute;
    content: "";
    position: absolute;
    height: 1.8rem;
    width: 1.8rem;
    background: url(https://cdn.pokernow.com/tada-emoji-4f2ee4596c5e9e4c1c18.svg);
    background-size: auto 1.8rem
}

.landscape .mtt-finished-modal .title.tournament-finished:before,
.landscape .sng-finished-modal .title.tournament-finished:before,
.portrait .mtt-finished-modal .title.tournament-finished:before,
.portrait .sng-finished-modal .title.tournament-finished:before {
    left: -2.2rem;
    transform: scaleX(-1)
}

.landscape .mtt-finished-modal .title.tournament-finished:after,
.landscape .sng-finished-modal .title.tournament-finished:after,
.portrait .mtt-finished-modal .title.tournament-finished:after,
.portrait .sng-finished-modal .title.tournament-finished:after {
    right: -2.2rem
}

.landscape .mtt-finished-modal .infos,
.landscape .sng-finished-modal .infos,
.portrait .mtt-finished-modal .infos,
.portrait .sng-finished-modal .infos {
    display: flex;
    font-size: .7rem;
    gap: .8rem;
    color: gray;
    justify-content: space-evenly
}

.landscape .mtt-finished-modal .infos p,
.landscape .sng-finished-modal .infos p,
.portrait .mtt-finished-modal .infos p,
.portrait .sng-finished-modal .infos p {
    border-bottom: .01rem dashed #00000024
}

.landscape .mtt-finished-modal .header-row,
.landscape .sng-finished-modal .header-row,
.portrait .mtt-finished-modal .header-row,
.portrait .sng-finished-modal .header-row {
    font-size: .8rem;
    color: gray;
    margin-bottom: .4rem;
    text-align: right;
    padding-right: 1.4rem
}

.landscape .mtt-finished-modal .rank-row,
.landscape .sng-finished-modal .rank-row,
.portrait .mtt-finished-modal .rank-row,
.portrait .sng-finished-modal .rank-row {
    margin-top: 1.2rem;
    display: grid;
    grid-template-columns: 1.8rem 6.1rem 0 auto;
    height: 1.8rem
}

.landscape .mtt-finished-modal .rank-row .prize-icon,
.landscape .sng-finished-modal .rank-row .prize-icon,
.portrait .mtt-finished-modal .rank-row .prize-icon,
.portrait .sng-finished-modal .rank-row .prize-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .mtt-finished-modal .rank-row .prize-icon:after,
.landscape .sng-finished-modal .rank-row .prize-icon:after,
.portrait .mtt-finished-modal .rank-row .prize-icon:after,
.portrait .sng-finished-modal .rank-row .prize-icon:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.35rem;
    background-size: auto 1.8rem
}

.landscape .mtt-finished-modal .rank-row:first-child,
.landscape .sng-finished-modal .rank-row:first-child,
.portrait .mtt-finished-modal .rank-row:first-child,
.portrait .sng-finished-modal .rank-row:first-child {
    margin-top: 0
}

.landscape .mtt-finished-modal .rank-row .player-avatar-column,
.landscape .sng-finished-modal .rank-row .player-avatar-column,
.portrait .mtt-finished-modal .rank-row .player-avatar-column,
.portrait .sng-finished-modal .rank-row .player-avatar-column {
    position: relative
}

.landscape .mtt-finished-modal .rank-row .player-avatar-ctn,
.landscape .sng-finished-modal .rank-row .player-avatar-ctn,
.portrait .mtt-finished-modal .rank-row .player-avatar-ctn,
.portrait .sng-finished-modal .rank-row .player-avatar-ctn {
    position: absolute;
    overflow: hidden;
    background-image: url(https://cdn.pokernow.com/default-avatar-fe833319817b7ae63cd9.png);
    background-size: 2.8rem 2.8rem;
    border-radius: 50%;
    left: -1.6rem;
    top: -0.5rem;
    height: 2.8rem;
    width: 2.8rem;
    display: flex;
    box-shadow: 0 0 .4rem 0 #0000004d
}

.landscape .mtt-finished-modal .rank-row .player-avatar-ctn img,
.landscape .sng-finished-modal .rank-row .player-avatar-ctn img,
.portrait .mtt-finished-modal .rank-row .player-avatar-ctn img,
.portrait .sng-finished-modal .rank-row .player-avatar-ctn img {
    height: 2.8rem;
    width: 2.8rem
}

.landscape .mtt-finished-modal .rank-row .position,
.landscape .sng-finished-modal .rank-row .position,
.portrait .mtt-finished-modal .rank-row .position,
.portrait .sng-finished-modal .rank-row .position {
    border-radius: 1rem 0 0 1rem;
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    padding-right: 1.1rem;
    background: #4e71eb;
    color: #fff;
    box-shadow: inset 0 0 0rem .15rem #00000012
}

.landscape .mtt-finished-modal .rank-row .position small,
.landscape .sng-finished-modal .rank-row .position small,
.portrait .mtt-finished-modal .rank-row .position small,
.portrait .sng-finished-modal .rank-row .position small {
    font-size: .6rem
}

.landscape .mtt-finished-modal .rank-row.first-position .prize-icon:after,
.landscape .sng-finished-modal .rank-row.first-position .prize-icon:after,
.portrait .mtt-finished-modal .rank-row.first-position .prize-icon:after,
.portrait .sng-finished-modal .rank-row.first-position .prize-icon:after {
    background-image: url(https://cdn.pokernow.com/trophy-icon-cbece0df714ea23dd6dc.svg)
}

.landscape .mtt-finished-modal .rank-row.first-position .position,
.landscape .sng-finished-modal .rank-row.first-position .position,
.portrait .mtt-finished-modal .rank-row.first-position .position,
.portrait .sng-finished-modal .rank-row.first-position .position {
    color: #000;
    background: #ebee3f
}

.landscape .mtt-finished-modal .rank-row.second-position .prize-icon:after,
.landscape .sng-finished-modal .rank-row.second-position .prize-icon:after,
.portrait .mtt-finished-modal .rank-row.second-position .prize-icon:after,
.portrait .sng-finished-modal .rank-row.second-position .prize-icon:after {
    background-image: url(https://cdn.pokernow.com/second-medal-icon-b3940f6aa418e40be903.svg)
}

.landscape .mtt-finished-modal .rank-row.second-position .position,
.landscape .sng-finished-modal .rank-row.second-position .position,
.portrait .mtt-finished-modal .rank-row.second-position .position,
.portrait .sng-finished-modal .rank-row.second-position .position {
    color: #000;
    background: #e4e7e7
}

.landscape .mtt-finished-modal .rank-row.third-position .prize-icon:after,
.landscape .sng-finished-modal .rank-row.third-position .prize-icon:after,
.portrait .mtt-finished-modal .rank-row.third-position .prize-icon:after,
.portrait .sng-finished-modal .rank-row.third-position .prize-icon:after {
    background-image: url(https://cdn.pokernow.com/third-medal-icon-9fde402594f31835122e.svg)
}

.landscape .mtt-finished-modal .rank-row.third-position .position,
.landscape .sng-finished-modal .rank-row.third-position .position,
.portrait .mtt-finished-modal .rank-row.third-position .position,
.portrait .sng-finished-modal .rank-row.third-position .position {
    color: #000;
    background: #ed9d5d
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn,
.landscape .sng-finished-modal .rank-row .player-info-ctn,
.portrait .mtt-finished-modal .rank-row .player-info-ctn,
.portrait .sng-finished-modal .rank-row .player-info-ctn {
    padding-left: 2rem;
    padding-right: .1rem;
    border-radius: 0 1rem 1rem 0;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn .username,
.landscape .sng-finished-modal .rank-row .player-info-ctn .username,
.portrait .mtt-finished-modal .rank-row .player-info-ctn .username,
.portrait .sng-finished-modal .rank-row .player-info-ctn .username {
    font-weight: bold;
    font-size: .9rem;
    display: flex;
    align-items: center
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn .username .you-signal,
.landscape .sng-finished-modal .rank-row .player-info-ctn .username .you-signal,
.portrait .mtt-finished-modal .rank-row .player-info-ctn .username .you-signal,
.portrait .sng-finished-modal .rank-row .player-info-ctn .username .you-signal {
    margin-left: .2rem;
    padding: 0rem .3rem .1rem .3rem;
    background: #f81818;
    font-size: .65rem;
    border-radius: .2rem;
    color: #fff
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn .username .rank-signal,
.landscape .sng-finished-modal .rank-row .player-info-ctn .username .rank-signal,
.portrait .mtt-finished-modal .rank-row .player-info-ctn .username .rank-signal,
.portrait .sng-finished-modal .rank-row .player-info-ctn .username .rank-signal {
    margin-left: .2rem;
    padding: 0rem .3rem .1rem .3rem;
    background: #7d52ff;
    font-size: .65rem;
    border-radius: .2rem;
    color: #fff
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn .prize,
.landscape .sng-finished-modal .rank-row .player-info-ctn .prize,
.portrait .mtt-finished-modal .rank-row .player-info-ctn .prize,
.portrait .sng-finished-modal .rank-row .player-info-ctn .prize {
    background: #fdff8b;
    font-weight: bold;
    font-size: .75rem;
    padding: .15rem .65rem;
    border-radius: 1rem;
    border: .15rem solid #f5f50d
}

.landscape .mtt-finished-modal .rank-row .player-info-ctn .prize.red,
.landscape .sng-finished-modal .rank-row .player-info-ctn .prize.red,
.portrait .mtt-finished-modal .rank-row .player-info-ctn .prize.red,
.portrait .sng-finished-modal .rank-row .player-info-ctn .prize.red {
    background: #ff3c3c;
    color: #fff;
    border-color: #ff2929
}

.landscape .mtt-finished-modal .small-note,
.landscape .sng-finished-modal .small-note,
.portrait .mtt-finished-modal .small-note,
.portrait .sng-finished-modal .small-note {
    font-size: .7rem;
    font-style: italic
}

.landscape .sng-finished-modal,
.portrait .sng-finished-modal {
    width: 35rem
}

.landscape .sng-finished-modal .rank-row,
.portrait .sng-finished-modal .rank-row {
    margin-top: .2rem
}

.landscape .sng-finished-modal hr.large-separator,
.portrait .sng-finished-modal hr.large-separator {
    margin: .5rem 0
}

.landscape .sng-finished-modal .header-row,
.portrait .sng-finished-modal .header-row {
    padding-right: .4rem
}

.landscape .sng-finished-modal .rank-row .player-info-ctn .prize-ctn,
.portrait .sng-finished-modal .rank-row .player-info-ctn .prize-ctn {
    display: flex;
    gap: .1rem
}

.landscape .sng-finished-modal .rank-row .player-info-ctn .prize,
.portrait .sng-finished-modal .rank-row .player-info-ctn .prize {
    display: flex;
    align-items: center
}

.landscape .sng-finished-modal .rank-row .player-info-ctn .lounge-chips,
.portrait .sng-finished-modal .rank-row .player-info-ctn .lounge-chips {
    font-size: .55rem
}

.landscape .sng-finished-modal .join-lounge-banner,
.portrait .sng-finished-modal .join-lounge-banner {
    align-items: center;
    justify-content: center;
    gap: .3rem;
    display: flex;
    border: .1rem solid #f5f50d;
    padding: .3rem;
    font-size: .8rem;
    background: #fdff8b;
    border-radius: .3rem;
    text-align: center
}

.landscape .sng-finished-modal .join-lounge-banner .button-1,
.portrait .sng-finished-modal .join-lounge-banner .button-1 {
    line-height: 1.5rem;
    height: 1.5rem
}

.landscape .report-player-modal,
.portrait .report-player-modal {
    height: initial
}

.landscape .report-player-modal .modal-header,
.portrait .report-player-modal .modal-header {
    margin-bottom: .9rem
}

.landscape .report-player-modal .description,
.portrait .report-player-modal .description {
    text-align: center;
    font-size: .8rem;
    margin-bottom: .5rem
}

.landscape .report-player-modal textarea,
.portrait .report-player-modal textarea {
    height: 4rem;
    padding-top: .4rem;
    line-height: 1rem;
    font-size: .7rem
}

.landscape .report-player-modal .modal-footer,
.portrait .report-player-modal .modal-footer {
    display: flex;
    gap: .4rem
}

.landscape .report-player-modal .modal-footer button,
.portrait .report-player-modal .modal-footer button {
    flex: 1
}

.landscape .plus-element-paywall-modal,
.portrait .plus-element-paywall-modal {
    --price-ctn-root-font-size: 0.8rem;
    width: 41rem;
    height: 25.8rem;
    display: flex;
    flex-direction: column
}

.landscape .plus-element-paywall-modal .now-coins-ctn,
.portrait .plus-element-paywall-modal .now-coins-ctn {
    display: flex;
    flex-direction: column
}

.landscape .plus-element-paywall-modal .now-coins-ctn>div,
.portrait .plus-element-paywall-modal .now-coins-ctn>div {
    flex-grow: 1
}

.landscape .plus-element-paywall-modal .now-coins-ctn .now-coins-ctn-body,
.portrait .plus-element-paywall-modal .now-coins-ctn .now-coins-ctn-body {
    display: flex;
    gap: .8rem;
    flex-direction: column;
    justify-content: center
}

.landscape .plus-element-paywall-modal .now-coins-price-ctn,
.portrait .plus-element-paywall-modal .now-coins-price-ctn {
    border: .15rem solid #97bd89;
    padding: .9rem;
    box-sizing: border-box;
    border-radius: .3rem
}

.landscape .plus-element-paywall-modal .now-coins-price-ctn .label,
.portrait .plus-element-paywall-modal .now-coins-price-ctn .label {
    text-align: center
}

.landscape .plus-element-paywall-modal .now-coins-price-ctn button,
.portrait .plus-element-paywall-modal .now-coins-price-ctn button {
    width: 100%
}

.landscape .plus-element-paywall-modal .now-coins-price-ctn .price,
.portrait .plus-element-paywall-modal .now-coins-price-ctn .price {
    font-size: 2rem;
    margin-bottom: .5rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: .2rem;
    justify-content: center
}

.landscape .plus-element-paywall-modal .now-coins-price-ctn .price img,
.portrait .plus-element-paywall-modal .now-coins-price-ctn .price img {
    height: 2rem
}

.landscape .plus-element-paywall-modal .or-signal,
.portrait .plus-element-paywall-modal .or-signal {
    position: relative
}

.landscape .plus-element-paywall-modal .or-signal p,
.portrait .plus-element-paywall-modal .or-signal p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem;
    z-index: 2;
    height: 2rem;
    width: 2rem;
    border-radius: 1rem;
    line-height: 2rem;
    text-align: center;
    font-weight: bold;
    background: #464646;
    color: #fff
}

.landscape .plus-element-paywall-modal .or-signal:after,
.portrait .plus-element-paywall-modal .or-signal:after {
    position: absolute;
    background: #ececec;
    left: 50%;
    top: 0;
    margin-left: -0.1rem;
    border-radius: .2rem;
    content: "";
    width: .2rem;
    height: 100%
}

.landscape .plus-element-paywall-modal .column-title,
.portrait .plus-element-paywall-modal .column-title {
    margin-bottom: .4rem;
    font-size: 1rem;
    text-align: center
}

.landscape .plus-element-paywall-modal .column-title .green,
.portrait .plus-element-paywall-modal .column-title .green {
    color: #1d7543
}

.landscape .plus-element-paywall-modal .feature-description,
.portrait .plus-element-paywall-modal .feature-description {
    background: #e3e3e3;
    padding: .4rem .2rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: .6rem;
    border-radius: .25rem
}

.landscape .plus-element-paywall-modal .modal-body,
.portrait .plus-element-paywall-modal .modal-body {
    overflow: hidden;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 4rem 1fr
}

.landscape .plus-element-paywall-modal .plus-price-ctn .value-ctn,
.portrait .plus-element-paywall-modal .plus-price-ctn .value-ctn {
    margin: calc(var(--price-ctn-root-font-size)*.55) 0
}

.landscape .plus-element-paywall-modal .plus-ctn button,
.portrait .plus-element-paywall-modal .plus-ctn button {
    width: 100%
}

.landscape .plus-element-paywall-modal .plus-features-ctn,
.portrait .plus-element-paywall-modal .plus-features-ctn {
    padding: .2rem .8rem;
    margin-bottom: .8rem
}

.landscape .plus-element-paywall-modal .plus-features-ctn li,
.portrait .plus-element-paywall-modal .plus-features-ctn li {
    line-height: .85rem
}

.landscape .plus-element-paywall-modal .now-coins-balance-ctn,
.portrait .plus-element-paywall-modal .now-coins-balance-ctn {
    border: .08rem dashed #cecece;
    border-radius: .3rem;
    padding: .5rem
}

.landscape .plus-element-paywall-modal .now-coins-balance-ctn button,
.portrait .plus-element-paywall-modal .now-coins-balance-ctn button {
    width: 100%
}

.landscape .plus-element-paywall-modal .already-activated-ctn,
.portrait .plus-element-paywall-modal .already-activated-ctn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.landscape .plus-element-paywall-modal .already-activated-ctn p,
.portrait .plus-element-paywall-modal .already-activated-ctn p {
    padding-top: 6.8rem;
    position: relative
}

.landscape .plus-element-paywall-modal .already-activated-ctn p:before,
.portrait .plus-element-paywall-modal .already-activated-ctn p:before {
    position: absolute;
    left: 50%;
    font-size: 6rem;
    top: 0;
    margin-left: -3rem;
    display: block;
    font-family: "Utils";
    color: #77b685;
    content: ""
}

.landscape .plus-element-paywall-modal .now-coins-balance,
.portrait .plus-element-paywall-modal .now-coins-balance {
    background: #ffc732;
    margin-bottom: .6rem;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: .1rem 0;
    box-shadow: 0 .1rem #da9430
}

.landscape .plus-element-paywall-modal .now-coins-balance p,
.portrait .plus-element-paywall-modal .now-coins-balance p {
    font-size: .75rem;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: .5rem
}

.landscape .plus-element-paywall-modal .now-coins-balance .balance,
.portrait .plus-element-paywall-modal .now-coins-balance .balance {
    position: relative;
    border-radius: .3rem;
    padding: .2rem .5rem;
    padding-right: 2rem;
    background: #fffed5;
    margin-right: .8rem;
    font-size: 1rem;
    font-weight: bold
}

.landscape .plus-element-paywall-modal .now-coins-balance .balance:after,
.portrait .plus-element-paywall-modal .now-coins-balance .balance:after {
    content: "";
    background: url(https://cdn.pokernow.com/now-coin-575ee02a8125a71f5b24.png);
    background-size: 1.3rem auto;
    background-repeat: no-repeat;
    right: .3rem;
    position: absolute;
    height: 2rem;
    width: 1.3rem
}

.landscape .announcement-modal,
.portrait .announcement-modal {
    display: flex;
    flex-direction: column;
    height: auto
}

.landscape .announcement-modal .modal-header,
.portrait .announcement-modal .modal-header {
    margin-bottom: .4rem
}

.landscape .announcement-modal .modal-title,
.portrait .announcement-modal .modal-title {
    width: 100%;
    text-align: center
}

.landscape .announcement-modal .modal-body,
.portrait .announcement-modal .modal-body {
    flex-grow: 1;
    display: flex;
    gap: 4%;
    height: initial;
    overflow: initial
}

.landscape .announcement-modal .example,
.portrait .announcement-modal .example {
    display: flex;
    width: 40rem;
    align-items: center
}

.landscape .announcement-modal .example video,
.landscape .announcement-modal .example img,
.portrait .announcement-modal .example video,
.portrait .announcement-modal .example img {
    width: 100%;
    border-radius: .5rem
}

.landscape .announcement-modal .content,
.portrait .announcement-modal .content {
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.landscape .announcement-modal .content .text,
.portrait .announcement-modal .content .text {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    gap: 1.1rem
}

.landscape .announcement-modal .content p,
.portrait .announcement-modal .content p {
    font-size: .65rem;
    line-height: 1.1rem;
    text-align: center
}

.landscape .announcement-modal .action-buttons,
.portrait .announcement-modal .action-buttons {
    display: flex;
    gap: .2rem
}

.landscape .announcement-modal .action-buttons button,
.landscape .announcement-modal .action-buttons a,
.portrait .announcement-modal .action-buttons button,
.portrait .announcement-modal .action-buttons a {
    margin: 0;
    padding: 0;
    flex-grow: 1
}

.landscape .announcement-modal .campaign-announcement-preference,
.portrait .announcement-modal .campaign-announcement-preference {
    margin-top: .6rem;
    display: flex;
    justify-content: center
}

.landscape .announcement-modal .campaign-announcement-preference .premium-signal,
.portrait .announcement-modal .campaign-announcement-preference .premium-signal {
    width: auto;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: .35rem
}

.landscape .announcement-modal .campaign-announcement-preference .premium-signal .paywall-element,
.portrait .announcement-modal .campaign-announcement-preference .premium-signal .paywall-element {
    position: static;
    top: auto;
    right: auto;
    font-size: .6rem
}

.landscape .announcement-modal .campaign-announcement-preference .inline-checkbox,
.portrait .announcement-modal .campaign-announcement-preference .inline-checkbox {
    font-size: .6rem;
    display: flex;
    align-items: center;
    gap: .3rem;
    cursor: pointer
}

.landscape .announcement-modal .campaign-announcement-preference input[type=checkbox],
.portrait .announcement-modal .campaign-announcement-preference input[type=checkbox] {
    width: .8rem;
    height: .8rem;
    margin: 0
}

.landscape .game-type-cycle-modal,
.portrait .game-type-cycle-modal {
    height: auto
}

.landscape .game-type-cycle-modal .modal-header,
.portrait .game-type-cycle-modal .modal-header {
    margin-bottom: .4rem
}

.landscape .game-type-cycle-modal .variant-column,
.portrait .game-type-cycle-modal .variant-column {
    width: 60%
}

.landscape .game-type-cycle-modal .modal-body,
.portrait .game-type-cycle-modal .modal-body {
    height: initial;
    overflow: initial
}

.landscape .game-type-cycle-modal .modal-footer,
.portrait .game-type-cycle-modal .modal-footer {
    display: flex;
    gap: .4rem
}

.landscape .game-type-cycle-modal .modal-footer button,
.portrait .game-type-cycle-modal .modal-footer button {
    flex: 1
}

.landscape .game-type-cycle-modal input[type=checkbox],
.portrait .game-type-cycle-modal input[type=checkbox] {
    width: 1rem;
    height: 1rem
}

.landscape .game-type-cycle-modal .game-type-cycle-table,
.portrait .game-type-cycle-modal .game-type-cycle-table {
    border: .08rem solid #ccc;
    border-radius: .2rem;
    margin-bottom: .9rem
}

.landscape .game-type-cycle-modal .game-type-cycle-table td,
.landscape .game-type-cycle-modal .game-type-cycle-table th,
.portrait .game-type-cycle-modal .game-type-cycle-table td,
.portrait .game-type-cycle-modal .game-type-cycle-table th {
    text-align: center;
    padding: .2rem
}

.landscape .game-type-cycle-modal .game-type-cycle-table td,
.portrait .game-type-cycle-modal .game-type-cycle-table td {
    border-bottom: .08rem dashed #ccc
}

.landscape .game-type-cycle-modal .game-type-cycle-table tr:last-child td,
.portrait .game-type-cycle-modal .game-type-cycle-table tr:last-child td {
    border-bottom: 0
}

.landscape .game-type-cycle-modal .game-type-cycle-table .form-1-input-control,
.portrait .game-type-cycle-modal .game-type-cycle-table .form-1-input-control {
    margin-bottom: 0
}

.landscape .game-type-cycle-modal .game-type-cycle-table input[type=text],
.portrait .game-type-cycle-modal .game-type-cycle-table input[type=text] {
    text-align: center;
    height: 1.95rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    padding-left: 0;
    padding-right: 0;
    width: 2rem;
    width: 100%
}

.landscape .game-type-cycle-modal .modal-footer button,
.landscape .game-type-cycle-modal .modal-footer div,
.portrait .game-type-cycle-modal .modal-footer button,
.portrait .game-type-cycle-modal .modal-footer div {
    flex: 1
}

.landscape .game-type-cycle-modal .modal-footer div button,
.portrait .game-type-cycle-modal .modal-footer div button {
    width: 100%
}

.landscape .club-request-modal,
.landscape .sign-in-required-modal,
.portrait .club-request-modal,
.portrait .sign-in-required-modal {
    width: 20rem;
    height: auto
}

.landscape .club-request-modal p,
.landscape .sign-in-required-modal p,
.portrait .club-request-modal p,
.portrait .sign-in-required-modal p {
    font-size: .8rem;
    margin-bottom: 1rem;
    text-align: center
}

.landscape .club-request-modal .modal-title,
.landscape .sign-in-required-modal .modal-title,
.portrait .club-request-modal .modal-title,
.portrait .sign-in-required-modal .modal-title {
    text-align: center
}

.landscape .club-request-modal .modal-header,
.landscape .sign-in-required-modal .modal-header,
.portrait .club-request-modal .modal-header,
.portrait .sign-in-required-modal .modal-header {
    margin-bottom: .4rem
}

.landscape .club-request-modal .modal-body,
.landscape .sign-in-required-modal .modal-body,
.portrait .club-request-modal .modal-body,
.portrait .sign-in-required-modal .modal-body {
    overflow: auto;
    height: auto
}

.landscape .club-request-modal input[type=text],
.landscape .club-request-modal input[type=email],
.landscape .club-request-modal .code-input,
.landscape .sign-in-required-modal input[type=text],
.landscape .sign-in-required-modal input[type=email],
.landscape .sign-in-required-modal .code-input,
.portrait .club-request-modal input[type=text],
.portrait .club-request-modal input[type=email],
.portrait .club-request-modal .code-input,
.portrait .sign-in-required-modal input[type=text],
.portrait .sign-in-required-modal input[type=email],
.portrait .sign-in-required-modal .code-input {
    font-size: .8rem;
    height: 2.3rem
}

.landscape .club-request-modal label,
.landscape .sign-in-required-modal label,
.portrait .club-request-modal label,
.portrait .sign-in-required-modal label {
    text-align: center
}

.landscape .club-request-modal .form-1-input-control,
.landscape .sign-in-required-modal .form-1-input-control,
.portrait .club-request-modal .form-1-input-control,
.portrait .sign-in-required-modal .form-1-input-control {
    margin-bottom: .4rem
}

.landscape .club-request-modal .actions,
.landscape .sign-in-required-modal .actions,
.portrait .club-request-modal .actions,
.portrait .sign-in-required-modal .actions {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.landscape .club-request-modal .actions button,
.landscape .sign-in-required-modal .actions button,
.portrait .club-request-modal .actions button,
.portrait .sign-in-required-modal .actions button {
    flex: 1
}

.landscape .club-request-modal .social-login-links,
.landscape .sign-in-required-modal .social-login-links,
.portrait .club-request-modal .social-login-links,
.portrait .sign-in-required-modal .social-login-links {
    margin-top: .8rem;
    margin-bottom: .5rem;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.landscape .club-request-modal .email-login-form .label,
.landscape .sign-in-required-modal .email-login-form .label,
.portrait .club-request-modal .email-login-form .label,
.portrait .sign-in-required-modal .email-login-form .label {
    margin-bottom: .4rem;
    font-size: .8rem
}

.landscape .club-request-modal .email-login-form .actions,
.landscape .sign-in-required-modal .email-login-form .actions,
.portrait .club-request-modal .email-login-form .actions,
.portrait .sign-in-required-modal .email-login-form .actions {
    margin-top: .3rem
}

.landscape .club-request-modal .close-button,
.landscape .sign-in-required-modal .close-button,
.portrait .club-request-modal .close-button,
.portrait .sign-in-required-modal .close-button {
    width: 100%;
    margin-top: .2rem
}

.landscape .club-request-modal .status-msg,
.landscape .sign-in-required-modal .status-msg,
.portrait .club-request-modal .status-msg,
.portrait .sign-in-required-modal .status-msg {
    padding-top: 5.5rem;
    position: relative;
    text-align: center
}

.landscape .club-request-modal .status-msg:before,
.landscape .sign-in-required-modal .status-msg:before,
.portrait .club-request-modal .status-msg:before,
.portrait .sign-in-required-modal .status-msg:before {
    font-family: "Utils";
    font-size: 5rem;
    position: absolute;
    font-weight: lighter;
    top: 0;
    left: 0;
    width: 100%;
    color: #bae9ba
}

.landscape .club-request-modal .status-msg.success:before,
.landscape .sign-in-required-modal .status-msg.success:before,
.portrait .club-request-modal .status-msg.success:before,
.portrait .sign-in-required-modal .status-msg.success:before {
    content: "";
    color: #bae9ba
}

.landscape .club-request-modal .status-msg.failure:before,
.landscape .sign-in-required-modal .status-msg.failure:before,
.portrait .club-request-modal .status-msg.failure:before,
.portrait .sign-in-required-modal .status-msg.failure:before {
    content: "";
    color: #ffc5c5
}

.landscape .club-request-modal .status-msg.waiting:before,
.landscape .sign-in-required-modal .status-msg.waiting:before,
.portrait .club-request-modal .status-msg.waiting:before,
.portrait .sign-in-required-modal .status-msg.waiting:before {
    content: "";
    color: #dadaff
}

.landscape .rake-credits-modal,
.portrait .rake-credits-modal {
    height: auto
}

.landscape .rake-credits-modal .modal-body,
.portrait .rake-credits-modal .modal-body {
    overflow: auto;
    height: auto
}

.landscape .rake-credits-modal .explanation p,
.portrait .rake-credits-modal .explanation p {
    text-align: center;
    margin: 1rem 0;
    font-size: .65rem
}

.landscape .rake-credits-modal .current-rake-credits-ctn,
.portrait .rake-credits-modal .current-rake-credits-ctn {
    border: .01rem dashed #838383;
    border-radius: .2rem;
    margin-bottom: .4rem;
    padding: .2rem .4rem;
    text-align: center
}

.landscape .rake-credits-modal .rake-credits-list-ctn,
.portrait .rake-credits-modal .rake-credits-list-ctn {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.landscape .rake-credits-modal .rake-credits-list-ctn .row,
.portrait .rake-credits-modal .rake-credits-list-ctn .row {
    display: flex;
    background: #393939;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;
    border-radius: .4rem
}

.landscape .rake-credits-modal .rake-credits-list-ctn .buy-button,
.portrait .rake-credits-modal .rake-credits-list-ctn .buy-button {
    font-size: .8rem
}

.landscape .rake-credits-modal .rake-credits-list-ctn .label,
.portrait .rake-credits-modal .rake-credits-list-ctn .label {
    margin-left: .5rem;
    font-size: 1rem;
    color: #d9ff00;
    font-weight: bold;
    margin-bottom: 0
}

.landscape .rake-credits-modal .modal-footer,
.portrait .rake-credits-modal .modal-footer {
    margin-top: .4rem;
    display: flex;
    justify-content: flex-end
}

.landscape .design-theme-modal,
.portrait .design-theme-modal {
    height: 28rem;
    width: 50rem
}

.landscape .design-theme-modal iframe,
.portrait .design-theme-modal iframe {
    width: 100%;
    height: 100%;
    border: none
}

.landscape .plus-iframe-modal,
.portrait .plus-iframe-modal {
    height: 26.3rem;
    width: 50rem
}

.landscape .plus-iframe-modal iframe,
.portrait .plus-iframe-modal iframe {
    width: 100%;
    height: 100%;
    border: none
}

.landscape .connecting-warning,
.portrait .connecting-warning {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 2rem;
    width: 100%
}

.landscape body,
.portrait body {
    --options-ctn-bubble-size: 1rem
}

.landscape .options-ctn-bubble,
.portrait .options-ctn-bubble {
    background: red;
    position: absolute;
    top: calc(var(--options-ctn-bubble-size)*-0.35);
    right: calc(var(--options-ctn-bubble-size)*-0.35);
    color: #fff;
    height: calc(var(--options-ctn-bubble-size)*1.5);
    width: calc(var(--options-ctn-bubble-size)*1.5);
    line-height: calc(var(--options-ctn-bubble-size)*1.5);
    text-align: center;
    border-radius: calc(var(--options-ctn-bubble-size)*2);
    z-index: 2;
    font-size: calc(var(--options-ctn-bubble-size)*.7);
    font-weight: bold
}

.landscape .config-warning-popover,
.portrait .config-warning-popover {
    position: absolute;
    top: 0;
    right: -13.5rem;
    border-radius: .4rem;
    font-size: .8rem;
    padding: .6rem;
    box-sizing: border-box;
    z-index: 100;
    background: #fff;
    width: 13rem;
    box-shadow: rgba(0, 0, 0, .45) 0 0 1.6rem .2rem
}

.landscape .config-warning-popover:before,
.portrait .config-warning-popover:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: 1rem;
    left: -0.2rem;
    background: #fff;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(45deg)
}

.landscape .config-warning-popover .buttons,
.portrait .config-warning-popover .buttons {
    text-align: center
}

.landscape .config-warning-popover p,
.portrait .config-warning-popover p {
    margin-bottom: .5rem
}

.landscape .top-buttons-button,
.portrait .top-buttons-button {
    cursor: pointer;
    position: relative;
    width: 3rem;
    height: 2.8rem;
    background: transparent;
    border: none;
    border-left: .05rem solid #454545;
    border-right: .05rem solid #454545;
    color: #797979;
    padding: 0;
    padding-top: 1.8rem;
    box-sizing: border-box;
    font-size: .35rem;
    text-transform: uppercase
}

.landscape .top-buttons-button:disabled,
.portrait .top-buttons-button:disabled {
    opacity: .5
}

.landscape .top-buttons-button.highlight,
.portrait .top-buttons-button.highlight {
    background: #353535;
    color: #fff
}

.landscape .top-buttons-button.highlight:before,
.portrait .top-buttons-button.highlight:before {
    color: #fff !important
}

.landscape .top-buttons-button.options.highlight,
.portrait .top-buttons-button.options.highlight {
    background: none;
    box-shadow: 0 0 15px 3px #fffc30b3
}

.landscape .top-buttons-button.options:before,
.portrait .top-buttons-button.options:before {
    color: #626262;
    font-size: 1.5rem;
    content: "";
    font-family: "Utils";
    display: block;
    position: absolute;
    top: .2rem;
    left: .65rem
}

.landscape .top-buttons-button:first-of-type,
.portrait .top-buttons-button:first-of-type {
    border-top: .05rem solid #454545;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    border-bottom-width: 0
}

.landscape .top-buttons-button:last-of-type,
.portrait .top-buttons-button:last-of-type {
    border-bottom: .05rem solid #454545;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    border-bottom-width: .05rem
}

.landscape .top-buttons-button.stand-up:before,
.portrait .top-buttons-button.stand-up:before {
    color: #626262;
    font-size: 1.5rem;
    content: "";
    font-family: "Utils";
    display: block;
    position: absolute;
    top: .2rem;
    left: .68rem
}

.landscape .top-buttons-button.sit-back:before,
.portrait .top-buttons-button.sit-back:before {
    color: #626262;
    font-size: 1.5rem;
    content: "";
    font-family: "Utils";
    display: block;
    position: absolute;
    top: .3rem;
    left: .65rem
}

.landscape .top-buttons-button.quit:before,
.portrait .top-buttons-button.quit:before {
    color: #626262;
    font-size: 1.65rem;
    content: "";
    font-family: "Utils";
    display: block;
    position: absolute;
    top: .2rem;
    left: .65rem
}

.landscape .top-buttons,
.portrait .top-buttons {
    width: 2.8rem;
    position: absolute;
    top: 1.5rem;
    left: .5rem;
    z-index: 3
}

.landscape .top-buttons.high-priority,
.portrait .top-buttons.high-priority {
    z-index: 100
}

.landscape .top-buttons .top-controls-options-popover,
.portrait .top-buttons .top-controls-options-popover {
    width: auto;
    position: absolute;
    top: 0;
    left: 115%;
    padding: .7rem;
    min-width: 6rem;
    --options-ctn-bubble-size: 0.7rem
}

.landscape .top-buttons .top-controls-options-popover:before,
.portrait .top-buttons .top-controls-options-popover:before {
    right: 106%;
    left: initial;
    transform: rotate(90deg);
    bottom: initial;
    top: .4rem
}

.landscape .top-buttons .top-controls-options-popover .button-1,
.landscape .top-buttons .top-controls-options-popover .btn-ctn,
.portrait .top-buttons .top-controls-options-popover .button-1,
.portrait .top-buttons .top-controls-options-popover .btn-ctn {
    margin-bottom: .1rem
}

.landscape .top-buttons .top-controls-options-popover .top-controls-account,
.portrait .top-buttons .top-controls-options-popover .top-controls-account {
    margin-bottom: .55rem
}

.landscape .top-buttons .top-controls-options-popover .top-controls-club-name,
.portrait .top-buttons .top-controls-options-popover .top-controls-club-name {
    border-bottom: 1px solid #e3e3e3;
    color: #666;
    font-size: .38rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: .45rem;
    padding: 0 0 .22rem;
    text-align: center;
    text-transform: uppercase
}

.landscape .top-buttons .top-controls-options-popover .top-controls-club-name a,
.portrait .top-buttons .top-controls-options-popover .top-controls-club-name a {
    color: inherit;
    display: block;
    text-decoration-color: #c8c8c8;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: .08rem
}

.landscape .top-buttons .top-controls-options-popover .top-controls-account-row,
.portrait .top-buttons .top-controls-options-popover .top-controls-account-row {
    align-items: center;
    display: flex;
    gap: .35rem;
    justify-content: space-between
}

.landscape .top-buttons .top-controls-options-popover .top-controls-account-main,
.portrait .top-buttons .top-controls-options-popover .top-controls-account-main {
    align-items: center;
    display: flex;
    gap: .35rem;
    min-width: 0
}

.landscape .top-buttons .top-controls-options-popover .top-controls-avatar,
.portrait .top-buttons .top-controls-options-popover .top-controls-avatar {
    background: url(https://cdn.pokernow.com/default-avatar-fe833319817b7ae63cd9.png) center center/cover no-repeat #d8d8d8;
    border-radius: 50%;
    flex: 0 0 1.94rem;
    height: 1.94rem;
    overflow: hidden;
    width: 1.94rem
}

.landscape .top-buttons .top-controls-options-popover .top-controls-avatar img,
.portrait .top-buttons .top-controls-options-popover .top-controls-avatar img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.landscape .top-buttons .top-controls-options-popover .top-controls-username,
.portrait .top-buttons .top-controls-options-popover .top-controls-username {
    font-size: .58rem;
    font-weight: 800;
    line-height: 1;
    min-width: 0
}

.landscape .top-buttons .top-controls-options-popover .top-controls-username a,
.landscape .top-buttons .top-controls-options-popover .top-controls-username p,
.portrait .top-buttons .top-controls-options-popover .top-controls-username a,
.portrait .top-buttons .top-controls-options-popover .top-controls-username p {
    color: #252525;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.landscape .top-buttons .top-controls-options-popover .top-controls-username a,
.portrait .top-buttons .top-controls-options-popover .top-controls-username a {
    text-decoration-color: #c8c8c8;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: .08rem
}

.landscape .top-buttons .top-controls-options-popover .top-controls-account-action,
.portrait .top-buttons .top-controls-options-popover .top-controls-account-action {
    flex: 0 0 auto;
    font-size: .42rem;
    line-height: .9rem;
    height: .95rem;
    min-width: 1.75rem;
    padding: 0 .35rem;
    text-decoration: none;
    text-transform: none;
    width: auto
}

.landscape .top-buttons .top-controls-options-popover .top-controls-account-action:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-account-action:before {
    display: none
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .btn-ctn,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .btn-ctn {
    position: relative
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1 {
    text-transform: none;
    color: #4d4d4d;
    border-color: #4d4d4d;
    line-height: 1.3rem;
    width: 100%;
    white-space: nowrap;
    padding: 0 .5rem 0 1.3rem;
    text-align: left;
    font-size: .7rem;
    height: 1.4rem;
    position: relative
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1:before {
    display: block;
    font-family: "Utils";
    color: #a5a5a5;
    position: absolute;
    font-weight: normal;
    left: .3rem;
    top: 0
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1:last-child,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1:last-child {
    margin-bottom: 0
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.configs:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.configs:before {
    content: ""
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.players:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.players:before {
    content: ""
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.preferences:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.preferences:before {
    content: ""
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.video-audio:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.video-audio:before {
    content: ""
}

.landscape .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.save-hand:before,
.portrait .top-buttons .top-controls-options-popover .top-controls-options-buttons .button-1.save-hand:before {
    content: ""
}

.landscape .rebuy-count:after,
.portrait .rebuy-count:after {
    content: "";
    display: block;
    color: #c65d5d;
    height: .4rem;
    width: .4rem;
    font-size: .6rem;
    font-family: "Utils";
    position: absolute;
    top: 0;
    left: .3rem
}

.landscape .full-screen-button,
.portrait .full-screen-button {
    z-index: 3;
    position: absolute;
    top: 7.2rem;
    background: #000;
    opacity: .3;
    height: 2.1rem;
    width: 2.1rem;
    right: 1.4rem;
    border: none;
    border-radius: .3rem;
    color: transparent;
    cursor: pointer
}

.landscape .full-screen-button:before,
.portrait .full-screen-button:before {
    display: block;
    position: absolute;
    top: .45rem;
    left: 0;
    font-size: 1.2rem;
    height: 100%;
    width: 100%;
    content: "";
    color: #fff;
    font-family: "Utils"
}

.landscape .chips-balance-ctn,
.portrait .chips-balance-ctn {
    border: .08rem solid #b1b1b1;
    border-radius: .2rem;
    overflow: hidden;
    margin-bottom: .5rem
}

.landscape .chips-balance-ctn .buy-chips-button,
.portrait .chips-balance-ctn .buy-chips-button {
    font-size: .65rem;
    border-radius: .2rem;
    text-transform: none;
    line-height: 1.1rem;
    height: 1.2rem;
    width: 100%;
    border-bottom-width: .09rem
}

.landscape .chips-balance-ctn .buy-chips-button img,
.portrait .chips-balance-ctn .buy-chips-button img {
    margin-bottom: -0.05rem;
    height: .6rem
}

.landscape .chips-balance-ctn .buy-chips-button-ctn,
.portrait .chips-balance-ctn .buy-chips-button-ctn {
    border-top: .09rem solid #c8c8c8;
    display: flex;
    padding: .2rem
}

.landscape .chips-balance-ctn .chips-balance,
.portrait .chips-balance-ctn .chips-balance {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ededed;
    font-size: .45rem;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    padding: .1rem
}

.landscape .chips-balance-ctn .chips-balance .row,
.portrait .chips-balance-ctn .chips-balance .row {
    display: grid;
    grid-template-columns: 50% 49%;
    align-items: center;
    width: 100%;
    grid-gap: 1%
}

.landscape .chips-balance-ctn .chips-balance .row .label,
.portrait .chips-balance-ctn .chips-balance .row .label {
    text-align: right
}

.landscape .chips-balance-ctn .chips-balance .row .value,
.portrait .chips-balance-ctn .chips-balance .row .value {
    text-align: center
}

.landscape .chips-balance-ctn .chips-balance p,
.portrait .chips-balance-ctn .chips-balance p {
    line-height: .5rem;
    margin-bottom: 0 !important
}

.landscape .chips-balance-ctn .chips-balance .value,
.portrait .chips-balance-ctn .chips-balance .value {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #555;
    color: #fff;
    border-radius: .2rem;
    font-weight: bold;
    padding: .15rem .2rem
}

.landscape .request-ingress-popover,
.portrait .request-ingress-popover {
    z-index: 99;
    width: 12rem;
    bottom: 4.2rem
}

.landscape .request-ingress-popover form,
.portrait .request-ingress-popover form {
    z-index: 2;
    position: relative
}

.landscape .request-ingress-popover button,
.portrait .request-ingress-popover button {
    width: 100%
}

.landscape .value-no-highlight,
.portrait .value-no-highlight {
    border-radius: .2rem;
    font-weight: normal;
    padding: 0 .2rem
}

.landscape .rlabel,
.portrait .rlabel {
    text-align: right
}

.landscape .player-controls-popover button,
.portrait .player-controls-popover button {
    margin-bottom: .2rem;
    width: 100%
}

.landscape .player-notes,
.portrait .player-notes {
    margin-top: .3rem;
    margin-bottom: 0
}

.landscape .player-notes .form-2-input-control,
.portrait .player-notes .form-2-input-control {
    margin-bottom: 0;
    display: flex;
    position: relative
}

.landscape .player-notes textarea,
.portrait .player-notes textarea {
    width: 100%;
    font-size: .65rem;
    min-height: 2rem;
    height: auto;
    line-height: .8rem;
    padding: .3rem
}

.landscape .player-notes .player-notes-spinner,
.portrait .player-notes .player-notes-spinner {
    position: absolute;
    top: .4rem;
    right: .4rem;
    width: .4rem;
    height: .4rem;
    border: .12rem solid rgba(255, 255, 255, .4);
    border-top-color: #000;
    border-radius: 50%;
    animation: player-notes-spin .8s linear infinite;
    pointer-events: none
}

.landscape .player-notes .player-note-colors,
.portrait .player-notes .player-note-colors {
    display: flex;
    gap: .35rem;
    margin-top: .35rem
}

.landscape .player-notes .player-note-color,
.portrait .player-notes .player-note-color {
    height: .6rem;
    border-radius: .15rem;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-bottom: 0
}

.landscape .player-notes .player-note-color.selected,
.portrait .player-notes .player-note-color.selected {
    border-color: #fff;
    box-shadow: 0 0 .2rem rgba(255, 255, 255, .5)
}

@keyframes player-notes-spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.landscape .disconnect-warning,
.portrait .disconnect-warning {
    box-sizing: border-box;
    z-index: 201;
    position: absolute;
    top: 0;
    font-weight: bold;
    font-size: .7rem;
    padding: .5rem;
    width: 100%;
    background: red;
    color: #fff
}

.landscape .disconnect-warning a,
.portrait .disconnect-warning a {
    color: #fff
}

.landscape .action-signal,
.portrait .action-signal {
    position: absolute;
    top: -1.2rem;
    right: 1rem;
    font-weight: bold;
    position: absolute;
    top: -1.5rem;
    right: .2rem;
    color: #ff0;
    font-size: .7rem;
    text-transform: uppercase;
    padding-left: 1rem
}

.landscape .action-signal.suspended,
.portrait .action-signal.suspended {
    top: -4.1rem
}

.landscape .action-signal:after,
.portrait .action-signal:after {
    content: "";
    position: absolute;
    width: .85rem;
    height: .85rem;
    background: #ff0;
    left: 0;
    top: .03rem;
    border-radius: 50%;
    box-shadow: 0 0 1rem #ebff78;
    animation: blinker 1s linear infinite;
    opacity: 0;
    animation: blinker .2s, blinker 1.5s;
    animation-iteration-count: 5, infinite;
    animation-delay: 2s, 3s;
    animation-fill-mode: forwards, forwards
}

@keyframes blinker {
    0% {
        opacity: 0
    }
    50% {
        opacity: 100%
    }
    100% {
        opacity: 0
    }
}

.landscape .game-infos,
.portrait .game-infos {
    z-index: 2;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: .8rem;
    top: .25rem
}

.landscape .owner-table-name,
.portrait .owner-table-name {
    color: #777;
    text-transform: uppercase;
    font-size: .5rem
}

.landscape .blind-value-ctn,
.portrait .blind-value-ctn {
    display: flex;
    align-items: center;
    gap: .2rem
}

.landscape .blind-value,
.portrait .blind-value {
    font-weight: bold;
    text-transform: uppercase;
    color: #9b9b9b;
    font-size: .9rem;
    display: flex;
    align-items: center;
    --blind-value-game-type-font: 1rem
}

.landscape .blind-value .game-type-ctn,
.portrait .blind-value .game-type-ctn {
    display: flex;
    align-items: center;
    margin-right: calc(.3*var(--blind-value-game-type-font))
}

.landscape .blind-value .game-type-ctn .separator,
.portrait .blind-value .game-type-ctn .separator {
    font-size: calc(.7*var(--blind-value-game-type-font));
    margin: 0 calc(.2*var(--blind-value-game-type-font))
}

.landscape .blind-value .game-type-ctn .next-type,
.portrait .blind-value .game-type-ctn .next-type {
    display: flex;
    align-items: center;
    flex-direction: column
}

.landscape .blind-value .game-type-ctn .next-type.yellow,
.portrait .blind-value .game-type-ctn .next-type.yellow {
    color: #ffff76
}

.landscape .blind-value .game-type-ctn .next-type.current,
.portrait .blind-value .game-type-ctn .next-type.current {
    color: #fff
}

.landscape .blind-value .game-type-ctn .next-type .type,
.portrait .blind-value .game-type-ctn .next-type .type {
    font-size: calc(.6*var(--blind-value-game-type-font));
    margin-bottom: calc(-0.15*var(--blind-value-game-type-font))
}

.landscape .blind-value .game-type-ctn .next-type .desc,
.portrait .blind-value .game-type-ctn .next-type .desc {
    font-size: calc(.38*var(--blind-value-game-type-font))
}

.landscape .blind-value .icon-signals,
.portrait .blind-value .icon-signals {
    cursor: help;
    position: relative;
    display: inline-block;
    height: .9rem;
    width: .9rem;
    text-indent: -9999999px;
    margin-left: .3rem
}

.landscape .blind-value .icon-signals:before,
.portrait .blind-value .icon-signals:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    text-indent: initial;
    font-family: "Utils"
}

.landscape .blind-value .seven-deuce-signal:before,
.portrait .blind-value .seven-deuce-signal:before {
    content: ""
}

.landscape .blind-value .double-board-signal:before,
.portrait .blind-value .double-board-signal:before {
    content: ""
}

.landscape .blind-value .bomb-pot-signal:before,
.portrait .blind-value .bomb-pot-signal:before {
    content: ""
}

.landscape .blind-value .rake-signal:before,
.portrait .blind-value .rake-signal:before {
    content: ""
}

.landscape .blind-value.ante,
.portrait .blind-value.ante {
    font-size: .75em;
    line-height: .4rem
}

.landscape .blind-value.seven-deuce,
.portrait .blind-value.seven-deuce {
    background-color: maroon;
    color: #fff;
    padding: .2rem
}

.landscape .next-blind-counter,
.portrait .next-blind-counter {
    font-size: .55rem;
    color: #e44444;
    text-transform: uppercase
}

.landscape .room-owner-paused,
.portrait .room-owner-paused {
    position: absolute;
    top: 16.8rem;
    font-size: .73rem;
    color: rgba(255, 255, 255, .5);
    font-weight: bold;
    width: 100%;
    text-align: center
}

.landscape .room-owner-paused.rh-message,
.portrait .room-owner-paused.rh-message {
    top: 15rem;
    font-size: .5rem
}

.landscape .next-hand-button,
.portrait .next-hand-button {
    position: absolute !important;
    top: 17rem;
    width: 9rem;
    z-index: 2;
    margin-left: -4.5rem;
    left: 50%;
    background-color: rgba(255, 255, 255, .05);
    backdrop-filter: blur(0.1rem)
}

.landscape .help-link-game,
.portrait .help-link-game {
    position: absolute;
    top: 24.2rem;
    color: #ababab;
    width: 8.8rem;
    left: 5.3rem;
    font-size: .65rem
}

.landscape .help-link-game a,
.portrait .help-link-game a {
    color: #ababab
}

.landscape .spectators-count-ctn,
.portrait .spectators-count-ctn {
    z-index: 10;
    position: absolute;
    top: 23rem;
    left: .6rem
}

.landscape .spectators-count,
.portrait .spectators-count {
    position: relative;
    padding-left: 1.2rem;
    font-size: .7rem;
    font-weight: bold;
    color: #fff;
    cursor: pointer
}

.landscape .spectators-count:before,
.portrait .spectators-count:before {
    left: 0;
    right: 0;
    position: absolute;
    display: inline-block;
    font-size: .9rem;
    color: #ff0;
    height: 1rem;
    width: 1rem;
    font-family: "Utils";
    content: "";
    font-weight: normal
}

.landscape .spectators-popover,
.portrait .spectators-popover {
    bottom: 1.2rem;
    width: 10rem;
    padding: .6rem
}

.landscape .spectators-popover:before,
.portrait .spectators-popover:before {
    top: initial;
    left: 50%;
    margin-left: -0.5rem;
    bottom: -0.2rem
}

.landscape .spectators-popover p,
.portrait .spectators-popover p {
    position: relative;
    z-index: 2;
    font-size: .7rem
}

.landscape .spectators-popover small,
.portrait .spectators-popover small {
    font-size: .5rem;
    color: gray
}

.landscape .spectators-popover .placeholder,
.portrait .spectators-popover .placeholder {
    color: gray;
    text-align: center
}

.landscape .version-link-in-game,
.portrait .version-link-in-game {
    position: absolute;
    top: 25.2rem;
    left: 5.3rem
}

.landscape .aux-chat-bottom-buttons-ctn,
.portrait .aux-chat-bottom-buttons-ctn {
    position: absolute;
    left: .4rem;
    top: 24.1rem
}

.landscape .show-log-button,
.portrait .show-log-button {
    position: relative
}

.landscape .show-log-button:before,
.portrait .show-log-button:before {
    position: absolute;
    top: -0.65rem;
    right: .1rem;
    text-indent: initial;
    content: "l";
    display: block;
    font-size: .4rem
}

.landscape .conf-controls,
.portrait .conf-controls {
    position: absolute;
    left: 23.1rem;
    width: 2rem;
    height: 4.3rem;
    bottom: .5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.landscape .conf-controls .conf-control,
.portrait .conf-controls .conf-control {
    position: relative;
    cursor: pointer;
    border: none;
    background: #383838;
    width: 100%;
    text-indent: -999999px;
    border-radius: .2rem;
    height: 2.12rem;
    padding: 0;
    margin-bottom: .1rem
}

.landscape .conf-controls .conf-control:disabled,
.portrait .conf-controls .conf-control:disabled {
    opacity: .2
}

.landscape .conf-controls .conf-control:before,
.portrait .conf-controls .conf-control:before {
    text-indent: initial;
    position: absolute;
    top: .1rem;
    right: .1rem;
    font-size: .35rem;
    color: #96968d
}

.landscape .conf-controls .conf-control:after,
.portrait .conf-controls .conf-control:after {
    display: block;
    text-indent: initial;
    font-family: "Utils";
    position: absolute;
    left: .55rem;
    top: .6rem;
    color: #96968d;
    font-size: .9rem
}

.landscape .conf-controls .conf-control.join,
.portrait .conf-controls .conf-control.join {
    text-indent: initial;
    height: 4.3rem;
    color: #b6b6b6;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .5rem;
    --icons-element-size: 1rem
}

.landscape .conf-controls .conf-control.join .live-signal,
.portrait .conf-controls .conf-control.join .live-signal {
    display: inline-block;
    font-size: .4rem;
    width: 80%;
    left: 10%;
    position: absolute;
    top: -0.2rem;
    border-radius: .1rem;
    background: #f1fd65;
    color: #000
}

.landscape .conf-controls .conf-control.join:before,
.portrait .conf-controls .conf-control.join:before {
    content: "";
    display: block;
    height: calc(var(--icons-element-size)*2.2);
    top: calc(var(--icons-element-size)*1.8);
    left: calc(var(--icons-element-size)*.3);
    border-radius: calc(var(--icons-element-size)*.15);
    width: calc(var(--icons-element-size)*1.4);
    position: absolute;
    background-color: #2d2d2d;
    background-image: url(https://cdn.pokernow.com/join-conf-button-6d23a842a2240ff1cb8c.svg);
    background-size: calc(var(--icons-element-size)*.7);
    background-position: calc(var(--icons-element-size)*.36) calc(var(--icons-element-size)*.4);
    background-repeat: no-repeat;
    border-bottom: calc(var(--icons-element-size)*.1) solid #3d3d3d
}

.landscape .conf-controls .conf-control.join .label,
.portrait .conf-controls .conf-control.join .label {
    position: absolute;
    top: .7rem;
    left: 0;
    width: 100%
}

.landscape .conf-controls .conf-control.mic:before,
.portrait .conf-controls .conf-control.mic:before {
    content: "U"
}

.landscape .conf-controls .conf-control.mic:after,
.portrait .conf-controls .conf-control.mic:after {
    content: ""
}

.landscape .conf-controls .conf-control.mic-person,
.portrait .conf-controls .conf-control.mic-person {
    box-sizing: border-box;
    text-indent: initial;
    color: #fff;
    padding-left: 1.1rem;
    font-size: .5rem
}

.landscape .conf-controls .conf-control.mic-person:after,
.portrait .conf-controls .conf-control.mic-person:after {
    top: .34rem;
    left: .23rem;
    font-size: .65rem;
    content: ""
}

.landscape .conf-controls .conf-control.camera:before,
.portrait .conf-controls .conf-control.camera:before {
    content: "V"
}

.landscape .conf-controls .conf-control.camera:after,
.portrait .conf-controls .conf-control.camera:after {
    content: ""
}

.landscape .conf-controls .conf-control.settings:after,
.portrait .conf-controls .conf-control.settings:after {
    content: ""
}

.landscape .conf-controls .conf-control.active,
.portrait .conf-controls .conf-control.active {
    background: #459844
}

.landscape .conf-controls .conf-control.active:after,
.landscape .conf-controls .conf-control.active:before,
.portrait .conf-controls .conf-control.active:after,
.portrait .conf-controls .conf-control.active:before {
    color: #fff
}

.landscape .top-right-buttons,
.portrait .top-right-buttons {
    z-index: 20;
    position: absolute;
    width: 2.1rem;
    top: 2.8rem;
    right: .8rem
}

.landscape .top-right-buttons .with-tip-top-right-button-ctn,
.portrait .top-right-buttons .with-tip-top-right-button-ctn {
    position: relative;
    margin-bottom: .1rem
}

.landscape .top-right-buttons .action-button,
.portrait .top-right-buttons .action-button {
    height: 2.1rem;
    width: 2.1rem;
    text-indent: -999999px;
    position: relative;
    font-weight: normal
}

.landscape .top-right-buttons .action-button:after,
.portrait .top-right-buttons .action-button:after {
    text-indent: initial;
    font-family: "Utils";
    position: absolute;
    left: .55rem;
    top: .06rem;
    font-size: 1rem
}

.landscape .top-right-buttons .sound-control-button:after,
.portrait .top-right-buttons .sound-control-button:after {
    text-indent: initial;
    left: .4rem;
    top: .05rem;
    font-size: 1.3rem
}

.landscape .top-right-buttons .sound-control-button.sound-off:after,
.portrait .top-right-buttons .sound-control-button.sound-off:after {
    content: ""
}

.landscape .top-right-buttons .sound-control-button.sound-high:after,
.portrait .top-right-buttons .sound-control-button.sound-high:after {
    content: ""
}

.landscape .top-right-buttons .sound-control-button.sound-low:after,
.portrait .top-right-buttons .sound-control-button.sound-low:after {
    content: ""
}

.landscape .top-right-buttons .sound-control-button.sound-med:after,
.portrait .top-right-buttons .sound-control-button.sound-med:after {
    content: ""
}

.landscape .top-right-buttons .not-seated-players-button:after,
.portrait .top-right-buttons .not-seated-players-button:after {
    content: "";
    left: .55rem;
    top: .07rem
}

.landscape .top-right-buttons .not-seated-players-button.highlighted,
.portrait .top-right-buttons .not-seated-players-button.highlighted {
    background: initial
}

.landscape .top-right-buttons .not-seated-players-button.highlighted:after,
.portrait .top-right-buttons .not-seated-players-button.highlighted:after {
    color: #ff0
}

.landscape .top-right-buttons .stop-game-button:after,
.portrait .top-right-buttons .stop-game-button:after {
    content: "";
    left: .58rem;
    top: .07rem
}

.landscape .top-right-buttons .stop-game-button.highlighted,
.portrait .top-right-buttons .stop-game-button.highlighted {
    background: red;
    color: #fff
}

.landscape .top-right-buttons .pause-game-button:before,
.portrait .top-right-buttons .pause-game-button:before {
    position: absolute;
    text-indent: initial;
    top: -0.65rem;
    right: .1rem;
    content: "p";
    display: block;
    font-size: .4rem
}

.landscape .top-right-buttons .pause-game-button.paused:after,
.portrait .top-right-buttons .pause-game-button.paused:after {
    content: ""
}

.landscape .top-right-buttons .pause-game-button.not-paused:after,
.portrait .top-right-buttons .pause-game-button.not-paused:after {
    content: ""
}

.landscape .with-tip-top-right-button-ctn .tip,
.portrait .with-tip-top-right-button-ctn .tip {
    display: none;
    top: .5rem;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #bcbcbc;
    position: absolute;
    box-sizing: border-box;
    right: 2.1rem;
    font-size: .5rem;
    white-space: nowrap;
    padding: .2rem;
    border-radius: .2rem 0 0 .2rem
}

.landscape .with-tip-top-right-button-ctn:hover .tip,
.portrait .with-tip-top-right-button-ctn:hover .tip {
    display: block
}

.landscape .in-chat-players-popover,
.portrait .in-chat-players-popover {
    padding: .8rem;
    z-index: 5;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    max-height: 9rem;
    width: 12rem;
    overflow: auto
}

.landscape .in-chat-players-popover .placeholder,
.portrait .in-chat-players-popover .placeholder {
    font-size: .7rem;
    color: gray;
    text-align: center
}

.landscape .in-chat-players-popover:before,
.portrait .in-chat-players-popover:before {
    top: initial;
    bottom: -0.1rem;
    right: initial;
    left: .5rem
}

.landscape .in-chat-players-popover .player-row,
.portrait .in-chat-players-popover .player-row {
    position: relative;
    font-size: .6rem;
    border-bottom: .05rem solid #dcdcdc;
    padding: .2rem 0;
    line-height: 1.4rem
}

.landscape .in-chat-players-popover .player-row:first-child,
.portrait .in-chat-players-popover .player-row:first-child {
    padding-top: 0
}

.landscape .in-chat-players-popover .player-row:last-child,
.portrait .in-chat-players-popover .player-row:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.landscape .in-chat-players-popover button,
.portrait .in-chat-players-popover button {
    border-radius: .2rem;
    border-width: .02rem;
    position: absolute;
    right: 0;
    font-size: .5rem;
    line-height: 1.4rem;
    height: 1.4rem
}

.landscape .full-screen-button,
.portrait .full-screen-button {
    z-index: 3;
    position: absolute;
    top: 7.25rem;
    background: #000;
    opacity: .3;
    height: 2.1rem;
    width: 2.1rem;
    right: 3.3rem;
    border: none;
    border-radius: .3rem;
    color: transparent;
    cursor: pointer
}

.landscape .full-screen-button:before,
.portrait .full-screen-button:before {
    display: block;
    position: absolute;
    top: .45rem;
    left: 0;
    font-size: 1.2rem;
    height: 100%;
    width: 100%;
    content: "";
    color: #fff;
    font-family: "Utils"
}

.landscape .chips-value .bb-value,
.portrait .chips-value .bb-value {
    display: none
}

.landscape .chips-value small,
.portrait .chips-value small {
    font-size: .6em
}

.landscape .chips-value.presenting-bb,
.portrait .chips-value.presenting-bb {
    cursor: help
}

.landscape .chips-value.presenting-bb .bb-value,
.portrait .chips-value.presenting-bb .bb-value {
    display: initial
}

.landscape .chips-value.presenting-bb .normal-value,
.portrait .chips-value.presenting-bb .normal-value {
    display: none
}

.landscape .chips-value.presenting-bb:hover .bb-value,
.portrait .chips-value.presenting-bb:hover .bb-value {
    display: none
}

.landscape .chips-value.presenting-bb:hover .normal-value,
.portrait .chips-value.presenting-bb:hover .normal-value {
    display: initial
}

.landscape .game-decisions-ctn,
.portrait .game-decisions-ctn {
    position: absolute;
    bottom: .5rem;
    right: .7rem;
    white-space: nowrap
}

.landscape .game-decisions-ctn .action-buttons,
.portrait .game-decisions-ctn .action-buttons {
    display: flex;
    gap: .5rem;
    justify-content: right;
    align-items: flex-end
}

.landscape .game-decisions-ctn .action-buttons .action-button,
.portrait .game-decisions-ctn .action-buttons .action-button {
    padding: 0 1.2rem;
    height: 3.5rem;
    font-size: .8rem
}

.landscape .game-decisions-ctn .join-game-options,
.portrait .game-decisions-ctn .join-game-options {
    display: flex;
    gap: .2rem
}

.landscape .game-decisions-ctn .raise,
.portrait .game-decisions-ctn .raise {
    width: 6rem
}

.landscape .suspended-action,
.portrait .suspended-action {
    position: absolute !important;
    right: 0;
    height: 2.2rem;
    bottom: 4.1rem;
    font-size: .8rem
}

.landscape .suspended-action.high,
.portrait .suspended-action.high {
    bottom: 5.1rem
}

.landscape .rit-container,
.portrait .rit-container {
    border: .08rem solid #fff;
    display: inline-block;
    box-sizing: border-box;
    border-radius: .3rem;
    padding-top: .1rem;
    padding: .2rem
}

.landscape .rit-container .buttons,
.portrait .rit-container .buttons {
    display: flex;
    gap: .2rem
}

.landscape .rit-container button,
.portrait .rit-container button {
    line-height: 2rem;
    width: 3.5rem;
    height: 2rem;
    padding: 0
}

.landscape .rit-container .label,
.portrait .rit-container .label {
    color: #fff;
    font-size: .6rem;
    text-align: center;
    margin-bottom: .2rem
}

.landscape .lobby-warning-ctn,
.portrait .lobby-warning-ctn {
    position: relative;
    display: flex;
    flex: 1
}

.landscape .lobby-warning-ctn .request-ingress-popover,
.portrait .lobby-warning-ctn .request-ingress-popover {
    bottom: 5rem;
    right: 0
}

.landscape .lobby-warning-ctn .request-ingress-popover:before,
.portrait .lobby-warning-ctn .request-ingress-popover:before {
    right: 1.2rem
}

.landscape .lobby-warning-ctn .warning,
.portrait .lobby-warning-ctn .warning {
    flex: 1;
    border: .08rem dashed #8f8f8f;
    border-radius: .4rem;
    padding: .5rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .1rem
}

.landscape .lobby-warning-ctn .warning p,
.portrait .lobby-warning-ctn .warning p {
    font-size: .6rem
}

.landscape .lobby-warning-ctn .warning .button-1,
.portrait .lobby-warning-ctn .warning .button-1 {
    width: 100%
}

.landscape .lobby-warning-ctn.waitlist .warning,
.portrait .lobby-warning-ctn.waitlist .warning {
    padding: .2rem .5rem
}

.landscape .external-club-infos-ctn,
.portrait .external-club-infos-ctn {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 2
}

.landscape .external-club-infos-ctn .logo-container,
.portrait .external-club-infos-ctn .logo-container {
    background: #363636;
    padding: 0 .4rem;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom-right-radius: .2rem;
    height: 1.1rem
}

.landscape .external-club-infos-ctn .logo-container a,
.portrait .external-club-infos-ctn .logo-container a {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none
}

.landscape .external-club-infos-ctn .with-diamond:after,
.portrait .external-club-infos-ctn .with-diamond:after {
    margin-left: .2rem;
    font-size: .45rem;
    font-family: "Utils";
    content: "";
    color: #ff0
}

.landscape .external-club-infos-ctn .poker-now-logo,
.portrait .external-club-infos-ctn .poker-now-logo {
    height: .6rem
}

.landscape .emoji-container,
.portrait .emoji-container {
    z-index: 3;
    position: absolute;
    top: 1.5rem;
    height: 2rem;
    width: 1.8rem;
    right: -0.8rem
}

.landscape .emoji-mood,
.portrait .emoji-mood {
    cursor: pointer
}

.landscape .emoji-close,
.portrait .emoji-close {
    position: absolute;
    top: 1.5rem;
    background: transparent;
    cursor: pointer;
    border: none;
    color: transparent;
    bottom: -0.3rem;
    left: .45rem
}

.landscape .emoji-close:before,
.portrait .emoji-close:before {
    color: #f76a6a;
    font-size: .9rem;
    content: "";
    font-family: "Utils";
    display: block
}

.landscape .emoji-select-button,
.portrait .emoji-select-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    font-size: .2rem;
    border: none;
    color: transparent;
    cursor: pointer;
    background: url(https://cdn.pokernow.com/emoji-placeholder-9b4630e2379dc99d03b3.png);
    background-size: cover
}

.landscape .emoji-selector-cotainer,
.portrait .emoji-selector-cotainer {
    z-index: 7;
    position: absolute;
    height: 16.4rem;
    width: 13rem;
    top: -16.7rem;
    left: -3rem
}

.landscape .emoji-remove-button,
.portrait .emoji-remove-button {
    position: absolute;
    background: red;
    color: #fff;
    border: none;
    font-size: .55rem;
    border-radius: .2rem;
    padding: .1rem .2rem;
    bottom: .1rem;
    cursor: pointer;
    right: 0;
    z-index: 2
}

.landscape .alert-1-container,
.portrait .alert-1-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .66);
    z-index: 100;
    left: 0;
    top: 0
}

.landscape .alert-1,
.portrait .alert-1 {
    background: #fff;
    box-shadow: 0 0 3rem .1rem #000;
    width: 30rem;
    position: absolute;
    border-radius: .5rem;
    padding: .8rem;
    box-sizing: border-box;
    font-size: 1.1rem
}

.landscape .alert-1 .content,
.portrait .alert-1 .content {
    background: #efefef;
    padding: .5rem .7rem;
    margin-bottom: .5rem;
    border-radius: .3rem
}

.landscape .alert-1 .content input[type=checkbox],
.portrait .alert-1 .content input[type=checkbox] {
    height: .8rem;
    width: .8rem
}

.landscape .alert-1 .content p,
.portrait .alert-1 .content p {
    margin-bottom: .5rem
}

.landscape .alert-1 .content p:last-child,
.portrait .alert-1 .content p:last-child {
    margin-bottom: 0
}

.landscape .alert-1 .content a,
.portrait .alert-1 .content a {
    color: #5c6609
}

.landscape .alert-1-buttons,
.portrait .alert-1-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    gap: .4rem
}

.landscape .alert-1-buttons button,
.portrait .alert-1-buttons button {
    letter-spacing: .02em
}

.landscape .alert-1.full-buttons button,
.portrait .alert-1.full-buttons button {
    margin-top: .15rem;
    margin-left: 0;
    width: 100%
}

.landscape .alert-rebuy .title,
.portrait .alert-rebuy .title {
    text-align: center;
    font-weight: bold;
    margin-bottom: .5rem
}

.landscape .alert-rebuy .content p,
.portrait .alert-rebuy .content p {
    text-align: center;
    font-size: .85rem;
    margin-bottom: .5rem
}

.landscape .alert-rebuy .decisions,
.portrait .alert-rebuy .decisions {
    display: flex;
    gap: .2rem
}

.landscape .alert-rebuy .decisions button,
.portrait .alert-rebuy .decisions button {
    flex-basis: 0;
    flex-grow: 1;
    line-height: 2.2rem;
    height: 2.4rem
}

.landscape .alert-rebuy .decisions .gray,
.portrait .alert-rebuy .decisions .gray {
    background: #fff;
    color: #727272
}

.landscape .alert-rebuy .alert-1-buttons,
.portrait .alert-rebuy .alert-1-buttons {
    flex-wrap: initial
}

.landscape .alert-rebuy .rebuy-infos,
.portrait .alert-rebuy .rebuy-infos {
    display: flex;
    justify-content: center;
    gap: .2rem;
    flex-direction: column;
    font-size: .8rem
}

.landscape .alert-rebuy .alert-rebuy-count,
.portrait .alert-rebuy .alert-rebuy-count {
    color: #797979
}

.landscape .alert-rebuy .alert-rebuy-count a,
.portrait .alert-rebuy .alert-rebuy-count a {
    color: #000
}

.landscape .alert-rebuy .popup-bottom,
.portrait .alert-rebuy .popup-bottom {
    display: flex;
    justify-content: space-between
}

.landscape .alert-rebuy .tag-selector,
.portrait .alert-rebuy .tag-selector {
    width: 100%
}

.landscape .alert-rebuy .form-1-input-control,
.portrait .alert-rebuy .form-1-input-control {
    margin-bottom: .1rem
}

.landscape .alert-rebuy .chips-balance-ctn,
.portrait .alert-rebuy .chips-balance-ctn {
    margin-bottom: 0
}

.landscape .alert-rebuy .chips-balance-ctn .chips-balance,
.portrait .alert-rebuy .chips-balance-ctn .chips-balance {
    display: flex;
    flex-direction: row
}

.landscape .alert-rebuy .chips-balance-ctn .chips-balance .row p,
.portrait .alert-rebuy .chips-balance-ctn .chips-balance .row p {
    font-size: .5rem !important
}

.landscape .alert-rebuy-container,
.portrait .alert-rebuy-container {
    z-index: 90
}

.landscape .nit-game-options .value,
.portrait .nit-game-options .value {
    font-size: 1.1rem !important
}

.landscape .nit-game-options .options,
.portrait .nit-game-options .options {
    width: 8.2rem;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    gap: .5rem
}

.landscape .nit-game-options .options label,
.portrait .nit-game-options .options label {
    cursor: pointer;
    display: flex;
    font-weight: bold;
    font-size: .9rem;
    align-items: center;
    gap: .1rem
}

.landscape .nit-game-options .options input,
.portrait .nit-game-options .options input {
    height: 1rem;
    width: 1rem
}

.landscape .nit-game-options .validation,
.portrait .nit-game-options .validation {
    margin-top: .5rem;
    font-weight: bold
}

.landscape .nit-game-options .validation.mini,
.portrait .nit-game-options .validation.mini {
    font-size: .6rem
}

.landscape .nit-game-options .validation.green,
.portrait .nit-game-options .validation.green {
    color: #20623c
}

.landscape .alert-1-email-login p,
.portrait .alert-1-email-login p {
    font-size: .9rem
}

.landscape .raise-controller-form,
.portrait .raise-controller-form {
    z-index: 25;
    width: 40rem;
    height: 4.7rem;
    position: relative
}

.landscape .raise-controller-form .action-buttons,
.portrait .raise-controller-form .action-buttons {
    bottom: .2rem;
    display: flex;
    flex-direction: row-reverse;
    width: 10rem;
    position: absolute;
    right: 0
}

.landscape .raise-controller-form .action-buttons button,
.landscape .raise-controller-form .action-buttons input[type=submit],
.portrait .raise-controller-form .action-buttons button,
.portrait .raise-controller-form .action-buttons input[type=submit] {
    flex: 1 1 0px
}

.landscape .raise-controller-form .action-buttons button:last-child,
.landscape .raise-controller-form .action-buttons input[type=submit]:last-child,
.portrait .raise-controller-form .action-buttons button:last-child,
.portrait .raise-controller-form .action-buttons input[type=submit]:last-child {
    margin-left: 0
}

.landscape .raise-controller,
.portrait .raise-controller {
    margin-left: .5rem;
    position: relative;
    background: #2f2f2f;
    color: #000;
    height: 4.7rem;
    width: 20em;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: .5em;
    display: inline-block
}

.landscape .raise-controller .slider,
.portrait .raise-controller .slider {
    position: absolute;
    background: #3a3a3a;
    width: 100%;
    top: 2.5rem;
    height: 2.3rem
}

.landscape .raise-controller .default-bet-buttons,
.portrait .raise-controller .default-bet-buttons {
    position: absolute;
    top: .2rem;
    left: .2rem;
    right: .2rem
}

.landscape .raise-controller .default-bet-button,
.portrait .raise-controller .default-bet-button {
    padding: 0;
    width: 19%;
    margin-right: .2rem;
    font-size: .5rem;
    height: 2rem;
    line-height: 2rem;
    letter-spacing: .05rem
}

.landscape .raise-controller .default-bet-button,
.landscape .raise-controller .default-bet-button:focus,
.portrait .raise-controller .default-bet-button,
.portrait .raise-controller .default-bet-button:focus {
    border: .05rem solid #4f4f4f
}

.landscape .raise-controller .default-bet-button:last-child,
.portrait .raise-controller .default-bet-button:last-child {
    margin-right: 0
}

.landscape .raise-controller .slider-control,
.portrait .raise-controller .slider-control {
    top: .9rem;
    width: 15rem;
    position: absolute;
    left: 2.5rem;
    border-radius: .3rem;
    -webkit-appearance: none;
    appearance: none;
    height: .3rem;
    background: #585858;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.landscape .raise-controller .slider-control::-webkit-slider-thumb,
.portrait .raise-controller .slider-control::-webkit-slider-thumb {
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    background: #ffbb1f;
    cursor: pointer
}

.landscape .raise-controller .slider-control::-moz-range-thumb,
.portrait .raise-controller .slider-control::-moz-range-thumb {
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    background: #ffbb1f;
    cursor: pointer
}

.landscape .raise-controller .control-button,
.portrait .raise-controller .control-button {
    cursor: pointer;
    background: #434343;
    border: none;
    height: 2.3rem;
    line-height: 2rem;
    width: 2rem;
    font-size: 1.2rem;
    color: #fff
}

.landscape .raise-controller .increase,
.portrait .raise-controller .increase {
    position: absolute;
    right: 0
}

.landscape .raise-bet-value,
.portrait .raise-bet-value {
    vertical-align: top;
    position: relative;
    background: #2f2f2f;
    color: #000;
    height: 100%;
    width: 9em;
    overflow: hidden;
    padding: 0;
    padding-top: .5em;
    box-sizing: border-box;
    border-radius: .5em;
    display: inline-block
}

.landscape .raise-bet-value .value-input-ctn,
.portrait .raise-bet-value .value-input-ctn {
    margin: 0;
    margin-top: .3rem;
    margin-left: 2.2%;
    width: 95%;
    position: relative
}

.landscape .raise-bet-value .value-input-ctn input::selection,
.portrait .raise-bet-value .value-input-ctn input::selection {
    background: #2c8b55;
    color: #fff
}

.landscape .raise-bet-value .bb-value,
.portrait .raise-bet-value .bb-value {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .5rem;
    color: #fff083
}

.landscape .raise-bet-value .value,
.portrait .raise-bet-value .value {
    border-radius: .3rem;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    width: 100%;
    background: rgba(255, 255, 255, .04);
    padding: 0;
    border: .05rem solid rgba(255, 255, 255, .1);
    text-align: center
}

.landscape .raise-bet-value .label,
.portrait .raise-bet-value .label {
    color: gray;
    font-size: .8em;
    text-align: center
}

.landscape .raise-bet-value.invalid,
.portrait .raise-bet-value.invalid {
    background: #d02323
}

.landscape .raise-bet-value.invalid .label,
.portrait .raise-bet-value.invalid .label {
    color: #fff
}

.landscape .chat,
.portrait .chat {
    position: absolute;
    left: .4rem;
    bottom: .5rem;
    bottom: .5rem
}

.landscape .chat .blocked-chat-popover,
.portrait .chat .blocked-chat-popover {
    position: absolute;
    z-index: 6;
    bottom: 1.5rem;
    right: 0;
    width: 14rem;
    padding: .6rem
}

.landscape .chat .blocked-chat-popover .blank-slate,
.portrait .chat .blocked-chat-popover .blank-slate {
    font-size: .8rem;
    text-align: center
}

.landscape .chat .blocked-chat-popover .player-row,
.portrait .chat .blocked-chat-popover .player-row {
    align-items: center;
    display: grid;
    grid-template-columns: auto 3.5rem;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    border-bottom: .05rem dashed #dfdfdf;
    font-size: .8rem
}

.landscape .chat .blocked-chat-popover .player-row small,
.portrait .chat .blocked-chat-popover .player-row small {
    font-size: .5rem
}

.landscape .chat .blocked-chat-popover .player-row:last-child,
.portrait .chat .blocked-chat-popover .player-row:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.landscape .chat .blocked-chat-popover .player-row button,
.portrait .chat .blocked-chat-popover .player-row button {
    width: 100%;
    line-height: 1.4rem;
    height: 1.4rem
}

.landscape .chat .blocked-chat-popover:before,
.portrait .chat .blocked-chat-popover:before {
    right: 1.2rem
}

.landscape .chat .blocked-chat-button,
.portrait .chat .blocked-chat-button {
    cursor: pointer;
    background: #262626;
    border: none;
    color: #fff;
    font-size: .4rem;
    padding: 0;
    display: none
}

.landscape .chat .chat-action-buttons,
.portrait .chat .chat-action-buttons {
    grid-row: 1;
    grid-column: 3;
    height: 100%;
    display: grid;
    grid-template-rows: 100%
}

.landscape .chat .chat-action-buttons .chat-new-message-button,
.portrait .chat .chat-action-buttons .chat-new-message-button {
    position: relative;
    border: 0;
    cursor: pointer;
    padding-top: 2rem;
    box-sizing: border-box;
    font-size: .6rem;
    background: #383838;
    color: #969696;
    text-transform: uppercase;
    line-height: 100%;
    height: 100%;
    width: 100%;
    text-align: center;
    text-indent: -999999px
}

.landscape .chat .chat-action-buttons .chat-new-message-button.with-tip:before,
.portrait .chat .chat-action-buttons .chat-new-message-button.with-tip:before {
    text-indent: initial;
    content: "m";
    position: absolute;
    top: .2rem;
    text-align: center;
    background: #2f2f2f;
    left: .15rem;
    font-size: .5rem;
    border-radius: .18rem;
    padding: .2rem;
    color: #949090
}

.landscape .chat .chat-action-buttons .chat-new-message-button:after,
.portrait .chat .chat-action-buttons .chat-new-message-button:after {
    text-indent: initial;
    font-family: "Utils";
    content: "";
    font-size: 1.6rem;
    width: 100%;
    position: absolute;
    top: 1.9rem;
    left: 0
}

.landscape .chat .chat-new-message-form,
.portrait .chat .chat-new-message-form {
    position: absolute;
    box-shadow: rgba(0, 0, 0, .45) 0 0 1.6rem .2rem;
    width: 20rem;
    background: #fff;
    height: 3rem;
    top: -3rem;
    right: 0;
    border-radius: .3rem;
    padding: .6rem;
    box-sizing: border-box;
    z-index: 4
}

.landscape .chat .chat-new-message-form:before,
.portrait .chat .chat-new-message-form:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: -0.2rem;
    right: .75rem;
    background: #fff;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(45deg)
}

.landscape .chat .chat-new-message-form input[type=text],
.portrait .chat .chat-new-message-form input[type=text] {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    font-size: .8rem;
    background: transparent;
    color: #000;
    border: none
}

.landscape .chat .chat-container,
.portrait .chat .chat-container {
    display: grid;
    grid-template-columns: 0 auto 2.5rem;
    position: relative;
    background: #2f2f2f;
    height: 4.4rem;
    width: 22.5rem;
    color: #969696;
    font-size: .7rem;
    border-radius: .3rem;
    overflow: hidden
}

.landscape .chat .chat-container.with-blocked-players .blocked-chat-button,
.portrait .chat .chat-container.with-blocked-players .blocked-chat-button {
    display: block
}

.landscape .chat .chat-container.with-blocked-players .chat-action-buttons,
.portrait .chat .chat-container.with-blocked-players .chat-action-buttons {
    grid-template-rows: auto 1rem
}

.landscape .chat .chat-container.with-channel-selector,
.portrait .chat .chat-container.with-channel-selector {
    grid-template-columns: 1.5rem auto 2.5rem
}

.landscape .chat .chat-container.expanded,
.portrait .chat .chat-container.expanded {
    height: 14rem;
    z-index: 20
}

.landscape .chat .chat-messages-list,
.portrait .chat .chat-messages-list {
    overflow-y: scroll;
    max-height: 100%
}

.landscape .chat .chat-message-container,
.portrait .chat .chat-message-container {
    position: relative;
    margin-bottom: .15rem;
    font-size: .6rem
}

.landscape .chat .chat-message-container:last-child,
.portrait .chat .chat-message-container:last-child {
    margin-bottom: 0
}

.landscape .chat .chat-message-container .message-ballon,
.portrait .chat .chat-message-container .message-ballon {
    z-index: 2;
    margin-left: 3.5rem;
    border: solid .03rem #292929;
    background: #292929;
    position: relative;
    color: #dcdcdc;
    border-radius: .2rem;
    padding: .1rem .25rem;
    white-space: pre-line
}

.landscape .chat .chat-message-container .message-ballon .moderation-buttons,
.portrait .chat .chat-message-container .message-ballon .moderation-buttons {
    position: absolute;
    gap: .1rem;
    display: none;
    bottom: 0;
    right: .1rem
}

.landscape .chat .chat-message-container .message-ballon .moderation-button,
.portrait .chat .chat-message-container .message-ballon .moderation-button {
    position: relative;
    padding-left: .9rem;
    color: red;
    background: transparent;
    border: .05rem solid red;
    border-radius: .15rem;
    cursor: pointer
}

.landscape .chat .chat-message-container .message-ballon .moderation-button:before,
.portrait .chat .chat-message-container .message-ballon .moderation-button:before {
    position: absolute;
    font-family: "Utils";
    top: .1rem;
    left: .19rem
}

.landscape .chat .chat-message-container .message-ballon .moderation-button.report:before,
.portrait .chat .chat-message-container .message-ballon .moderation-button.report:before {
    content: ""
}

.landscape .chat .chat-message-container .message-ballon .moderation-button.mute:before,
.portrait .chat .chat-message-container .message-ballon .moderation-button.mute:before {
    content: ""
}

.landscape .chat .chat-message-container .message-ballon:hover .moderation-buttons,
.landscape .chat .chat-message-container .message-ballon:active .moderation-buttons,
.portrait .chat .chat-message-container .message-ballon:hover .moderation-buttons,
.portrait .chat .chat-message-container .message-ballon:active .moderation-buttons {
    display: flex
}

.landscape .chat .chat-message-container .message-ballon a,
.portrait .chat .chat-message-container .message-ballon a {
    color: #dcdcdc
}

.landscape .chat .chat-message-container .message-ballon small,
.portrait .chat .chat-message-container .message-ballon small {
    padding-left: .5rem;
    position: relative;
    font-size: .7em;
    color: #7d7c7c
}

.landscape .chat .chat-message-container .message-ballon small:before,
.portrait .chat .chat-message-container .message-ballon small:before {
    font-family: "Utils";
    content: "";
    display: block;
    position: absolute;
    top: .07rem;
    left: 0;
    width: .5rem;
    height: .5rem
}

.landscape .chat .chat-message-container.highlight .message-ballon,
.portrait .chat .chat-message-container.highlight .message-ballon {
    color: #fff;
    border: solid .03rem #1e1e1e
}

.landscape .chat .chat-message-container.highlight .message-ballon a,
.portrait .chat .chat-message-container.highlight .message-ballon a {
    color: #fff
}

.landscape .chat .chat-message-container .description,
.portrait .chat .chat-message-container .description {
    left: 0;
    white-space: nowrap;
    bottom: 0;
    z-index: 1;
    position: absolute;
    display: inline-block;
    background: #353535;
    width: 3.7rem;
    padding: .1rem .4rem .1rem .1rem;
    box-sizing: border-box;
    text-align: right;
    border-radius: .2rem 0 0 .2rem
}

.landscape .chat .chat-message-container .description abbr,
.portrait .chat .chat-message-container .description abbr {
    text-decoration: none
}

.landscape .chat .chat-message-container .description .at,
.portrait .chat .chat-message-container .description .at {
    color: #5f5d5d
}

.landscape .chat .chat-message-container .description .author a,
.portrait .chat .chat-message-container .description .author a {
    text-decoration-style: dotted;
    text-decoration-thickness: .03rem;
    text-decoration-color: #737373
}

.landscape .chat .chat-container .messages a,
.portrait .chat .chat-container .messages a {
    color: #b1b1b1
}

.landscape .chat .chat-container .highlight,
.portrait .chat .chat-container .highlight {
    color: #5f5f5f
}

.landscape .chat .chat-messages-blank-slate,
.portrait .chat .chat-messages-blank-slate {
    font-size: .6rem;
    height: 100%;
    display: flex;
    width: 100%;
    text-align: center;
    color: #5f5f5f;
    align-items: center;
    justify-content: center
}

.landscape .chat .chat-expand-button,
.portrait .chat .chat-expand-button {
    border: none;
    height: 1rem;
    width: 1.5rem;
    padding: 0;
    position: absolute;
    top: 0;
    background-color: rgba(25, 25, 25, .43);
    border-radius: 0 0 .2rem .2rem;
    right: 3.1rem;
    text-indent: -999999px;
    color: #fff;
    cursor: pointer;
    z-index: 5
}

.landscape .chat .chat-expand-button:after,
.portrait .chat .chat-expand-button:after {
    position: absolute;
    top: 0;
    font-size: 1rem;
    left: .25rem;
    display: block;
    color: #a5a5a5;
    text-indent: initial;
    font-family: "Utils";
    content: ""
}

.landscape .chat .chat-expand-button.expanded:after,
.portrait .chat .chat-expand-button.expanded:after {
    content: ""
}

.landscape .chat .new-messages-chat,
.portrait .chat .new-messages-chat {
    position: absolute;
    bottom: 0;
    right: 3rem;
    background: rgba(0, 0, 0, .7);
    border: none;
    font-size: .5rem;
    padding: .2rem .5rem;
    cursor: pointer;
    z-index: 4;
    color: #e24747;
    border-radius: .3rem .3rem 0 0
}

.landscape .chat .chat-channel-selector,
.portrait .chat .chat-channel-selector {
    padding: .1rem 0 .1rem .1rem;
    background: #424242;
    grid-row: 1;
    display: grid
}

.landscape .chat .chat-channel-selector .button-ctn,
.portrait .chat .chat-channel-selector .button-ctn {
    position: relative
}

.landscape .chat .chat-channel-selector button,
.portrait .chat .chat-channel-selector button {
    padding: 0;
    display: inline-block;
    height: 1.4rem;
    background: transparent;
    cursor: pointer;
    width: 2.1rem;
    border-radius: .2rem .2rem 0 0;
    color: #8b8b8b;
    font-size: .4rem;
    border: none;
    transform: rotate(270deg);
    transform-origin: bottom left;
    text-transform: uppercase;
    position: absolute;
    bottom: 0rem;
    font-weight: bold;
    left: 1.4rem
}

.landscape .chat .chat-channel-selector button.notify:before,
.portrait .chat .chat-channel-selector button.notify:before {
    position: absolute;
    top: .15rem;
    right: .2rem;
    content: "";
    background: #12fa12;
    border-radius: 50%;
    width: .28rem;
    height: .3rem;
    display: block
}

.landscape .chat .chat-channel-selector button.active,
.portrait .chat .chat-channel-selector button.active {
    color: #fff;
    background: #2f2f2f
}

.landscape .chat .chat-messages-container,
.portrait .chat .chat-messages-container {
    padding: .2rem;
    grid-row: 1;
    grid-column: 2;
    overflow: hidden
}

.landscape .shortcut-highlight,
.portrait .shortcut-highlight {
    background: #000;
    padding: 0 .2rem;
    border-radius: .2rem
}

.landscape .card .value,
.portrait .card .value {
    position: absolute;
    top: 7%;
    left: 18%;
    height: 21%
}

.landscape .card .suit,
.portrait .card .suit {
    text-indent: -999999px;
    position: absolute;
    top: 53%;
    left: 38%
}

.landscape .card .suit:before,
.portrait .card .suit:before {
    text-indent: initial;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-family: "Suits";
    font-size: 1.9rem
}

.landscape .card:before,
.portrait .card:before {
    font-family: "Suits";
    position: absolute;
    height: 36%;
    width: 46%;
    top: 55%;
    left: 45%
}

.landscape .card,
.portrait .card {
    background: #fff;
    font-weight: bold;
    font-family: "Abril Fatface", cursive;
    overflow: hidden
}

.landscape .card .sub-suit,
.portrait .card .sub-suit {
    display: none
}

.landscape .card-container.big,
.portrait .card-container.big {
    width: 4.5rem;
    height: 5.5rem
}

.landscape .card-container.big .card,
.landscape .card-container.big .front,
.portrait .card-container.big .card,
.portrait .card-container.big .front {
    width: 4.5rem;
    height: 5.5rem
}

.landscape .card-container.big .card,
.portrait .card-container.big .card {
    font-size: 2rem
}

.landscape .card-container.med,
.portrait .card-container.med {
    width: 3.05rem;
    height: 3.7rem
}

.landscape .card-container.med .card,
.landscape .card-container.med .front,
.portrait .card-container.med .card,
.portrait .card-container.med .front {
    width: 3.05rem;
    height: 3.7rem
}

.landscape .card-container.med .card,
.portrait .card-container.med .card {
    font-size: 1.3rem
}

.landscape .card-container.med .card .suit:before,
.portrait .card-container.med .card .suit:before {
    font-size: 1.28rem
}

.landscape .card-container.small,
.portrait .card-container.small {
    width: 3rem;
    height: 3.63rem
}

.landscape .card-container.small .card,
.landscape .card-container.small .front,
.portrait .card-container.small .card,
.portrait .card-container.small .front {
    width: 3rem;
    height: 3.63rem
}

.landscape .card-container.small .card,
.portrait .card-container.small .card {
    font-size: 1.3rem
}

.landscape .card-container.small-2,
.portrait .card-container.small-2 {
    width: 2.7075rem;
    height: 3.276075rem
}

.landscape .card-container.small-2 .card,
.landscape .card-container.small-2 .front,
.portrait .card-container.small-2 .card,
.portrait .card-container.small-2 .front {
    width: 2.7075rem;
    height: 3.276075rem
}

.landscape .card-container.small-2 .card,
.portrait .card-container.small-2 .card {
    font-size: 1.17325rem
}

.landscape .card-container.sub-suit .card .value,
.portrait .card-container.sub-suit .card .value {
    font-size: .8em;
    left: 4%;
    top: -0.1rem
}

.landscape .card-container.sub-suit .card .suit,
.portrait .card-container.sub-suit .card .suit {
    top: 48%;
    left: 38%
}

.landscape .card-container.sub-suit .card .sub-suit,
.portrait .card-container.sub-suit .card .sub-suit {
    display: inline-block;
    font-size: .55em;
    left: 6%;
    top: 33%
}

.landscape .card-container.sub-suit .card .suit:before,
.portrait .card-container.sub-suit .card .suit:before {
    font-size: 1.1em
}

.landscape .card-container.sub-suit.card-s-T .value,
.portrait .card-container.sub-suit.card-s-T .value {
    left: 3.9%;
    font-size: .75em
}

.landscape .card-container.sub-suit.card-s-Q .value,
.portrait .card-container.sub-suit.card-s-Q .value {
    font-size: .75em
}

.landscape .card-container,
.portrait .card-container {
    position: relative;
    perspective: 1000px
}

.landscape .card-container.sneak .card:before,
.portrait .card-container.sneak .card:before {
    opacity: .4;
    background-image: url("card-back-551b604a5c302e648fbd.svg");
    background-size: cover;
    z-index: 3;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.landscape .card-container .card,
.landscape .card-container .front,
.portrait .card-container .card,
.portrait .card-container .front {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.landscape .card-container .front,
.portrait .card-container .front {
    background-image: url("card-back-551b604a5c302e648fbd.svg");
    background-size: cover;
    display: block
}

.landscape .card-container .card,
.portrait .card-container .card {
    display: none
}

.landscape .card-container.flipped .front,
.portrait .card-container.flipped .front {
    display: none
}

.landscape .card-container.flipped .card,
.portrait .card-container.flipped .card {
    display: block
}

.landscape .card-container .card-flipper-animated,
.portrait .card-container .card-flipper-animated {
    transform-style: preserve-3d;
    transition: .15s
}

.landscape .card-container .card-flipper-animated .front,
.landscape .card-container .card-flipper-animated .card,
.portrait .card-container .card-flipper-animated .front,
.portrait .card-container .card-flipper-animated .card {
    display: block;
    backface-visibility: hidden
}

.landscape .card-container .card-flipper-animated .front,
.portrait .card-container .card-flipper-animated .front {
    display: block;
    transform: rotateY(0deg)
}

.landscape .card-container .card-flipper-animated .card,
.portrait .card-container .card-flipper-animated .card {
    display: block;
    transform: rotateY(180deg)
}

.landscape .card-container.flipped .card-flipper-animated,
.portrait .card-container.flipped .card-flipper-animated {
    transform: rotateY(180deg)
}

.landscape .card,
.landscape .card-container .front,
.portrait .card,
.portrait .card-container .front {
    border-radius: 7%;
    box-shadow: 0 .2rem .2rem 0 rgba(0, 0, 0, .19)
}

.landscape .two-color .card-h,
.landscape .two-color .card-d,
.portrait .two-color .card-h,
.portrait .two-color .card-d {
    color: #db3131
}

.landscape .two-color .card-s,
.landscape .two-color .card-c,
.portrait .two-color .card-s,
.portrait .two-color .card-c {
    color: #2c2c2c
}

.landscape .four-color .card-h,
.portrait .four-color .card-h {
    color: #db3131
}

.landscape .four-color .card-d,
.portrait .four-color .card-d {
    color: #4747ea
}

.landscape .four-color .card-s,
.portrait .four-color .card-s {
    color: #000
}

.landscape .four-color .card-c,
.portrait .four-color .card-c {
    color: #17b717
}

.landscape .card-c .suit:before,
.portrait .card-c .suit:before {
    content: ""
}

.landscape .card-h .suit:before,
.portrait .card-h .suit:before {
    content: ""
}

.landscape .card-d .suit:before,
.portrait .card-d .suit:before {
    content: ""
}

.landscape .card-s .suit:before,
.portrait .card-s .suit:before {
    content: ""
}

@keyframes nit-penalty-impact {
    0% {
        opacity: 0;
        transform: translate3d(2.8rem, -0.3rem, 0) scale(0.92) rotate(-2deg)
    }
    22% {
        opacity: 1;
        transform: translate3d(-0.55rem, 0.18rem, 0) scale(1.03) rotate(1.2deg)
    }
    38% {
        transform: translate3d(0.3rem, -0.12rem, 0) scale(0.99) rotate(-0.8deg)
    }
    52% {
        transform: translate3d(-0.18rem, 0.08rem, 0) scale(1.01) rotate(0.5deg)
    }
    68% {
        transform: translate3d(0.1rem, -0.04rem, 0) scale(1) rotate(-0.2deg)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg)
    }
}

@keyframes nit-penalty-text-rattle {
    0%,
    18% {
        transform: translate3d(0, 0, 0)
    }
    28% {
        transform: translate3d(0.12rem, -0.03rem, 0)
    }
    40% {
        transform: translate3d(-0.12rem, 0.05rem, 0)
    }
    52% {
        transform: translate3d(0.08rem, -0.04rem, 0)
    }
    64% {
        transform: translate3d(-0.05rem, 0.03rem, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.landscape .table,
.portrait .table {
    background-image: url("table-a8d3c0639b9cfbf2583c.png");
    background-size: cover;
    background-position: center;
    position: relative;
    height: 26.25rem;
    width: 55.55rem;
    margin: 0 auto
}

.landscape .table .bomb-pot-banner,
.portrait .table .bomb-pot-banner {
    transition: visibility .8s, opacity .8s linear;
    opacity: 1;
    visibility: visible;
    position: absolute;
    height: 10rem;
    top: 7rem;
    left: 15rem
}

.landscape .table .bomb-pot-banner.hidden,
.portrait .table .bomb-pot-banner.hidden {
    opacity: 0;
    visibility: hidden
}

.landscape .table .nit-penalty-banner,
.portrait .table .nit-penalty-banner {
    position: absolute;
    height: 7rem;
    top: 9rem;
    left: 15rem;
    z-index: 2;
    transform-origin: 18% 55%;
    animation: nit-penalty-impact 620ms cubic-bezier(0.22, 0.61, 0.26, 1)
}

.landscape .table .nit-penalty-banner .nit-penalty-warning-banner,
.portrait .table .nit-penalty-banner .nit-penalty-warning-banner {
    display: block;
    height: 100%;
    position: relative;
    z-index: 2
}

.landscape .table .nit-penalty-banner .nit-penalty-warning-text,
.portrait .table .nit-penalty-banner .nit-penalty-warning-text {
    z-index: 1;
    padding: .2rem .3rem;
    position: absolute;
    left: 8.7rem;
    top: 4rem;
    height: 1.2rem;
    width: 13.1rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .table .nit-penalty-banner .nit-penalty-warning-text::after,
.portrait .table .nit-penalty-banner .nit-penalty-warning-text::after {
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFB6 0%, #FEFB58 100%);
    content: "";
    position: absolute;
    inset: -0.2rem;
    filter: blur(0.25rem);
    border-radius: 2rem;
    pointer-events: none
}

.landscape .table .nit-penalty-banner .nit-penalty-warning-text p,
.portrait .table .nit-penalty-banner .nit-penalty-warning-text p {
    z-index: 2;
    font-size: .5rem;
    line-height: .5rem;
    text-align: center;
    color: #000;
    font-weight: 700
}

.landscape .table:before,
.portrait .table:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("table-glow-5d6a00bbf51a690f469f.png");
    background-size: cover;
    background-position: center;
    transition-duration: .5s
}

.landscape .table.glow:before,
.portrait .table.glow:before {
    opacity: 1
}

.landscape .table.red,
.portrait .table.red {
    background-image: url(https://cdn.pokernow.com/table-red-cd06bc41808b2a1d7ad1.png)
}

.landscape .table.red:before,
.portrait .table.red:before {
    background-image: url(https://cdn.pokernow.com/table-glow-red-8b7dd78d53353da13921.png)
}

.landscape #self-gesture-target,
.portrait #self-gesture-target {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: blue;
    top: 14rem;
    right: 26.5rem;
    z-index: -10
}

.landscape .table-campaign-link,
.portrait .table-campaign-link {
    color: transparent;
    position: absolute;
    display: block
}

.landscape .table-cards,
.portrait .table-cards {
    position: absolute;
    width: 24.2rem;
    top: 35%;
    left: 28%;
    display: flex;
    z-index: 2
}

.landscape .table-cards .not-visible,
.portrait .table-cards .not-visible {
    opacity: 0
}

.landscape .table-cards .card-container,
.portrait .table-cards .card-container {
    display: inline-block;
    margin-right: .4rem;
    position: relative;
    top: 0
}

.landscape .table-cards .card-container .card,
.landscape .table-cards .card-container .front,
.portrait .table-cards .card-container .card,
.portrait .table-cards .card-container .front {
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .25)
}

.landscape .table-cards .card-container.up,
.portrait .table-cards .card-container.up {
    transition-duration: .5s;
    top: -0.5rem
}

.landscape .table-cards.run-1 .after-padding,
.portrait .table-cards.run-1 .after-padding {
    transition-duration: .5s;
    margin-top: -1rem
}

.landscape .table-cards.run-2,
.portrait .table-cards.run-2 {
    top: 43%;
    left: 29%
}

.landscape .table-cards.run-2 .card-container .card,
.landscape .table-cards.run-2 .card-container .front,
.portrait .table-cards.run-2 .card-container .card,
.portrait .table-cards.run-2 .card-container .front {
    box-shadow: 0 -0.25rem .5rem 0 rgba(0, 0, 0, .3)
}

.landscape .table-cards .card-container:last-child,
.portrait .table-cards .card-container:last-child {
    margin-right: 0
}

.landscape .table-pot-size,
.portrait .table-pot-size {
    position: absolute;
    top: 24%;
    left: 43.4%;
    width: 13%;
    height: 1.9rem;
    --bomb-pot-signal: 1rem
}

.landscape .table-pot-size .main-value,
.portrait .table-pot-size .main-value {
    height: 1.9rem;
    line-height: 1.9rem;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: transparent;
    font-size: 1.1em;
    padding: .4% .5%
}

.landscape .table-pot-size .bomb-pot-signal,
.portrait .table-pot-size .bomb-pot-signal {
    position: absolute;
    background: #ff0;
    height: calc(var(--bomb-pot-signal)*.65);
    width: calc(var(--bomb-pot-signal)*4);
    text-align: center;
    left: 50%;
    box-sizing: border-box;
    margin-left: calc(var(--bomb-pot-signal)*-2);
    margin-top: calc(var(--bomb-pot-signal)*-0.4);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .25);
    border-radius: calc(var(--bomb-pot-signal)*.9);
    font-weight: bold;
    text-transform: uppercase;
    line-height: calc(var(--bomb-pot-signal)*.65);
    font-size: calc(var(--bomb-pot-signal)*.4)
}

.landscape .table-pot-size .add-on-container,
.portrait .table-pot-size .add-on-container {
    display: flex;
    position: absolute;
    top: -0.32rem;
    left: 0;
    height: .8rem;
    width: 100%;
    justify-content: flex-end;
    opacity: 1;
    transition-duration: .5s
}

.landscape .table-pot-size .add-on-container.hidden,
.portrait .table-pot-size .add-on-container.hidden {
    opacity: 0
}

.landscape .table-pot-size .add-on,
.portrait .table-pot-size .add-on {
    line-height: .85rem;
    padding: 0 .2rem;
    display: inline-block;
    background: #00000040;
    color: #fff;
    font-size: .65rem;
    border-radius: 2rem;
    backdrop-filter: blur(1rem)
}

.landscape .table-pot-size .add-on small,
.portrait .table-pot-size .add-on small {
    color: #ffffffa3;
    font-size: .35rem
}

.landscape .table-game-type,
.portrait .table-game-type {
    position: absolute;
    top: 14rem;
    font-size: .85rem;
    color: #fff;
    opacity: .1;
    font-weight: bold;
    width: 100%;
    text-align: center
}

.landscape .top-pot-warning,
.portrait .top-pot-warning {
    position: absolute;
    top: 8.2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.landscape .top-pot-warning .mtt-infos,
.portrait .top-pot-warning .mtt-infos {
    display: flex;
    font-size: .5rem;
    background: rgba(0, 0, 0, .07);
    color: #fff;
    border-radius: .5rem;
    margin-top: .1rem
}

.landscape .top-pot-warning .mtt-infos a,
.portrait .top-pot-warning .mtt-infos a {
    color: #fff;
    text-decoration-color: rgba(255, 255, 255, .18)
}

.landscape .top-pot-warning .mtt-infos p,
.portrait .top-pot-warning .mtt-infos p {
    padding: .1rem .3rem;
    display: block
}

.landscape .top-pot-warning .mtt-infos .tour-name,
.portrait .top-pot-warning .mtt-infos .tour-name {
    text-align: right
}

.landscape .top-pot-warning .mtt-infos .tour-name,
.landscape .top-pot-warning .mtt-infos .players-count-position,
.portrait .top-pot-warning .mtt-infos .tour-name,
.portrait .top-pot-warning .mtt-infos .players-count-position {
    min-width: 4rem
}

.landscape .top-pot-warning .mtt-infos .table-number,
.portrait .top-pot-warning .mtt-infos .table-number {
    width: 3rem;
    font-weight: bold;
    text-align: center;
    border-radius: .5rem;
    background: rgba(0, 0, 0, .06)
}

.landscape .top-pot-warning .spectator-warning,
.portrait .top-pot-warning .spectator-warning {
    font-size: .5rem;
    color: rgba(255, 255, 255, .7)
}

.landscape .top-pot-warning .spectator-warning a,
.portrait .top-pot-warning .spectator-warning a {
    color: rgba(255, 255, 255, .7)
}

.landscape .top-pot-warning.with-mtt-infos .spectator-warning,
.portrait .top-pot-warning.with-mtt-infos .spectator-warning {
    font-size: .4rem
}

.landscape .table-warning-ctn,
.portrait .table-warning-ctn {
    position: absolute;
    background: #fff;
    min-height: 4rem;
    margin-left: -15rem;
    left: 50%;
    top: 37%;
    border-radius: 3rem;
    width: 30rem;
    z-index: 2;
    box-shadow: 0 0 3rem rgba(146, 146, 146, .31)
}

.landscape .table-warning-ctn.default-warning-ctn,
.portrait .table-warning-ctn.default-warning-ctn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.landscape .table-warning-ctn.default-warning-ctn p,
.portrait .table-warning-ctn.default-warning-ctn p {
    white-space: pre-line;
    font-size: .7rem;
    width: 100%;
    text-align: center;
    line-height: 1rem
}

.landscape .hut-result-warning-ctn,
.portrait .hut-result-warning-ctn {
    min-height: initial;
    padding: .4rem 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.landscape .hut-result-warning-ctn .title,
.portrait .hut-result-warning-ctn .title {
    position: relative;
    font-size: 1rem;
    text-align: center;
    margin: 0;
    margin-bottom: .3rem
}

.landscape .hut-result-warning-ctn .title:before,
.landscape .hut-result-warning-ctn .title:after,
.portrait .hut-result-warning-ctn .title:before,
.portrait .hut-result-warning-ctn .title:after {
    position: absolute;
    content: "";
    position: absolute;
    height: 1.2rem;
    width: 1.2rem;
    background: url(https://cdn.pokernow.com/tada-emoji-4f2ee4596c5e9e4c1c18.svg);
    background-size: auto 1.2rem
}

.landscape .hut-result-warning-ctn .title:before,
.portrait .hut-result-warning-ctn .title:before {
    left: -1.4rem;
    transform: scaleX(-1)
}

.landscape .hut-result-warning-ctn .title:after,
.portrait .hut-result-warning-ctn .title:after {
    right: -1.4rem
}

.landscape .hut-result-warning-ctn .more-info-warning,
.portrait .hut-result-warning-ctn .more-info-warning {
    text-align: center;
    font-size: .6rem;
    color: #626262
}

.landscape .hut-result-warning-ctn .results,
.portrait .hut-result-warning-ctn .results {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-bottom: .2rem
}

.landscape .hut-result-warning-ctn .results .result-element,
.portrait .hut-result-warning-ctn .results .result-element {
    display: flex;
    font-size: .8rem;
    border-radius: .9rem;
    padding: .1rem;
    font-weight: bold;
    align-items: center
}

.landscape .hut-result-warning-ctn .results .result-element .player-name,
.portrait .hut-result-warning-ctn .results .result-element .player-name {
    width: 8rem;
    text-align: center
}

.landscape .hut-result-warning-ctn .results .result-element .position,
.portrait .hut-result-warning-ctn .results .result-element .position {
    height: 1.3rem;
    width: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .5rem;
    border-radius: 50%;
    background: #fff
}

.landscape .hut-result-warning-ctn .results .result-element.winner,
.portrait .hut-result-warning-ctn .results .result-element.winner {
    background: #8fffb1;
    border: .1rem solid #6eff99
}

.landscape .hut-result-warning-ctn .results .result-element.looser,
.portrait .hut-result-warning-ctn .results .result-element.looser {
    background: #ffaeae;
    border: .1rem solid #ff9595
}

.landscape .waiting-players-ctn,
.portrait .waiting-players-ctn {
    height: 4.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.landscape .waiting-players-ctn .title-ctn,
.portrait .waiting-players-ctn .title-ctn {
    width: 80%;
    border-bottom: .01rem dotted #ebebeb;
    margin-bottom: .3rem;
    display: flex;
    justify-content: center
}

.landscape .waiting-players-ctn .title,
.portrait .waiting-players-ctn .title {
    display: inline-block;
    margin: 0;
    margin-bottom: .2rem;
    font-size: .7rem;
    padding-left: .8rem;
    position: relative
}

.landscape .waiting-players-ctn .title:after,
.portrait .waiting-players-ctn .title:after {
    font-family: "Utils";
    content: "";
    left: 0;
    top: .08rem;
    color: #000;
    font-weight: normal;
    position: absolute
}

.landscape .waiting-players-ctn .options-ctn,
.portrait .waiting-players-ctn .options-ctn {
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: .2rem
}

.landscape .waiting-players-ctn .options-ctn:after,
.portrait .waiting-players-ctn .options-ctn:after {
    content: "";
    display: block;
    position: absolute;
    width: .1rem;
    background: #d9d9d9;
    left: 50%;
    height: 100%
}

.landscape .waiting-players-ctn .options-ctn:before,
.portrait .waiting-players-ctn .options-ctn:before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "OR";
    width: 1rem;
    height: 1rem;
    font-size: .4rem;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    left: 50%;
    top: 50%;
    background: #d9d9d9
}

.landscape .waiting-players-ctn .option-ctn,
.portrait .waiting-players-ctn .option-ctn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.landscape .waiting-players-ctn .option-ctn p,
.portrait .waiting-players-ctn .option-ctn p {
    margin-bottom: .15rem;
    font-size: .6rem;
    color: #000
}

.landscape .waiting-players-ctn .option-ctn button,
.landscape .waiting-players-ctn .option-ctn a,
.portrait .waiting-players-ctn .option-ctn button,
.portrait .waiting-players-ctn .option-ctn a {
    min-width: 6rem;
    height: 1.4rem;
    line-height: 1.4rem
}

.landscape .dealer-button-ctn,
.portrait .dealer-button-ctn {
    transition-duration: .5s;
    z-index: 5;
    position: absolute
}

.landscape .dealer-button-ctn .button,
.portrait .dealer-button-ctn .button {
    text-indent: -99999px;
    display: block;
    height: 1.6rem;
    width: 1.9rem;
    background-image: url(https://cdn.pokernow.com/dealer-button-2-4d2f77e1343df5b3d846.png);
    background-size: cover
}

.landscape .dealer-button-ctn .button.dead-button,
.portrait .dealer-button-ctn .button.dead-button {
    opacity: .5
}

.landscape .dealer-button-ctn.live-straddle,
.portrait .dealer-button-ctn.live-straddle {
    z-index: 2
}

.landscape .dealer-button-ctn.live-straddle .button,
.portrait .dealer-button-ctn.live-straddle .button {
    background-image: url(https://cdn.pokernow.com/live-straddle-button-cc8108b0b7d8998ff9a7.png)
}

.landscape .dealer-button-ctn.second,
.portrait .dealer-button-ctn.second {
    z-index: 2
}

.landscape .dealer-button-ctn.dealer-position-1,
.portrait .dealer-button-ctn.dealer-position-1 {
    top: 19.7rem;
    left: 28.5rem
}

.landscape .dealer-button-ctn.dealer-position-1.second .button,
.portrait .dealer-button-ctn.dealer-position-1.second .button {
    position: absolute;
    top: -1rem;
    left: -1rem
}

.landscape .dealer-button-ctn.dealer-position-2,
.portrait .dealer-button-ctn.dealer-position-2 {
    top: 19.4rem;
    left: 19.7rem
}

.landscape .dealer-button-ctn.dealer-position-2.second .button,
.portrait .dealer-button-ctn.dealer-position-2.second .button {
    position: absolute;
    top: -1rem;
    left: -1rem
}

.landscape .dealer-button-ctn.dealer-position-3,
.portrait .dealer-button-ctn.dealer-position-3 {
    top: 18.1rem;
    left: 15.7rem
}

.landscape .dealer-button-ctn.dealer-position-3.second .button,
.portrait .dealer-button-ctn.dealer-position-3.second .button {
    position: absolute;
    top: .8rem;
    left: 1rem
}

.landscape .dealer-button-ctn.dealer-position-4,
.portrait .dealer-button-ctn.dealer-position-4 {
    top: 13.6rem;
    left: 11rem
}

.landscape .dealer-button-ctn.dealer-position-4.second .button,
.portrait .dealer-button-ctn.dealer-position-4.second .button {
    position: absolute;
    top: 0rem;
    left: 1.9rem
}

.landscape .dealer-button-ctn.dealer-position-5,
.portrait .dealer-button-ctn.dealer-position-5 {
    top: 7.7rem;
    left: 12.3rem
}

.landscape .dealer-button-ctn.dealer-position-5.second .button,
.portrait .dealer-button-ctn.dealer-position-5.second .button {
    position: absolute;
    top: .8rem;
    left: 1.2rem
}

.landscape .dealer-button-ctn.dealer-position-6,
.portrait .dealer-button-ctn.dealer-position-6 {
    top: 4.5rem;
    left: 25.2rem
}

.landscape .dealer-button-ctn.dealer-position-6.second .button,
.portrait .dealer-button-ctn.dealer-position-6.second .button {
    position: absolute;
    top: .8rem;
    left: 1.2rem
}

.landscape .dealer-button-ctn.dealer-position-7,
.portrait .dealer-button-ctn.dealer-position-7 {
    top: 4.5rem;
    left: 28.5rem
}

.landscape .dealer-button-ctn.dealer-position-7.second .button,
.portrait .dealer-button-ctn.dealer-position-7.second .button {
    position: absolute;
    top: .8rem;
    left: -1.2rem
}

.landscape .dealer-button-ctn.dealer-position-8,
.portrait .dealer-button-ctn.dealer-position-8 {
    top: 8.5rem;
    left: 40.7rem
}

.landscape .dealer-button-ctn.dealer-position-8.second .button,
.portrait .dealer-button-ctn.dealer-position-8.second .button {
    position: absolute;
    top: .8rem;
    left: -1.2rem
}

.landscape .dealer-button-ctn.dealer-position-9,
.portrait .dealer-button-ctn.dealer-position-9 {
    top: 14.4rem;
    left: 42.7rem
}

.landscape .dealer-button-ctn.dealer-position-9.second .button,
.portrait .dealer-button-ctn.dealer-position-9.second .button {
    position: absolute;
    top: 0;
    left: -1.9rem
}

.landscape .dealer-button-ctn.dealer-position-10,
.portrait .dealer-button-ctn.dealer-position-10 {
    top: 18.1rem;
    left: 37.9rem
}

.landscape .dealer-button-ctn.dealer-position-10.second .button,
.portrait .dealer-button-ctn.dealer-position-10.second .button {
    position: absolute;
    top: 0;
    left: -1.9rem
}

.landscape .reveal-button,
.portrait .reveal-button {
    position: absolute;
    top: 2.1rem;
    cursor: pointer;
    font-size: .55rem;
    right: -0.25rem;
    background: #232b27;
    z-index: 2;
    border-radius: .2rem;
    box-shadow: 0 .1rem .4rem rgba(0, 0, 0, .31);
    line-height: 1.3rem;
    height: 1.3rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border: none
}

.landscape .reveal-button .hot-key,
.portrait .reveal-button .hot-key {
    position: absolute;
    top: -0.2rem;
    font-size: .5rem;
    background: #232b27;
    line-height: initial;
    right: .2rem;
    padding: 0 .1rem;
    border-radius: .15rem
}

.landscape .reveal-button:before,
.portrait .reveal-button:before {
    font-family: "Utils";
    content: "";
    font-weight: normal;
    font-size: .75rem;
    color: #fff;
    position: absolute;
    top: .05rem;
    opacity: .3;
    left: 50%;
    margin-left: -2.2rem;
    height: 1rem;
    width: 1rem
}

@keyframes glow-grow {
    0% {
        box-shadow: 0 0 0 0 #e9ff63
    }
    100% {
        box-shadow: 0 0 3em 0 #e9ff63
    }
}

@keyframes glow-decrease {
    0% {
        box-shadow: 0 0 3em 0 #e9ff63
    }
    100% {
        box-shadow: 0 0 2em 0 #e9ff63
    }
}

@keyframes glow-pulse {
    0% {
        box-shadow: 0 0 2em 0 #e9ff63
    }
    50% {
        box-shadow: 0 0 3em 0 #e9ff63
    }
    100% {
        box-shadow: 0 0 2em 0 #e9ff63
    }
}

@keyframes glow-current {
    0% {
        box-shadow: 0 0 0 0 #fff
    }
    100% {
        box-shadow: 0 0 2.1em 0 #fff
    }
}

.landscape .table-player-name,
.portrait .table-player-name {
    font-size: .7em;
    color: #c3c3c3;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: .03rem;
    height: .9rem;
    position: absolute;
    left: 5.2rem;
    top: .9rem;
    width: 4.5rem;
    overflow: hidden
}

.landscape .table-player-name a,
.portrait .table-player-name a {
    color: #c3c3c3;
    text-decoration-style: dotted;
    text-decoration-thickness: .05rem;
    text-decoration-color: #575757;
    text-underline-offset: .1rem
}

.landscape .table-player-name .player-badges,
.portrait .table-player-name .player-badges {
    height: 75%;
    cursor: help;
    display: flex;
    align-items: center;
    margin-right: .1rem
}

.landscape .table-player-name .player-badges img,
.portrait .table-player-name .player-badges img {
    height: 100%
}

.landscape .table-player-name.big-name-1,
.portrait .table-player-name.big-name-1 {
    font-size: .65em
}

.landscape .table-player-name.big-name-2,
.portrait .table-player-name.big-name-2 {
    font-size: .58em
}

.landscape .table-player-name.big-name-3,
.portrait .table-player-name.big-name-3 {
    font-size: .42em
}

.landscape .table-player.winner .table-player-name,
.portrait .table-player.winner .table-player-name,
.landscape .table-player.decision-current .table-player-name,
.portrait .table-player.decision-current .table-player-name {
    color: #3c4218
}

.landscape .table-player.winner .table-player-name a,
.portrait .table-player.winner .table-player-name a,
.landscape .table-player.decision-current .table-player-name a,
.portrait .table-player.decision-current .table-player-name a {
    color: #3c4218;
    text-decoration-color: #e6e6e6
}

.landscape .four-cards,
.five-cards .table-player-name,
.portrait .four-cards,
.five-cards .table-player-name {
    width: 4.3rem;
    left: 5.3rem
}

.landscape .player-with-video .table-player-name,
.portrait .player-with-video .table-player-name {
    left: 4.2rem;
    top: .15rem;
    font-size: .58rem;
    height: .78rem;
    width: 5.3rem
}

.landscape .player-with-video .table-player-name .player-badges,
.portrait .player-with-video .table-player-name .player-badges {
    height: .5rem
}

.landscape .table-player,
.portrait .table-player {
    width: 18%;
    height: 13.5%;
    position: absolute;
    top: -0.2rem;
    left: -1.8rem;
    z-index: 4
}

.landscape .table-player.decision-current:before,
.landscape .table-player.winner:before,
.portrait .table-player.decision-current:before,
.portrait .table-player.winner:before {
    z-index: 1;
    content: "";
    display: block;
    background: transparent;
    width: 100%;
    height: 100%;
    border-radius: .3rem;
    position: absolute;
    left: 0;
    right: 0
}

.landscape .table-player.decision-current .table-player-infos-ctn,
.landscape .table-player.winner .table-player-infos-ctn,
.portrait .table-player.decision-current .table-player-infos-ctn,
.portrait .table-player.winner .table-player-infos-ctn {
    background: #fff
}

.landscape .table-player.decision-current .table-player-stack,
.landscape .table-player.winner .table-player-stack,
.portrait .table-player.decision-current .table-player-stack,
.portrait .table-player.winner .table-player-stack {
    color: #000
}

.landscape .table-player.decision-current:before,
.portrait .table-player.decision-current:before {
    animation: glow-current .4s;
    animation-fill-mode: forwards
}

.landscape .table-player.winner:before,
.portrait .table-player.winner:before {
    animation: glow-grow 1s, glow-decrease 1s, glow-pulse 2s;
    animation-iteration-count: 1, 1, 1;
    animation-delay: 0s, 1s, 2s;
    animation-fill-mode: forwards, forwards
}

.landscape .table-player.winner .table-player-infos-ctn,
.portrait .table-player.winner .table-player-infos-ctn {
    box-shadow: 0 0rem .6em 0 rgba(0, 0, 0, .25), 0 0rem 2.6em 0 rgba(223, 245, 43, .48) inset
}

.landscape .table-player-seat-position-number,
.portrait .table-player-seat-position-number {
    position: absolute;
    color: #4e4c4c;
    font-size: .8rem;
    top: .5rem;
    left: .5rem;
    font-weight: lighter
}

.landscape .table-player-seat,
.portrait .table-player-seat {
    border: 1px dashed rgba(255, 255, 255, .1);
    border-radius: .3rem;
    line-height: 100%
}

.landscape .table-player-seat:hover .table-player-seat-position-number,
.portrait .table-player-seat:hover .table-player-seat-position-number {
    color: #ccc
}

.landscape .table-player-seat-button,
.portrait .table-player-seat-button {
    font-size: .6rem;
    cursor: pointer;
    letter-spacing: .2rem;
    text-transform: uppercase;
    color: #888;
    width: 100%;
    z-index: 1;
    height: 100%;
    background: none;
    border: none
}

.landscape .table-player-seat.selected,
.portrait .table-player-seat.selected {
    border-color: #fff
}

.landscape .table-player-seat.selected .table-player-seat-button,
.portrait .table-player-seat.selected .table-player-seat-button {
    color: #fff
}

.landscape .table-player-infos-ctn,
.portrait .table-player-infos-ctn {
    font-weight: bold;
    box-shadow: 0 0rem .6em 0 rgba(0, 0, 0, .25);
    border-radius: .3rem;
    background: rgba(51, 51, 51, .76);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 2;
    position: relative
}

.landscape .table-player-infos-ctn .player-avatar-bg,
.portrait .table-player-infos-ctn .player-avatar-bg {
    display: none
}

.landscape .table-player-infos-ctn .table-player-stack,
.portrait .table-player-infos-ctn .table-player-stack {
    color: #fff
}

.landscape .table-player-infos-ctn.fold p,
.landscape .table-player-infos-ctn.standing p,
.portrait .table-player-infos-ctn.fold p,
.portrait .table-player-infos-ctn.standing p {
    opacity: .6
}

.landscape .table-player-infos-ctn.you-player,
.portrait .table-player-infos-ctn.you-player {
    color: #5e5bc3;
    font-weight: bold
}

.landscape .table-player-result,
.portrait .table-player-result {
    font-weight: bold;
    text-align: right;
    position: absolute;
    background: rgba(255, 255, 255, .5);
    padding: .2rem 0;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 2;
    font-size: .65rem;
    width: 100%
}

.landscape .table-player-stack,
.portrait .table-player-stack {
    width: 3.8rem;
    left: 5.2rem;
    top: 1.8rem;
    position: absolute;
    text-align: left;
    margin: 0;
    right: 0;
    line-height: .8rem;
    color: #000;
    font-size: .7rem
}

.landscape .table-player-stack-prize,
.portrait .table-player-stack-prize {
    color: #fff;
    background: #7b8a50;
    padding: 0 .28rem;
    border-radius: .15rem
}

.landscape .table-player-stack-prize.red,
.portrait .table-player-stack-prize.red {
    background: red
}

.landscape .table-player-bet-value,
.portrait .table-player-bet-value {
    z-index: 52;
    font-size: .8rem;
    font-weight: bold;
    background: #eaffba;
    box-shadow: 0 0em .3em 0 #286543, 0 0rem 1.5em 0 #e4fd14 inset;
    border-radius: 5vh;
    position: absolute;
    margin: 0;
    color: #000;
    display: block;
    padding: 4% 7%
}

.landscape .table-player-bet-value.check,
.portrait .table-player-bet-value.check {
    background: #fff;
    box-shadow: 0 0em .3em 0 #286543, 0 0rem 1.5em 0 #f5f5f5 inset
}

.landscape .table-player-1 .table-player-bet-value,
.portrait .table-player-1 .table-player-bet-value {
    top: -78%;
    left: 9%
}

.landscape .table-player-2 .table-player-bet-value,
.portrait .table-player-2 .table-player-bet-value {
    top: -78%;
    left: 55%
}

.landscape .table-player-3 .table-player-bet-value,
.portrait .table-player-3 .table-player-bet-value {
    top: -30%;
    left: 103%
}

.landscape .table-player-4 .table-player-bet-value,
.portrait .table-player-4 .table-player-bet-value {
    top: 21%;
    left: 107%
}

.landscape .table-player-5 .table-player-bet-value,
.portrait .table-player-5 .table-player-bet-value {
    top: 82%;
    left: 102%
}

.landscape .table-player-6 .table-player-bet-value,
.portrait .table-player-6 .table-player-bet-value {
    top: 130%;
    left: 45%
}

.landscape .table-player-7 .table-player-bet-value,
.portrait .table-player-7 .table-player-bet-value {
    top: 130%;
    left: 18%
}

.landscape .table-player-8 .table-player-bet-value,
.portrait .table-player-8 .table-player-bet-value {
    right: 103%;
    top: 82%
}

.landscape .table-player-9 .table-player-bet-value,
.portrait .table-player-9 .table-player-bet-value {
    top: 22%;
    right: 110%
}

.landscape .table-player-10 .table-player-bet-value,
.portrait .table-player-10 .table-player-bet-value {
    top: -32%;
    right: 105%
}

.landscape .table-player-10,
.portrait .table-player-10 {
    top: 66%;
    left: 75%
}

.landscape .table-player-9,
.portrait .table-player-9 {
    top: 40%;
    left: 80.5%
}

.landscape .table-player-8,
.portrait .table-player-8 {
    top: 14%;
    left: 74%
}

.landscape .table-player-7,
.portrait .table-player-7 {
    top: 2%;
    left: 53%
}

.landscape .table-player-6,
.portrait .table-player-6 {
    top: 2%;
    left: 29%
}

.landscape .table-player-5,
.portrait .table-player-5 {
    top: 14%;
    left: 8%
}

.landscape .table-player-4,
.portrait .table-player-4 {
    top: 40%;
    left: 2.5%
}

.landscape .table-player-3,
.portrait .table-player-3 {
    top: 66%;
    left: 8%
}

.landscape .table-player-2,
.portrait .table-player-2 {
    top: 82%;
    left: 29%
}

.landscape .table-player-1,
.portrait .table-player-1 {
    z-index: 5;
    top: 82%;
    left: 53%
}

.landscape .table-player .card-container,
.portrait .table-player .card-container {
    position: absolute;
    top: 0
}

.landscape .table-player .card-container.up,
.portrait .table-player .card-container.up {
    transition-duration: .5s;
    top: -0.2rem
}

.landscape .table-player-cards,
.portrait .table-player-cards {
    z-index: 3;
    position: absolute;
    left: -0.9rem;
    top: -0.1rem;
    opacity: 1
}

.landscape .table-player-cards.hide .card,
.landscape .table-player-cards.hide .front,
.portrait .table-player-cards.hide .card,
.portrait .table-player-cards.hide .front {
    filter: brightness(35%)
}

.landscape .table-player-cards.hide-cards,
.portrait .table-player-cards.hide-cards {
    transition-duration: .5s;
    opacity: 0;
    top: .2rem !important
}

.landscape .table-player-cards .card-p1,
.portrait .table-player-cards .card-p1 {
    transform: rotate(-7deg);
    left: .3rem
}

.landscape .table-player-cards .card-p2,
.portrait .table-player-cards .card-p2 {
    transform: rotate(7deg);
    left: 2.65rem
}

.landscape .table-player-cards.black-and-white,
.portrait .table-player-cards.black-and-white {
    filter: grayscale(100%)
}

.landscape .you-player .table-player-cards.hide .card,
.portrait .you-player .table-player-cards.hide .card {
    transition-duration: .3s
}

.landscape .player-hand-message-ctn,
.portrait .player-hand-message-ctn {
    --player-hand-message-ctn-size: 1rem;
    max-width: 7rem;
    z-index: 50;
    left: -0.8rem;
    min-width: calc(var(--player-hand-message-ctn-size)*5.9);
    top: 3.3rem;
    position: absolute;
    display: flex;
    justify-content: center
}

.landscape .player-hand-message-ctn .player-hand-message,
.portrait .player-hand-message-ctn .player-hand-message {
    background: #f75757;
    box-shadow: 0 0 calc(var(--player-hand-message-ctn-size)*.2) 0 rgba(0, 0, 0, .5);
    color: #fff;
    font-size: calc(var(--player-hand-message-ctn-size)*.5);
    text-align: center;
    text-transform: uppercase;
    min-width: calc(var(--player-hand-message-ctn-size)*2.5);
    border-radius: calc(var(--player-hand-message-ctn-size)*.2);
    overflow: hidden
}

.landscape .player-hand-message-ctn .player-hand-message .name,
.portrait .player-hand-message-ctn .player-hand-message .name {
    white-space: nowrap;
    line-height: calc(var(--player-hand-message-ctn-size)*.75);
    position: relative;
    padding-right: calc(var(--player-hand-message-ctn-size)*.4);
    padding-left: calc(var(--player-hand-message-ctn-size)*.4)
}

.landscape .player-hand-message-ctn .player-hand-message .name.active,
.portrait .player-hand-message-ctn .player-hand-message .name.active {
    font-weight: bold;
    background: #6d64e0
}

.landscape .player-hand-message-ctn .player-hand-message .name.active:before,
.portrait .player-hand-message-ctn .player-hand-message .name.active:before {
    opacity: 1
}

.landscape .player-hand-message-ctn .player-hand-message .first,
.landscape .player-hand-message-ctn .player-hand-message .second,
.portrait .player-hand-message-ctn .player-hand-message .first,
.portrait .player-hand-message-ctn .player-hand-message .second {
    padding-left: calc(var(--player-hand-message-ctn-size)*.8) !important;
    padding-right: calc(var(--player-hand-message-ctn-size)*.2)
}

.landscape .player-hand-message-ctn .player-hand-message .first:before,
.landscape .player-hand-message-ctn .player-hand-message .second:before,
.portrait .player-hand-message-ctn .player-hand-message .first:before,
.portrait .player-hand-message-ctn .player-hand-message .second:before {
    top: calc(var(--player-hand-message-ctn-size)*.055);
    right: 0;
    left: 0;
    position: absolute;
    display: block;
    width: calc(var(--player-hand-message-ctn-size)*.7);
    font-size: calc(var(--player-hand-message-ctn-size)*.5);
    opacity: .2;
    color: #fff
}

.landscape .player-hand-message-ctn .player-hand-message .first:before,
.portrait .player-hand-message-ctn .player-hand-message .first:before {
    content: "#1"
}

.landscape .player-hand-message-ctn .player-hand-message .second,
.portrait .player-hand-message-ctn .player-hand-message .second {
    background: #d82525
}

.landscape .player-hand-message-ctn .player-hand-message .second:before,
.portrait .player-hand-message-ctn .player-hand-message .second:before {
    letter-spacing: initial;
    content: "#2"
}

.landscape .player-hand-message-ctn .player-hand-message.hi-lo .first:before,
.landscape .player-hand-message-ctn .player-hand-message.hi-lo .second:before,
.portrait .player-hand-message-ctn .player-hand-message.hi-lo .first:before,
.portrait .player-hand-message-ctn .player-hand-message.hi-lo .second:before {
    font-family: "Utils"
}

.landscape .player-hand-message-ctn .player-hand-message.hi-lo .first:before,
.portrait .player-hand-message-ctn .player-hand-message.hi-lo .first:before {
    content: ""
}

.landscape .player-hand-message-ctn .player-hand-message.hi-lo .second,
.portrait .player-hand-message-ctn .player-hand-message.hi-lo .second {
    letter-spacing: calc(var(--player-hand-message-ctn-size)*.05)
}

.landscape .player-hand-message-ctn .player-hand-message.hi-lo .second:before,
.portrait .player-hand-message-ctn .player-hand-message.hi-lo .second:before {
    content: ""
}

.landscape .player-hand-message-ctn.two-runs .player-hand-message,
.portrait .player-hand-message-ctn.two-runs .player-hand-message {
    font-size: calc(var(--player-hand-message-ctn-size)*.42)
}

.landscape .player-hand-message-ctn.two-runs .player-hand-message .name,
.portrait .player-hand-message-ctn.two-runs .player-hand-message .name {
    line-height: calc(var(--player-hand-message-ctn-size)*.65)
}

.landscape .four-cards .player-hand-message-ctn,
.portrait .four-cards .player-hand-message-ctn {
    top: 3rem;
    left: -1.4rem;
    min-width: calc(var(--player-hand-message-ctn-size)*6.4)
}

.landscape .five-cards .player-hand-message-ctn,
.portrait .five-cards .player-hand-message-ctn {
    top: 3rem;
    left: -1.8rem;
    min-width: calc(var(--player-hand-message-ctn-size)*7.4)
}

.landscape .player-with-video .player-hand-message-ctn,
.portrait .player-with-video .player-hand-message-ctn {
    --player-hand-message-ctn-size: 0.75rem;
    top: 2.4rem;
    min-width: initial;
    left: initial;
    right: 0
}

.landscape .player-with-video .player-hand-message-ctn.two-runs,
.portrait .player-with-video .player-hand-message-ctn.two-runs {
    top: 2.2rem
}

.landscape .table-player .card,
.landscape .table-player .front,
.portrait .table-player .card,
.portrait .table-player .front {
    box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .4)
}

.landscape .table-player.offline,
.portrait .table-player.offline {
    filter: grayscale(1)
}

.landscape .four-cards .time-to-talk,
.portrait .four-cards .time-to-talk {
    width: 63%
}

.landscape .four-cards .table-player-cards,
.portrait .four-cards .table-player-cards {
    top: -0.25rem;
    left: -1rem
}

.landscape .four-cards .card-p1,
.portrait .four-cards .card-p1 {
    transform: rotate(-28deg);
    left: 0rem;
    top: .3rem
}

.landscape .four-cards .card-p1.up,
.portrait .four-cards .card-p1.up {
    top: 0rem
}

.landscape .four-cards .card-p2,
.portrait .four-cards .card-p2 {
    transform: rotate(-8deg);
    left: .85rem
}

.landscape .four-cards .card-p3,
.portrait .four-cards .card-p3 {
    transform: rotate(11deg);
    left: 1.7rem
}

.landscape .four-cards .card-p4,
.portrait .four-cards .card-p4 {
    transform: rotate(31deg);
    left: 2.55rem;
    top: .3rem
}

.landscape .four-cards .card-p4.up,
.portrait .four-cards .card-p4.up {
    top: 0rem
}

.landscape .four-cards .table-player-stack,
.portrait .four-cards .table-player-stack {
    left: 5.3rem
}

.landscape .five-cards .time-to-talk,
.portrait .five-cards .time-to-talk {
    width: 63%
}

.landscape .five-cards .table-player-cards,
.portrait .five-cards .table-player-cards {
    top: -0.25rem;
    left: -1rem
}

.landscape .five-cards .card-p1,
.portrait .five-cards .card-p1 {
    transform: rotate(-32deg);
    left: 0rem;
    top: .4rem
}

.landscape .five-cards .card-p1.up,
.portrait .five-cards .card-p1.up {
    top: 0rem
}

.landscape .five-cards .card-p2,
.portrait .five-cards .card-p2 {
    transform: rotate(-16deg);
    left: .75rem;
    top: .15rem
}

.landscape .five-cards .card-p2.up,
.portrait .five-cards .card-p2.up {
    top: -0.1rem
}

.landscape .five-cards .card-p3,
.portrait .five-cards .card-p3 {
    transform: rotate(0deg);
    left: 1.5rem
}

.landscape .five-cards .card-p4,
.portrait .five-cards .card-p4 {
    transform: rotate(16deg);
    left: 2.25rem;
    top: .15rem
}

.landscape .five-cards .card-p4.up,
.portrait .five-cards .card-p4.up {
    top: -0.1rem
}

.landscape .five-cards .card-p5,
.portrait .five-cards .card-p5 {
    transform: rotate(32deg);
    left: 3rem;
    top: .4rem
}

.landscape .five-cards .card-p5.up,
.portrait .five-cards .card-p5.up {
    top: 0rem
}

.landscape .five-cards .table-player-stack,
.portrait .five-cards .table-player-stack {
    left: 5.3rem
}

.landscape .player-table-signals-container,
.portrait .player-table-signals-container {
    display: flex;
    position: absolute;
    z-index: 51
}

.landscape .player-table-signals-container.top,
.portrait .player-table-signals-container.top {
    top: -0.3rem;
    right: -0.3rem;
    z-index: 5
}

.landscape .player-table-signals-container.bottom,
.portrait .player-table-signals-container.bottom {
    bottom: -0.3rem;
    left: initial;
    right: -0.3rem
}

.landscape .player-table-signals-container .signal,
.portrait .player-table-signals-container .signal {
    margin-left: -0.2rem
}

.landscape .player-table-signals-container span,
.portrait .player-table-signals-container span {
    display: flex
}

.landscape .player-table-signals-container .nit-signal,
.portrait .player-table-signals-container .nit-signal {
    height: 1.3rem
}

.landscape .suggested-gesture-popover,
.portrait .suggested-gesture-popover {
    --suggested-gesture-popover-size: 1;
    position: absolute;
    z-index: 60;
    aspect-ratio: 673/450;
    height: calc(7rem*var(--suggested-gesture-popover-size));
    left: calc(-0.95rem*var(--suggested-gesture-popover-size));
    bottom: calc(2.8rem*var(--suggested-gesture-popover-size));
    background-image: url(https://cdn.pokernow.com/balloon-3aecf8503bc6b8a12486.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    color: #1f1f1f;
    filter: drop-shadow(0 calc(0.12rem * var(--suggested-gesture-popover-size)) calc(0.22rem * var(--suggested-gesture-popover-size)) rgba(0, 0, 0, 0.16));
    opacity: 0;
    transform: translateY(calc(0.18rem * var(--suggested-gesture-popover-size)));
    transition: opacity .22s ease, transform .22s ease;
    pointer-events: none
}

.landscape .suggested-gesture-popover.suggested-gesture-popover-visible,
.portrait .suggested-gesture-popover.suggested-gesture-popover-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.landscape .suggested-gesture-popover.suggested-gesture-popover-closing,
.portrait .suggested-gesture-popover.suggested-gesture-popover-closing {
    opacity: 0;
    transform: translateY(calc(0.14rem * var(--suggested-gesture-popover-size)));
    pointer-events: none
}

.landscape .suggested-gesture-popover .suggested-gesture-close,
.portrait .suggested-gesture-popover .suggested-gesture-close {
    position: absolute;
    top: calc(1.05rem*var(--suggested-gesture-popover-size));
    right: calc(1.28rem*var(--suggested-gesture-popover-size));
    width: calc(.78rem*var(--suggested-gesture-popover-size));
    height: calc(.78rem*var(--suggested-gesture-popover-size));
    border: none;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: calc(.48rem*var(--suggested-gesture-popover-size));
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    overflow: visible
}

.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-track,
.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-ring,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-track,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-ring {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round
}

.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-track,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-track {
    stroke: rgba(255, 255, 255, .18)
}

.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-ring,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-countdown-ring {
    stroke: #982619;
    stroke-dasharray: 94.25;
    stroke-dashoffset: 0;
    animation: suggested-gesture-close-countdown var(--suggested-gesture-auto-dismiss-duration) linear forwards
}

.landscape .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-label,
.portrait .suggested-gesture-popover .suggested-gesture-close .suggested-gesture-close-label {
    position: relative;
    z-index: 1;
    width: calc(100% - .2rem*var(--suggested-gesture-popover-size));
    height: calc(100% - .2rem*var(--suggested-gesture-popover-size));
    border-radius: 50%;
    background: #de4028;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 calc(-0.05rem*var(--suggested-gesture-popover-size)) 0 rgba(0, 0, 0, .14)
}

.landscape .suggested-gesture-popover .suggested-gesture-copy,
.portrait .suggested-gesture-popover .suggested-gesture-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(1.4rem*var(--suggested-gesture-popover-size));
    margin: 0 auto;
    margin-top: calc(1.4rem*var(--suggested-gesture-popover-size));
    width: calc(5.85rem*var(--suggested-gesture-popover-size))
}

.landscape .suggested-gesture-popover .suggested-gesture-title,
.landscape .suggested-gesture-popover .suggested-gesture-subtitle,
.portrait .suggested-gesture-popover .suggested-gesture-title,
.portrait .suggested-gesture-popover .suggested-gesture-subtitle {
    margin: 0
}

.landscape .suggested-gesture-popover .suggested-gesture-title,
.portrait .suggested-gesture-popover .suggested-gesture-title {
    font-size: calc(.56rem*var(--suggested-gesture-popover-size));
    font-weight: normal;
    letter-spacing: -0.01em
}

.landscape .suggested-gesture-popover .suggested-gesture-subtitle,
.portrait .suggested-gesture-popover .suggested-gesture-subtitle {
    margin-top: calc(.04rem*var(--suggested-gesture-popover-size));
    font-size: calc(.38rem*var(--suggested-gesture-popover-size));
    line-height: 1.06;
    color: #363636
}

.landscape .suggested-gesture-popover .suggested-gesture-options,
.portrait .suggested-gesture-popover .suggested-gesture-options {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    justify-items: center;
    gap: calc(.08rem*var(--suggested-gesture-popover-size));
    width: calc(5.8rem*var(--suggested-gesture-popover-size));
    margin: calc(.28rem*var(--suggested-gesture-popover-size)) auto 0;
    margin-bottom: calc(.2rem*var(--suggested-gesture-popover-size));
    padding-bottom: calc(.15rem*var(--suggested-gesture-popover-size));
    border-bottom: calc(.03rem*var(--suggested-gesture-popover-size)) solid rgba(0, 0, 0, .1)
}

.landscape .suggested-gesture-popover .suggested-gesture-entry,
.portrait .suggested-gesture-popover .suggested-gesture-entry {
    width: calc(1.35rem*var(--suggested-gesture-popover-size));
    display: flex;
    flex-direction: column;
    align-items: center
}

.landscape .suggested-gesture-popover .suggested-gesture-trigger,
.portrait .suggested-gesture-popover .suggested-gesture-trigger {
    width: calc(1.21rem*var(--suggested-gesture-popover-size));
    height: calc(1.21rem*var(--suggested-gesture-popover-size));
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.landscape .suggested-gesture-popover .suggested-gesture-trigger img,
.portrait .suggested-gesture-popover .suggested-gesture-trigger img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.landscape .suggested-gesture-popover .price-tag,
.portrait .suggested-gesture-popover .price-tag {
    margin-top: calc(.03rem*var(--suggested-gesture-popover-size));
    line-height: calc(.31rem*var(--suggested-gesture-popover-size));
    font-size: calc(.21rem*var(--suggested-gesture-popover-size));
    white-space: nowrap;
    color: #121212;
    background: #f2d447;
    border: calc(.03rem*var(--suggested-gesture-popover-size)) solid #d0b52f;
    border-radius: calc(.09rem*var(--suggested-gesture-popover-size));
    padding: 0 calc(.1rem*var(--suggested-gesture-popover-size));
    font-weight: bold
}

.landscape .suggested-gesture-popover .suggested-gesture-checkbox,
.portrait .suggested-gesture-popover .suggested-gesture-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: calc(.12rem*var(--suggested-gesture-popover-size));
    margin: calc(.08rem*var(--suggested-gesture-popover-size)) auto 0;
    line-height: 1;
    font-size: calc(.34rem*var(--suggested-gesture-popover-size));
    font-weight: bold;
    cursor: pointer;
    color: #232323
}

.landscape .suggested-gesture-popover .suggested-gesture-checkbox input,
.portrait .suggested-gesture-popover .suggested-gesture-checkbox input {
    width: calc(.34rem*var(--suggested-gesture-popover-size));
    height: calc(.34rem*var(--suggested-gesture-popover-size));
    margin: 0
}

@keyframes suggested-gesture-close-countdown {
    from {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: 94.25
    }
}

.landscape .table-player-1 .request-ingress-popover,
.landscape .table-player-2 .request-ingress-popover,
.landscape .table-player-3 .request-ingress-popover,
.landscape .table-player-10 .request-ingress-popover,
.portrait .table-player-1 .request-ingress-popover,
.portrait .table-player-2 .request-ingress-popover,
.portrait .table-player-3 .request-ingress-popover,
.portrait .table-player-10 .request-ingress-popover {
    left: -1rem
}

.landscape .table-player-1 .request-ingress-popover:before,
.landscape .table-player-2 .request-ingress-popover:before,
.landscape .table-player-3 .request-ingress-popover:before,
.landscape .table-player-10 .request-ingress-popover:before,
.portrait .table-player-1 .request-ingress-popover:before,
.portrait .table-player-2 .request-ingress-popover:before,
.portrait .table-player-3 .request-ingress-popover:before,
.portrait .table-player-10 .request-ingress-popover:before {
    right: 6rem
}

.landscape .table-player-4 .request-ingress-popover,
.portrait .table-player-4 .request-ingress-popover {
    bottom: 0;
    right: -13rem
}

.landscape .table-player-4 .request-ingress-popover:before,
.portrait .table-player-4 .request-ingress-popover:before {
    right: initial;
    transform: rotate(90deg);
    bottom: 1.2rem;
    left: -1.55rem
}

.landscape .table-player-5 .request-ingress-popover,
.portrait .table-player-5 .request-ingress-popover {
    bottom: initial;
    top: 0;
    right: -13rem
}

.landscape .table-player-5 .request-ingress-popover:before,
.portrait .table-player-5 .request-ingress-popover:before {
    right: initial;
    transform: rotate(90deg);
    top: 1.2rem;
    bottom: initial;
    left: -1.55rem
}

.landscape .table-player-6 .request-ingress-popover,
.landscape .table-player-7 .request-ingress-popover,
.portrait .table-player-6 .request-ingress-popover,
.portrait .table-player-7 .request-ingress-popover {
    bottom: initial;
    top: 4rem;
    right: -1rem
}

.landscape .table-player-6 .request-ingress-popover:before,
.landscape .table-player-7 .request-ingress-popover:before,
.portrait .table-player-6 .request-ingress-popover:before,
.portrait .table-player-7 .request-ingress-popover:before {
    right: 6rem;
    transform: rotate(180deg);
    bottom: initial;
    top: -1.55rem
}

.landscape .table-player-8 .request-ingress-popover,
.portrait .table-player-8 .request-ingress-popover {
    bottom: initial;
    top: 0;
    left: -13rem
}

.landscape .table-player-8 .request-ingress-popover:before,
.portrait .table-player-8 .request-ingress-popover:before {
    right: -0.8rem;
    transform: rotate(270deg);
    top: 1.2rem;
    bottom: initial
}

.landscape .table-player-9 .request-ingress-popover,
.portrait .table-player-9 .request-ingress-popover {
    bottom: 0;
    left: -13rem
}

.landscape .table-player-9 .request-ingress-popover:before,
.portrait .table-player-9 .request-ingress-popover:before {
    right: -0.8rem;
    transform: rotate(270deg);
    bottom: 1.2rem
}

.landscape .table-player-4 .suggested-gesture-popover,
.portrait .table-player-4 .suggested-gesture-popover {
    left: initial;
    right: calc(-7rem*var(--suggested-gesture-popover-size));
    bottom: calc(-0.3rem*var(--suggested-gesture-popover-size))
}

.landscape .table-player-5 .suggested-gesture-popover,
.portrait .table-player-5 .suggested-gesture-popover {
    left: initial;
    right: calc(-7rem*var(--suggested-gesture-popover-size));
    bottom: calc(-1.2rem*var(--suggested-gesture-popover-size))
}

.landscape .table-player-6 .suggested-gesture-popover,
.landscape .table-player-7 .suggested-gesture-popover,
.portrait .table-player-6 .suggested-gesture-popover,
.portrait .table-player-7 .suggested-gesture-popover {
    left: calc(-0.8rem*var(--suggested-gesture-popover-size));
    bottom: initial;
    top: calc(1.75rem*var(--suggested-gesture-popover-size))
}

.landscape .table-player-8 .suggested-gesture-popover,
.portrait .table-player-8 .suggested-gesture-popover {
    left: calc(-7rem*var(--suggested-gesture-popover-size));
    bottom: calc(-1.2rem*var(--suggested-gesture-popover-size))
}

.landscape .table-player-9 .suggested-gesture-popover,
.portrait .table-player-9 .suggested-gesture-popover {
    left: calc(-7rem*var(--suggested-gesture-popover-size));
    bottom: calc(-0.3rem*var(--suggested-gesture-popover-size))
}

.landscape .table-player-status-icon,
.portrait .table-player-status-icon {
    color: #989898;
    text-transform: uppercase;
    font-size: .4rem;
    position: absolute;
    bottom: .3rem;
    left: 0rem;
    z-index: 3;
    width: 5.5rem;
    text-align: center
}

.landscape .table-player-status-icon:after,
.portrait .table-player-status-icon:after {
    display: block;
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: -2.2rem;
    font-size: 2rem;
    left: 1.7rem;
    font-family: "Utils"
}

.landscape .table-player-status-icon.standing-up:after,
.portrait .table-player-status-icon.standing-up:after {
    content: ""
}

.landscape .table-player-status-icon.fold,
.portrait .table-player-status-icon.fold {
    color: #696666
}

.landscape .table-player-status-icon.fold:after,
.portrait .table-player-status-icon.fold:after {
    content: "";
    opacity: .5;
    top: -2.27rem
}

.landscape .table-player-status-icon.waiting:after,
.portrait .table-player-status-icon.waiting:after {
    content: ""
}

.landscape .table-player-status-icon.waiting-next-hand:after,
.portrait .table-player-status-icon.waiting-next-hand:after {
    content: "";
    top: -2.1rem
}

.landscape .table-player-status-icon.quitting:after,
.portrait .table-player-status-icon.quitting:after {
    content: ""
}

.landscape .table-player-chat-message,
.portrait .table-player-chat-message {
    background: #546eca;
    color: #fff;
    position: absolute;
    bottom: -0.55rem;
    text-align: center;
    right: 0;
    z-index: 6;
    font-size: .6rem;
    min-width: 20%;
    padding: .2rem .5rem;
    box-sizing: border-box;
    border-radius: .2rem;
    box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, .4)
}

.landscape .table-player-chat-message:after,
.portrait .table-player-chat-message:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: -0.75rem;
    transform: rotate(180deg);
    right: .3rem;
    border-left: .4rem solid transparent;
    border-top: .4rem solid #546eca;
    border-right: .4rem solid transparent;
    border-bottom: .4rem solid transparent;
    background: transparent
}

.landscape .time-to-talk,
.portrait .time-to-talk {
    position: absolute;
    bottom: 0;
    width: 54.5%;
    right: 0;
    height: .2rem;
    background: #efefef;
    display: flex
}

.landscape .time-to-talk .normal-time,
.portrait .time-to-talk .normal-time {
    display: inline-block;
    background: #b1d85d;
    height: 100%
}

.landscape .time-to-talk .time-bank,
.portrait .time-to-talk .time-bank {
    display: inline-block;
    background: #9972cb;
    height: 100%
}

.landscape .time-to-talk .red,
.portrait .time-to-talk .red {
    background: red
}

.landscape .numbers-signal,
.portrait .numbers-signal {
    font-weight: bold;
    padding-right: .3rem;
    position: relative;
    font-size: .5rem;
    color: #fff;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: .6rem;
    box-shadow: 0px 0rem .1rem rgba(0, 0, 0, .15)
}

.landscape .numbers-signal.green,
.portrait .numbers-signal.green {
    background: #49a16e
}

.landscape .numbers-signal.red,
.portrait .numbers-signal.red {
    background: #ab4343
}

.landscape .numbers-signal.gray,
.portrait .numbers-signal.gray {
    background: #777
}

.landscape .rebuy-count,
.portrait .rebuy-count {
    background: #ab4343;
    padding-left: 1rem
}

.landscape .rank-level,
.portrait .rank-level {
    background: #84f83e;
    color: #000;
    padding-left: 1rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .3)
}

.landscape .rank-level:after,
.portrait .rank-level:after {
    content: "";
    display: block;
    color: #66bc32;
    height: .4rem;
    width: .4rem;
    font-size: .6rem;
    font-family: "Utils";
    position: absolute;
    top: 0;
    left: .3rem
}

.landscape .win-count,
.portrait .win-count {
    background: #49a16e;
    padding-left: 1.05rem
}

.landscape .win-count:after,
.portrait .win-count:after {
    content: "";
    display: block;
    color: #2d8953;
    height: .4rem;
    width: .4rem;
    font-size: .7rem;
    font-family: "Utils";
    position: absolute;
    top: 0;
    left: .25rem
}

.landscape .muted-signal,
.landscape .muted-mic-signal,
.landscape .no-cam,
.landscape .no-avatar,
.landscape .video-voice,
.landscape .mic-signal,
.portrait .muted-signal,
.portrait .muted-mic-signal,
.portrait .no-cam,
.portrait .no-avatar,
.portrait .video-voice,
.portrait .mic-signal {
    width: .85rem;
    background: #b93f3f
}

.landscape .muted-signal:after,
.landscape .muted-mic-signal:after,
.landscape .no-cam:after,
.landscape .no-avatar:after,
.landscape .video-voice:after,
.landscape .mic-signal:after,
.portrait .muted-signal:after,
.portrait .muted-mic-signal:after,
.portrait .no-cam:after,
.portrait .no-avatar:after,
.portrait .video-voice:after,
.portrait .mic-signal:after {
    display: block;
    color: #ff5f5d;
    height: .4rem;
    width: .4rem;
    font-weight: normal;
    font-size: .7rem;
    font-family: "Utils";
    position: absolute;
    top: 0;
    left: .24rem
}

.landscape .notes-signal,
.portrait .notes-signal {
    width: .85rem;
    background: #191919;
    color: #eef4ff
}

.landscape .notes-signal:after,
.portrait .notes-signal:after {
    display: block;
    color: currentColor;
    height: .4rem;
    width: .4rem;
    font-weight: normal;
    font-size: .7rem;
    font-family: "Utils";
    position: absolute;
    top: 0;
    left: .24rem;
    content: ""
}

.landscape .muted-signal:after,
.portrait .muted-signal:after {
    content: ""
}

.landscape .no-avatar:after,
.portrait .no-avatar:after {
    content: ""
}

.landscape .video-voice-signal-container,
.portrait .video-voice-signal-container {
    cursor: pointer;
    display: inline-block
}

.landscape .video-voice,
.portrait .video-voice {
    background: #82844c;
    box-shadow: 0 0 5px 2px #f3f78669 !important
}

.landscape .video-voice:after,
.portrait .video-voice:after {
    font-size: 1rem;
    top: .04rem;
    left: .11rem;
    color: #fff;
    content: ""
}

.landscape .mic-signal,
.portrait .mic-signal {
    background: #82844c
}

.landscape .mic-signal.highlight,
.portrait .mic-signal.highlight {
    box-shadow: 0 0 5px 2px #f3f78669 !important
}

.landscape .mic-signal:after,
.portrait .mic-signal:after {
    color: #fff;
    content: ""
}

.landscape .no-cam:after,
.portrait .no-cam:after {
    top: .03rem;
    left: .19rem;
    content: ""
}

.landscape .muted-mic-signal:after,
.portrait .muted-mic-signal:after {
    content: ""
}

.landscape .mic-signal:after,
.landscape .muted-mic-signal:after,
.portrait .mic-signal:after,
.portrait .muted-mic-signal:after {
    top: .04rem
}

.landscape .layer-priority,
.portrait .layer-priority {
    z-index: 20
}

.landscape .win-odds-container,
.portrait .win-odds-container {
    display: flex;
    justify-content: center;
    z-index: 5;
    position: absolute;
    top: -0.25rem;
    left: 3.7rem
}

.landscape .win-odds,
.portrait .win-odds {
    width: 1.9rem;
    padding: 0;
    padding: 0;
    text-align: center;
    border-radius: .82rem;
    box-shadow: 0px 0rem 1rem rgba(0, 0, 0, .49)
}

.landscape .player-with-video .table-player-configs,
.portrait .player-with-video .table-player-configs {
    left: 3rem;
    top: -0.1rem;
    z-index: 5;
    background: #000
}

.landscape .player-with-video .emoji-container,
.portrait .player-with-video .emoji-container {
    top: 1.3rem;
    left: -1.4rem;
    right: initial
}

.landscape .player-with-video .video-container,
.portrait .player-with-video .video-container {
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 4.7rem;
    width: 4.7rem;
    border-radius: .2rem;
    position: absolute;
    top: -0.2rem;
    left: -0.9rem;
    z-index: 3;
    background: #000;
    box-shadow: 0 .2rem .5em 0 rgba(0, 0, 0, .25)
}

.landscape .player-with-video .video-container video,
.portrait .player-with-video .video-container video {
    height: 100%
}

.landscape .player-with-video .table-player-infos-ctn,
.portrait .player-with-video .table-player-infos-ctn {
    top: 74%;
    height: 52%;
    z-index: 2;
    background: rgba(51, 51, 51, .99)
}

.landscape .player-with-video .table-player-stack,
.portrait .player-with-video .table-player-stack {
    white-space: nowrap;
    width: initial;
    left: 4.2rem;
    font-size: .69rem;
    top: .8rem
}

.landscape .player-with-video.decision-current:before,
.landscape .player-with-video.winner:before,
.portrait .player-with-video.decision-current:before,
.portrait .player-with-video.winner:before {
    top: 77%;
    height: 50%
}

.landscape .player-with-video.winner .table-player-infos-ctn,
.portrait .player-with-video.winner .table-player-infos-ctn {
    box-shadow: 0 0rem .6em 0 rgba(0, 0, 0, .25), 0 0rem 1.5em 0 rgba(223, 245, 43, .48) inset
}

.landscape .player-with-video .table-player-cards,
.portrait .player-with-video .table-player-cards {
    left: 4.2rem;
    z-index: 1
}

.landscape .player-with-video .time-to-talk,
.portrait .player-with-video .time-to-talk {
    width: 63%
}

.landscape .player-with-video .win-odds-container,
.portrait .player-with-video .win-odds-container {
    top: -0.2rem;
    left: auto;
    right: -0.5rem
}

.landscape .player-with-video.four-cards .win-odds-container,
.portrait .player-with-video.four-cards .win-odds-container {
    transform: scale(0.8);
    top: 1.1rem;
    left: auto;
    right: -1rem
}

.landscape .player-with-video.four-cards .table-player-cards,
.portrait .player-with-video.four-cards .table-player-cards {
    top: -0.29rem;
    transform: scale(0.98) rotate(10deg);
    left: 4.9rem
}

.landscape .player-with-video.five-cards .win-odds-container,
.portrait .player-with-video.five-cards .win-odds-container {
    transform: scale(0.8);
    top: 1.1rem;
    left: auto;
    right: -1.2rem
}

.landscape .player-with-video.five-cards .table-player-cards,
.portrait .player-with-video.five-cards .table-player-cards {
    top: -0.29rem;
    transform: scale(0.95) rotate(10deg);
    left: 4.7rem
}

.landscape .player-with-video .table-player-status-icon,
.portrait .player-with-video .table-player-status-icon {
    border-radius: .3rem;
    padding-left: 1.25rem;
    padding-top: .62rem;
    font-size: .4rem;
    padding-right: .5rem;
    right: .2rem;
    left: initial;
    height: 1.4rem;
    top: 1.1rem;
    color: #ababab;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .29);
    background: rgba(0, 0, 0, .5);
    width: 3.8rem;
    z-index: 1
}

.landscape .player-with-video .table-player-status-icon:after,
.portrait .player-with-video .table-player-status-icon:after {
    top: .35rem !important;
    left: .25rem;
    font-size: .9rem;
    width: 1rem;
    height: 1rem
}

.landscape .player-with-video .table-player-status-icon.fold,
.portrait .player-with-video .table-player-status-icon.fold {
    color: #ababab
}

.landscape .player-with-video .table-player-chat-message,
.portrait .player-with-video .table-player-chat-message {
    bottom: -1rem;
    right: initial;
    left: -1rem;
    min-width: initial;
    width: 5.2rem
}

.landscape .player-with-video .player-table-signals-container .numbers-signal,
.portrait .player-with-video .player-table-signals-container .numbers-signal {
    box-shadow: 0px 0rem .1rem rgba(0, 0, 0, .8)
}

.landscape .player-with-video .player-table-signals-container.top,
.portrait .player-with-video .player-table-signals-container.top {
    transform: scale(0.85);
    top: initial;
    bottom: -1.1rem;
    left: initial;
    right: 5.6rem
}

.landscape .player-with-video .player-table-signals-container.bottom,
.portrait .player-with-video .player-table-signals-container.bottom {
    left: -1.1rem;
    bottom: -1rem
}

.landscape .player-avatar-image-ctn,
.portrait .player-avatar-image-ctn {
    background: url(https://cdn.pokernow.com/default-avatar-fe833319817b7ae63cd9.png) !important;
    background-size: cover !important;
    cursor: pointer
}

.landscape .player-avatar-image-ctn.player-pack-avatar,
.portrait .player-avatar-image-ctn.player-pack-avatar {
    border: .01rem solid #ffffa0;
    box-shadow: 0 .2rem .5em 0 rgba(210, 243, 42, .25);
    transition: transform .5s ease-in-out
}

.landscape .table-player.winner .player-avatar-image-ctn.player-pack-avatar,
.portrait .table-player.winner .player-avatar-image-ctn.player-pack-avatar {
    transform: scale(1.13);
    z-index: 20
}

.landscape .player-avatar-image-ctn img,
.portrait .player-avatar-image-ctn img {
    position: absolute;
    height: 4.7rem
}

.landscape .avatar-pack-player-image,
.portrait .avatar-pack-player-image {
    transition: opacity .5s ease-in-out
}

.landscape .avatar-pack-player-image.winner,
.portrait .avatar-pack-player-image.winner {
    opacity: 0
}

.landscape .table-player.winner .avatar-pack-player-image.regular,
.portrait .table-player.winner .avatar-pack-player-image.regular {
    opacity: 0
}

.landscape .table-player.winner .avatar-pack-player-image.winner,
.portrait .table-player.winner .avatar-pack-player-image.winner {
    opacity: 1
}

.landscape .game-ledger-body,
.portrait .game-ledger-body {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.landscape .game-ledger-body .row,
.portrait .game-ledger-body .row {
    display: grid;
    grid-template-columns: 60% 10% 10% 10% 10%
}

.landscape .game-ledger-body .hidden-label,
.portrait .game-ledger-body .hidden-label {
    display: none
}

.landscape .player-ledger-row,
.portrait .player-ledger-row {
    box-sizing: border-box;
    margin-bottom: .4rem;
    border: .05rem solid #e4e4e4;
    border-radius: .3rem;
    width: 100%
}

.landscape .player-ledger-row:last-child,
.portrait .player-ledger-row:last-child {
    margin-bottom: 0
}

.landscape .player-ledger-row .row,
.portrait .player-ledger-row .row {
    border-top: .05rem solid #f3f3f3
}

.landscape .player-ledger-row .row:first-child,
.portrait .player-ledger-row .row:first-child {
    border-top: 0
}

.landscape .player-ledger-row .cell,
.portrait .player-ledger-row .cell {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    padding: .4rem
}

.landscape .player-ledger-row .session-cell,
.portrait .player-ledger-row .session-cell {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.landscape .player-ledger-row .session-cell .row-label,
.portrait .player-ledger-row .session-cell .row-label {
    flex-basis: 8rem
}

.landscape .player-ledger-row .player-id,
.portrait .player-ledger-row .player-id {
    justify-content: space-between;
    font-size: .9rem;
    font-weight: bold
}

.landscape .player-ledger-row .player-id .id,
.portrait .player-ledger-row .player-id .id {
    color: #d0d0d0;
    font-size: .7rem
}

.landscape .player-ledger-row .show-details-button,
.portrait .player-ledger-row .show-details-button {
    height: 1rem;
    line-height: 1rem;
    border-radius: .1rem;
    border: 1px solid #e4e4e4;
    font-size: .4rem;
    color: #000
}

.landscape .player-ledger-row .movements,
.portrait .player-ledger-row .movements {
    padding-bottom: 0;
    display: flex;
    gap: .2rem
}

.landscape .player-ledger-row .movements .ledger-movement,
.portrait .player-ledger-row .movements .ledger-movement {
    display: flex;
    flex-direction: column;
    width: 4rem;
    border-radius: .2rem;
    box-sizing: border-box;
    height: 1.8rem;
    justify-content: center
}

.landscape .player-ledger-row .movements .ledger-movement .label,
.portrait .player-ledger-row .movements .ledger-movement .label {
    line-height: .4rem;
    text-transform: uppercase;
    text-align: center;
    font-size: .4rem
}

.landscape .player-ledger-row .movements .ledger-movement .value,
.portrait .player-ledger-row .movements .ledger-movement .value {
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    line-height: .8rem;
    font-size: .8rem
}

.landscape .player-ledger-row .movements .ledger-movement.light-green,
.portrait .player-ledger-row .movements .ledger-movement.light-green {
    background: #9ccd85;
    color: #fff
}

.landscape .player-ledger-row .movements .ledger-movement.light-red,
.portrait .player-ledger-row .movements .ledger-movement.light-red {
    background: #d85656;
    color: #fff
}

.landscape .player-ledger-row .movements .ledger-movement.red,
.portrait .player-ledger-row .movements .ledger-movement.red {
    background: #ce301b;
    color: #fff
}

.landscape .player-ledger-row .movements .ledger-movement.green,
.portrait .player-ledger-row .movements .ledger-movement.green {
    background: #4db544;
    color: #fff
}

.landscape .player-ledger-row .movements .ledger-movement.blue,
.portrait .player-ledger-row .movements .ledger-movement.blue {
    background: #5c55a8;
    color: #fff
}

.landscape .player-ledger-row .negative-net,
.portrait .player-ledger-row .negative-net {
    color: #d75757
}

.landscape .player-ledger-row .positive-net,
.portrait .player-ledger-row .positive-net {
    color: #2ad044
}

.landscape .rake-line,
.portrait .rake-line {
    border-top: .15rem solid #e1e1e1
}

.landscape .rake-line .label,
.portrait .rake-line .label {
    grid-column: span 2
}

.landscape .player-ledger-table-aux-table,
.portrait .player-ledger-table-aux-table {
    width: 100%;
    color: #7c7c7c;
    text-transform: uppercase;
    font-size: .6rem;
    display: grid;
    grid-template-columns: 60% 10% 10% 10% 10%
}

.landscape .player-ledger-table-aux-table a,
.portrait .player-ledger-table-aux-table a {
    color: #7c7c7c
}

.landscape .player-ledger-table-aux-table .cell,
.portrait .player-ledger-table-aux-table .cell {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    padding: .4rem
}

.landscape .player-ledger-table-aux-table .cell.label,
.portrait .player-ledger-table-aux-table .cell.label {
    justify-content: flex-start
}

.landscape .ledger-rows,
.portrait .ledger-rows {
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    right: 0
}

.landscape .placeholder-background,
.portrait .placeholder-background {
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-image: url(https://cdn.pokernow.com/placeholder-b3916d213c5f1fceeb42.jpg);
    transition: visibility .8s, opacity .8s linear;
    opacity: 1;
    visibility: visible
}

.landscape .placeholder-background.hidden,
.portrait .placeholder-background.hidden {
    opacity: 0;
    visibility: hidden
}

.landscape .waiting-container,
.portrait .waiting-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 31;
    display: flex;
    align-items: center;
    justify-content: center
}

.landscape .waiting-container-center-container,
.portrait .waiting-container-center-container {
    color: #fff;
    background: rgba(0, 0, 0, .83);
    padding: 1rem;
    width: 15rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .41);
    border-radius: .6rem
}

.landscape .waiting-container-center-container .title,
.portrait .waiting-container-center-container .title {
    text-transform: uppercase;
    font-weight: lighter;
    margin: 0;
    font-size: .9rem;
    text-align: center;
    width: 100%;
    letter-spacing: .5rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #434343;
    margin-bottom: .8rem
}

.landscape .new-game-form input[type=text],
.portrait .new-game-form input[type=text] {
    height: 3rem;
    line-height: 3rem;
    border-color: #b3b3b3;
    font-size: 1rem
}

.landscape .new-game-form button[type=submit],
.portrait .new-game-form button[type=submit] {
    width: 100%
}

.landscape .new-game-form p,
.portrait .new-game-form p {
    font-size: .6rem;
    text-align: center;
    margin-top: 0;
    color: #aaa;
    margin-bottom: .5rem
}

.landscape .sidebar-video,
.portrait .sidebar-video {
    width: 0;
    display: block;
    z-index: 30;
    background: #1e1e1e;
    height: 100%;
    padding-top: .6rem;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    border-left: .2rem solid #282727
}

.landscape .sidebar-video .sidebar-video-body,
.portrait .sidebar-video .sidebar-video-body {
    visibility: hidden
}

.landscape .sidebar-video.open,
.portrait .sidebar-video.open {
    width: 9%
}

.landscape .sidebar-video.open .sidebar-video-body,
.portrait .sidebar-video.open .sidebar-video-body {
    visibility: initial
}

.landscape .sidebar-video .warning,
.portrait .sidebar-video .warning {
    color: #726e6e;
    width: 100%;
    text-align: center;
    font-size: .5rem
}

.landscape .sidebar-video .title,
.portrait .sidebar-video .title {
    margin: 0;
    width: 100%;
    margin-bottom: .5rem;
    text-align: center;
    font-size: .45rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #7a7676
}

.landscape .sidebar-video .toggle-collapse-btn-ctn,
.portrait .sidebar-video .toggle-collapse-btn-ctn {
    height: 2rem;
    width: 1.5rem;
    top: 15.6rem;
    position: absolute;
    left: -1.5rem
}

.landscape .sidebar-video .toggle-collapse-btn-ctn-counter,
.portrait .sidebar-video .toggle-collapse-btn-ctn-counter {
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    font-size: .5rem;
    font-weight: bold;
    width: .7rem;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    border-radius: 50%;
    background: #131313;
    color: #fff
}

.landscape .sidebar-video .toggle-collapse-btn,
.portrait .sidebar-video .toggle-collapse-btn {
    text-indent: -9999999px;
    height: 100%;
    width: 100%;
    border: none;
    background: #282727;
    border-radius: .5rem 0 0 .5rem;
    text-transform: uppercase;
    cursor: pointer
}

.landscape .sidebar-video .toggle-collapse-btn:before,
.portrait .sidebar-video .toggle-collapse-btn:before {
    line-height: 1rem;
    height: 1rem;
    position: absolute;
    top: .32rem;
    left: .35rem;
    font-size: 2rem;
    color: #9f9f9f;
    text-indent: initial;
    content: "»"
}

.landscape .sidebar-video .toggle-collapse-btn.collapsed:before,
.portrait .sidebar-video .toggle-collapse-btn.collapsed:before {
    content: "«"
}

.landscape .sidebar-video-element,
.portrait .sidebar-video-element {
    margin-bottom: .15rem;
    position: relative
}

.landscape .sidebar-video-element .bottom-signals,
.portrait .sidebar-video-element .bottom-signals {
    position: absolute;
    width: 100%;
    bottom: -0.3rem
}

.landscape .sidebar-video-element .signal,
.portrait .sidebar-video-element .signal {
    z-index: 3;
    display: inline-block;
    margin-right: .2rem
}

.landscape .sidebar-video-element .player-name,
.portrait .sidebar-video-element .player-name {
    z-index: 3;
    position: absolute;
    color: #fff;
    bottom: 0;
    background: rgba(0, 0, 0, .29);
    width: 100%;
    font-size: .5rem;
    text-align: center
}

.landscape .sidebar-video-element .video-container,
.portrait .sidebar-video-element .video-container {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: center
}

.landscape .sidebar-video-element video,
.portrait .sidebar-video-element video {
    height: 100%
}

.landscape .sidebar-video-element .video,
.portrait .sidebar-video-element .video {
    cursor: pointer;
    box-shadow: 0 .2rem .5em 0 rgba(0, 0, 0, .25);
    background: #111;
    border-radius: .2rem;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.landscape .sidebar-video-popover,
.portrait .sidebar-video-popover {
    z-index: 3;
    padding: .5rem;
    width: 8rem;
    left: -8rem;
    bottom: 0
}

.landscape .sidebar-video-popover:before,
.portrait .sidebar-video-popover:before {
    bottom: .9rem;
    top: initial;
    right: -0.2rem
}

.landscape .sidebar-video-popover button,
.portrait .sidebar-video-popover button {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: .1rem
}

.landscape .sidebar-video-popover button:last-child,
.portrait .sidebar-video-popover button:last-child {
    margin-bottom: 0
}

.landscape .sidebar-players-videos,
.portrait .sidebar-players-videos {
    flex-direction: column;
    height: 30rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.tos-agreement {
    box-sizing: border-box;
    color: #000;
    font-size: .7rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: .5rem .8rem;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1rem 0 #000;
    justify-content: center
}

.tos-agreement p {
    margin: 0;
    margin-right: 10px
}

.tos-agreement p:last-child {
    margin-right: 0
}

.tos-agreement a {
    color: #000
}

.tos-agreement .decision-button {
    cursor: pointer;
    font-size: .7rem;
    border: none;
    font-weight: bold;
    display: inline-block;
    background: #70974b;
    color: #fff;
    padding: .2rem 2.5rem;
    text-decoration: none;
    border-radius: 5px
}

.portrait #canvas {
    aspect-ratio: 1/1.8
}

.portrait .gesture-movement {
    margin-top: .5rem;
    margin-left: 2rem;
    height: 4rem;
    width: 4rem
}

.portrait .button-1.with-tip:before {
    display: none
}

.portrait .placeholder-background {
    background-image: url("placeholder-vertical-f531f5124fcf2ea0059d.jpg")
}

.portrait .modal {
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%;
    height: initial
}

.portrait .modal .modal-body {
    height: 27rem
}

.portrait .modal .modal-body ul {
    padding-left: 1rem
}

.portrait .alert-1 {
    font-size: .8rem;
    padding: .4rem;
    width: 95%
}

.portrait .player-notes .player-note-colors {
    flex-wrap: wrap
}

.portrait .player-notes .player-note-color {
    height: .9rem;
    width: calc((100% - 1.05rem)/4)
}

.portrait .button-1 {
    font-size: .8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-width: .05rem;
    border-bottom-width: .1rem
}

.portrait .button-1.log-download-button {
    width: initial
}

.portrait .form-1-input-control input {
    border-width: .05rem;
    font-size: .8rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.portrait .choose-buttons {
    border-width: .05rem
}

.portrait .choose-buttons button {
    font-size: .7rem
}

.portrait .blind-level-table thead {
    font-size: .5rem
}

.portrait .blind-level-table input {
    font-size: .85rem;
    padding: 0 .4rem
}

.portrait .game-infos {
    top: 16.5rem;
    width: 100%;
    left: 0;
    right: initial;
    z-index: 4;
    align-items: center
}

.portrait .blind-value,
.portrait .blind-value.ante {
    font-size: .45rem;
    color: #d1ffe6
}

.portrait .blind-value {
    --blind-value-game-type-font: 0.7rem
}

.portrait .blind-value .icon-signals {
    height: .4rem;
    width: .4rem;
    margin-left: .1rem
}

.portrait .seven-deuce {
    background-color: #800;
    color: #fff;
    padding: .2rem
}

.portrait .next-blind-counter {
    font-size: .38rem;
    color: #d1ffe6
}

.portrait .owner-table-name {
    font-size: .4rem;
    color: #d1ffe6
}

.portrait .low {
    opacity: initial
}

.portrait .show-hand-buttons {
    --show-hand-button: 0.7rem;
    flex-direction: initial
}

.portrait .show-hand-buttons .label {
    width: calc(var(--show-hand-button)*8);
    margin-left: calc(var(--show-hand-button)*-4);
    top: -0.1rem
}

.portrait .show-hand-buttons .all-cards-button {
    border-right: calc(var(--show-hand-button)*.06) solid #139249
}

.portrait .show-hand-buttons button {
    padding-top: .15rem !important;
    height: 2rem !important;
    line-height: 2rem !important
}

.portrait .show-hand-buttons button .hotkey {
    display: none
}

.portrait .show-hand-buttons .cards {
    border-top: 0
}

.portrait .game-decisions-ctn {
    position: absolute;
    right: .2rem;
    left: .2rem;
    bottom: .4rem
}

.portrait .game-decisions-ctn .action-buttons {
    gap: .2rem
}

.portrait .game-decisions-ctn .action-buttons .action-button {
    flex: 1;
    font-size: .5rem;
    padding: 0 .3rem;
    height: 2.3rem;
    line-height: 2.3rem
}

.portrait .game-decisions-ctn .action-buttons .action-button:before {
    display: none !important
}

.portrait .game-decisions-ctn .action-buttons .action-button.raise,
.portrait .game-decisions-ctn .action-buttons .action-button.call {
    max-width: 4.9rem
}

.portrait .game-decisions-ctn .action-buttons .action-button.cancel-request-ingress {
    max-width: 10rem
}

.portrait .game-decisions-ctn .action-buttons .action-button.iamback {
    max-width: 5rem
}

.portrait .game-decisions-ctn .action-buttons .action-button.check,
.portrait .game-decisions-ctn .action-buttons .action-button.fold {
    max-width: 3.3rem
}

.portrait .suspended-action {
    z-index: 30;
    position: absolute;
    right: 0;
    padding: 0;
    bottom: 2.6rem;
    height: 1.5rem;
    line-height: 1.4rem;
    font-size: .45rem;
    width: 5.6rem
}

.portrait .suspended-action.high {
    bottom: 3.2rem
}

.portrait .raise-controller-form {
    right: 0;
    left: 0;
    bottom: 0;
    transform-origin: 100% 100%;
    width: initial
}

.portrait .raise-controller-form .action-buttons {
    width: 5.4rem;
    bottom: .1rem
}

.portrait .raise-bet-value {
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    box-shadow: 0 0 3rem rgba(0, 0, 0, .31);
    top: -1.4rem;
    transform: scale(0.65)
}

.portrait .raise-controller {
    transform: scale(0.62);
    width: 18rem;
    transform-origin: 0 100%;
    position: absolute;
    bottom: 0;
    right: initial;
    left: 0;
    margin-left: 0
}

.portrait .raise-controller .slider-control {
    width: 10.4rem;
    left: 3.7rem
}

.portrait .raise-controller .slider-control::-webkit-slider-thumb {
    width: 1.6rem;
    height: 1.6rem
}

.portrait .raise-controller .slider-control::-moz-range-thumb {
    width: 1.6rem;
    height: 1.6rem
}

.portrait .raise-controller .control-button {
    width: 3.5rem
}

.portrait .table-player-chat-message {
    font-size: .45rem;
    z-index: 100
}

.portrait .request-ingress-popover {
    transform-origin: 0 0;
    transform: scale(0.95)
}

.portrait .config-top-tabs {
    margin-top: .5rem;
    font-size: .46rem;
    box-sizing: initial;
    height: initial;
    padding: 0
}

.portrait .config-top-tabs button:last-child {
    margin-right: 0
}

.portrait .config-top-tab-buttton {
    height: 3rem;
    padding: 0 .5rem !important
}

.portrait .config-col-1,
.portrait .config-col-2 {
    width: initial;
    float: initial
}

.portrait .config-player-row {
    height: initial
}

.portrait .config-player-row .name {
    font-size: 1rem
}

.portrait .config-player-row .status {
    font-size: .8rem;
    margin-bottom: .4rem
}

.portrait .player-action-buttons {
    position: initial;
    font-size: .8rem;
    height: 2.5rem
}

.portrait .player-action-buttons button {
    margin-left: initial;
    margin-right: .2rem
}

.portrait .top-buttons {
    width: initial;
    transform-origin: 0 0;
    transform: scale(0.8);
    top: .3rem;
    left: .3rem
}

.portrait .top-buttons .top-controls-options-popover {
    top: 2.9rem;
    left: 0
}

.portrait .top-buttons .top-controls-options-popover:before {
    right: initial;
    left: .5rem;
    transform: rotate(180deg);
    bottom: initial;
    top: -1.4rem
}

.portrait .top-buttons .top-controls-options-popover {
    min-width: 7rem
}

.portrait .config-warning-popover {
    top: 3.2rem;
    left: 0
}

.portrait .config-warning-popover:before {
    top: -0.2rem;
    left: 1.1rem
}

.portrait .top-buttons-button {
    border-radius: 0 !important;
    width: 2.4rem;
    border: none !important;
    color: #fff
}

.portrait .top-buttons-button.quit {
    width: 2.65rem
}

.portrait .top-buttons-button:before {
    left: .45rem !important;
    color: #fff !important
}

.portrait .top-buttons-button.highlight {
    background: inherit;
    color: #e9f35e
}

.portrait .top-buttons-button.highlight:before {
    color: #e9f35e !important
}

.portrait .top-buttons-button.stand-up {
    width: 2.2rem
}

.portrait .top-buttons-button.stand-up:before {
    left: .3rem !important
}

.portrait .options-ctn-bubble {
    left: 0;
    right: initial
}

.portrait .log-modal {
    height: 95%
}

.portrait .log-modal .log-modal-body .log-modal-entries {
    font-size: .65rem
}

.portrait .log-modal .log-modal-body .log-modal-entries .entry-ctn {
    grid-template-columns: 2.3rem
}

.portrait .log-modal .log-modal-body .log-modal-entries .entry-ctn .content,
.portrait .log-modal .log-modal-body .log-modal-entries .entry-ctn .at {
    line-height: 1.02rem
}

.portrait .log-modal .log-modal-actions {
    width: 100%
}

.portrait .log-modal .ledger-download-button {
    width: 100%
}

.portrait .log-modal .log-modal-tabs {
    order: -1;
    width: 100%
}

.portrait .log-modal .log-modal-tab {
    flex: 1
}

.portrait .log-modal .log-modal-controls {
    flex-direction: column
}

.portrait .log-modal .log-download-captcha {
    width: 13.5rem;
    right: initial;
    left: initial;
    right: 0
}

.portrait .log-modal .log-download-captcha .g-recaptcha {
    transform: scale(0.9) !important
}

.portrait .help-link-game {
    display: none
}

.portrait .version-link-in-game {
    display: none
}

.portrait .chat {
    top: initial;
    bottom: 0;
    left: 0;
    right: initial;
    z-index: 40;
    width: 100%;
    text-decoration: none
}

.portrait .chat .blocked-chat-popover {
    z-index: 102;
    bottom: 5rem
}

.portrait .chat .chat-action-buttons {
    display: none;
    grid-row: 2;
    grid-column: 1;
    flex-direction: column
}

.portrait .chat .with-blocked-players .chat-action-buttons {
    display: flex
}

.portrait .chat .with-channel-selector .chat-action-buttons {
    grid-column: span 2
}

.portrait .chat .chat-action-buttons .blocked-chat-button {
    height: 100%;
    font-size: .7rem
}

.portrait .chat .chat-channel-selector button {
    width: 7.45rem
}

.portrait .chat .chat-new-message-form {
    width: 100%;
    height: 2.5rem;
    top: initial;
    bottom: 0;
    z-index: 102
}

.portrait .chat .chat-new-message-form:after {
    top: .9rem
}

.portrait .chat .chat-channel-selector,
.portrait .chat .chat-messages-container {
    grid-row: 1
}

.portrait .chat .chat-container {
    height: 15rem;
    width: 100%;
    box-shadow: 0 0 3rem rgba(0, 0, 0, .6);
    font-size: .7rem;
    z-index: 101;
    padding-bottom: 2.6rem;
    grid-template-columns: auto;
    grid-template-rows: auto
}

.portrait .chat .chat-container.with-channel-selector {
    grid-template-columns: 1.5rem auto
}

.portrait .chat .chat-container.with-blocked-players {
    grid-template-rows: auto 2rem
}

.portrait .chat .chat-container .messages {
    right: .4rem;
    bottom: 4rem
}

.portrait .chat .chat-messages-container {
    grid-column: 1
}

.portrait .chat .with-channel-selector .chat-messages-container {
    grid-column: 2
}

.portrait .chat .chat-message-container {
    font-size: .7rem
}

.portrait .chat .chat-message-container .message-ballon {
    display: flex;
    flex-direction: column;
    padding: .05rem .2rem
}

.portrait .chat .chat-message-container .message-ballon .message-content small {
    margin-top: .3rem;
    margin-bottom: .1rem;
    display: block
}

.portrait .chat .chat-message-container .message-ballon .moderation-buttons {
    bottom: .1rem;
    right: .1rem;
    justify-content: right;
    display: flex !important
}

.portrait .chat .chat-message-container .message-ballon .moderation-buttons button {
    color: #676767;
    border-color: #414141
}

.portrait .show-log-button:before {
    display: none
}

.portrait .aux-chat-bottom-buttons-ctn {
    display: grid;
    grid-template-rows: auto auto;
    position: absolute;
    left: .2rem;
    width: 3.7rem;
    height: 2.65rem;
    top: 25rem;
    border: .05rem solid #787878;
    border-radius: .25rem
}

.portrait .aux-chat-bottom-buttons-ctn .small-button {
    padding: 0;
    backdrop-filter: blur(0.2rem);
    display: block !important;
    border: none;
    height: 100%;
    width: 100%;
    font-size: .4rem;
    flex-basis: 50%;
    line-height: 1.3rem
}

.portrait .aux-chat-bottom-buttons-ctn .log-button-container {
    grid-row: 2
}

.portrait .aux-chat-bottom-buttons-ctn .show-chat-button {
    grid-row: 1;
    border-bottom: .05rem solid #787878;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.portrait .conf-controls {
    height: initial;
    width: initial;
    bottom: 3.4rem;
    left: 4.2rem
}

.portrait .conf-controls .camera {
    display: none
}

.portrait .conf-controls .conf-control {
    width: 1.5rem;
    height: 2.75rem !important;
    background: transparent;
    border: .05rem solid #787878;
    backdrop-filter: blur(1rem)
}

.portrait .conf-controls .conf-control.active {
    border-color: #72b771
}

.portrait .conf-controls .conf-control.join {
    --icons-element-size: 0.6rem;
    font-size: .4rem
}

.portrait .conf-controls .conf-control.join:before {
    background-image: url("join-conf-button-mic-f5852cf2d893a273da85.svg");
    background-size: calc(var(--icons-element-size)*.9);
    background-position: calc(var(--icons-element-size)*.27) calc(var(--icons-element-size)*.7);
    left: .28rem
}

.portrait .conf-controls .conf-control.join .live-signal {
    font-size: .3rem
}

.portrait .conf-controls .conf-control.join .label {
    top: .35rem
}

.portrait .conf-controls .conf-control:after {
    top: .9rem;
    left: .29rem
}

.portrait .conf-controls .conf-control:before {
    display: none
}

.portrait .disconnect-warning {
    padding: .3rem .2rem;
    font-size: .6rem
}

.portrait .full-screen-button {
    transform-origin: 100% 100%;
    transform: scale(0.78);
    top: initial;
    bottom: 5.5rem;
    right: .2rem
}

.portrait .remove-button {
    width: 2.5rem
}

.portrait .intro-main-form-container {
    left: .5rem;
    right: .5rem;
    width: initial
}

.portrait .main-call {
    width: initial;
    left: .5rem;
    right: .5rem
}

.portrait .main-call .title {
    margin-left: initial;
    font-size: 2.3rem;
    text-align: center
}

.portrait .main-call .call {
    font-size: .7rem;
    text-align: center
}

.portrait .home-footer {
    display: none
}

.portrait .beta-sign {
    padding-left: .3rem;
    font-size: .6rem
}

.portrait .main-home-container {
    display: none
}

.portrait .xlm-warning {
    display: none
}

.portrait .version-link.version-link-in-home {
    display: none
}

.portrait .game-list-container {
    display: none
}

.portrait .home-division {
    display: none
}

.portrait .next-hand-button {
    width: 5.5rem;
    margin-left: -2.75rem;
    top: 19rem
}

.portrait .next-hand-button:before {
    display: none !important
}

.portrait .games-list-container {
    display: none
}

.portrait .external-club-infos-ctn {
    display: none !important
}

.portrait .choose-buttons.normal-height {
    height: 2.5rem
}

.portrait .choose-buttons.normal-height button {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.portrait .choose-buttons.intro-height {
    height: 2.5rem
}

.portrait .choose-buttons.intro-height button {
    font-size: .8rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.portrait .stack-input-field.editing input {
    padding-left: 11rem
}

.portrait .add-remove-choose-buttons {
    width: 10.5rem
}

.portrait .stack-container-info span {
    width: 10.8rem
}

.portrait .row-fluid {
    flex-direction: column
}

.portrait .row-fluid .col {
    flex: 0 0 100%;
    width: 100% !important;
    margin-right: 0 !important
}

.portrait .action-signal {
    padding-left: .6rem;
    font-size: .5rem
}

.portrait .action-signal:after {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    top: .09rem
}

.portrait .action-signal.suspended {
    top: -2.6rem
}

.portrait .button-1.time-bank {
    font-size: .32rem
}

.portrait .top-right-buttons {
    transform-origin: 100% 0;
    display: flex;
    transform: scale(0.65);
    top: .2rem;
    width: initial;
    right: .1rem
}

.portrait .top-right-buttons .with-tip-top-right-button-ctn {
    margin-right: .2rem
}

.portrait .top-right-buttons .with-tip-top-right-button-ctn .tip {
    display: none
}

.portrait .top-right-buttons .pause-game-button:before {
    display: none
}

.portrait .top-right-buttons .dark-gray {
    color: #c7c7c7;
    border-color: #c7c7c7
}

.portrait .chat-expand-button {
    display: none
}

.portrait .new-messages-chat {
    font-size: .6rem;
    bottom: 3.5rem;
    right: .5rem
}

.portrait .spectators-count-ctn {
    display: none
}

.portrait .rit-container button {
    width: 2.5rem;
    height: 2rem;
    line-height: 2rem
}

.portrait .win-odds-container {
    transform: scale(0.72);
    top: -0.5rem;
    left: 3.4rem
}

.portrait .alert-rebuy .decisions {
    flex-direction: column
}

.portrait .alert-rebuy .popup-bottom {
    flex-direction: column
}

.portrait .alert-rebuy .alert-1-buttons button {
    flex-basis: 0;
    flex-grow: 1
}

.portrait .alert-rebuy .rebuy-infos {
    font-size: .6rem;
    text-align: center;
    gap: 0;
    margin-bottom: .2rem
}

.portrait .review-hand-popover {
    bottom: 2.1rem;
    padding: .3rem;
    width: 7rem
}

.portrait .review-hand-popover .open-review {
    font-size: .5rem;
    height: 1.7rem;
    line-height: 1.7rem
}

.portrait .review-hand-popover .footer {
    flex-direction: column
}

.portrait .review-hand-popover .footer button {
    width: 100%
}

.portrait .review-hand-popover .checkbox {
    font-size: .45rem
}

.portrait .review-hand-popover:before {
    left: .6rem;
    border-left: .3rem solid transparent;
    border-top: .3rem solid #fff;
    border-right: .3rem solid transparent;
    border-bottom: .3rem solid transparent;
    bottom: -0.55rem
}

.portrait .player-table-signals-container .numbers-signal,
.portrait .player-table-signals-container .nit-signal {
    transform: scale(0.75)
}

.portrait .not-seated-players-audio-ctn {
    position: absolute;
    top: 0;
    left: 0
}

.portrait .not-seated-players-audio-popover {
    font-size: .85rem;
    padding: .5rem;
    width: 15rem;
    position: absolute;
    top: 2.3rem;
    right: 0
}

.portrait .not-seated-players-audio-popover:before {
    bottom: initial;
    right: 1rem;
    left: initial;
    top: -1.3rem;
    transform: rotate(180deg)
}

.portrait .not-seated-players-audio-popover .player-ctn {
    display: flex;
    border-bottom: .05rem solid #d5d5d5;
    padding: .5rem 0;
    align-items: center;
    justify-content: space-between
}

.portrait .not-seated-players-audio-popover .player-ctn .name-status {
    display: flex;
    align-items: center
}

.portrait .not-seated-players-audio-popover .player-ctn .signal {
    margin-right: .2rem
}

.portrait .not-seated-players-audio-popover .player-ctn:first-child {
    padding-top: 0
}

.portrait .not-seated-players-audio-popover .player-ctn:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.portrait .custom-felt-field .felt-image {
    flex-direction: column;
    gap: .4rem
}

.portrait .custom-felt-field .felt-image .image-ctn {
    min-width: 8rem
}

.portrait .custom-felt-field .felt-actions button {
    width: 100%
}

.portrait .felt-actions {
    width: 100%
}

.portrait .popover-avatar-perk {
    bottom: 2.2rem;
    left: -2.2rem
}

.portrait .popover-avatar-perk:before {
    left: 5.4rem
}

.portrait .table-player-10 .popover-avatar-perk,
.portrait .table-player-9 .popover-avatar-perk,
.portrait .table-player-8 .popover-avatar-perk,
.portrait .table-player-7 .popover-avatar-perk {
    left: initial;
    right: 5.5rem;
    top: 0;
    bottom: initial
}

.portrait .table-player-10 .popover-avatar-perk:before,
.portrait .table-player-9 .popover-avatar-perk:before,
.portrait .table-player-8 .popover-avatar-perk:before,
.portrait .table-player-7 .popover-avatar-perk:before {
    left: initial;
    right: -0.7rem;
    top: 2rem;
    transform: rotate(270deg)
}

.portrait .table-player-2 .popover-avatar-perk,
.portrait .table-player-3 .popover-avatar-perk,
.portrait .table-player-4 .popover-avatar-perk,
.portrait .table-player-5 .popover-avatar-perk {
    left: 5.5rem;
    right: initial;
    top: 0;
    bottom: initial
}

.portrait .table-player-2 .popover-avatar-perk:before,
.portrait .table-player-3 .popover-avatar-perk:before,
.portrait .table-player-4 .popover-avatar-perk:before,
.portrait .table-player-5 .popover-avatar-perk:before {
    left: -1.5rem;
    right: initial;
    top: 2rem;
    transform: rotate(90deg)
}

.portrait .table-player-6 .popover-avatar-perk {
    top: 4rem
}

.portrait .table-player-6 .popover-avatar-perk:before {
    left: initial;
    right: 3.9rem
}

.portrait .video-voice-signal-container .warning {
    font-size: .4rem;
    bottom: 1.1rem;
    width: 5rem
}

.portrait .avatar-pack-list-modal {
    height: 90%
}

.portrait .avatar-pack-list-modal .avatar-pack-payment-body .actions button,
.portrait .avatar-pack-list-modal .avatar-pack-payment-body .actions input {
    flex-grow: 1
}

.portrait .avatar-pack-list-modal .avatar-pack-payment-body .payment-element {
    height: 23.4rem
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance {
    padding: .1rem .5rem;
    padding-right: .2rem;
    gap: .4rem
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .buy-more-coins-button {
    font-size: .4rem;
    white-space: nowrap
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance p {
    font-size: .4rem;
    text-align: right;
    margin-right: 0;
    margin-left: 0
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .now-coins-balance .balance {
    margin-right: 0
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item {
    display: flex;
    flex-direction: column
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatar-pack-item .price-buy button {
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: .7rem
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title button {
    position: relative;
    margin-bottom: .6rem
}

.portrait .avatar-pack-list-modal .avatar-pack-modal-list .avatars-list-title .title {
    font-size: .8rem
}

.portrait .mtt-finished-modal .title,
.portrait .sng-finished-modal .title {
    line-height: 1.8rem;
    font-size: 1.2rem
}

.portrait .mtt-finished-modal .title.tournament-finished:after,
.portrait .mtt-finished-modal .title.tournament-finished:before,
.portrait .sng-finished-modal .title.tournament-finished:after,
.portrait .sng-finished-modal .title.tournament-finished:before {
    top: 0
}

.portrait .mtt-finished-modal .title.tournament-finished:after,
.portrait .sng-finished-modal .title.tournament-finished:after {
    right: -2rem
}

.portrait .mtt-finished-modal .title.tournament-finished:before,
.portrait .sng-finished-modal .title.tournament-finished:before {
    left: -2rem
}

.portrait .mtt-finished-modal .actions,
.portrait .sng-finished-modal .actions {
    flex-direction: column;
    gap: .2rem
}

.portrait .mtt-finished-modal hr.large-separator,
.portrait .sng-finished-modal hr.large-separator {
    margin: .8rem 0
}

.portrait .mtt-finished-modal .header-row,
.portrait .sng-finished-modal .header-row {
    font-size: .6rem;
    padding-right: .6rem
}

.portrait .mtt-finished-modal .infos,
.portrait .sng-finished-modal .infos {
    flex-direction: column;
    align-items: center;
    gap: .1rem
}

.portrait .mtt-finished-modal .rank-row,
.portrait .sng-finished-modal .rank-row {
    grid-template-columns: 1.4rem 4.5rem 0 auto
}

.portrait .mtt-finished-modal .rank-row .prize-icon:after,
.portrait .sng-finished-modal .rank-row .prize-icon:after {
    width: 1rem;
    height: 1.4rem;
    background-size: 1rem auto
}

.portrait .mtt-finished-modal .rank-row .player-avatar-ctn,
.portrait .sng-finished-modal .rank-row .player-avatar-ctn {
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    top: -0.1rem
}

.portrait .mtt-finished-modal .rank-row .player-avatar-ctn img,
.portrait .sng-finished-modal .rank-row .player-avatar-ctn img {
    width: 2rem;
    height: 2rem
}

.portrait .mtt-finished-modal .rank-row .player-info-ctn,
.portrait .sng-finished-modal .rank-row .player-info-ctn {
    padding-left: .8rem;
    padding-right: .2rem
}

.portrait .mtt-finished-modal .rank-row .player-info-ctn .prize,
.portrait .sng-finished-modal .rank-row .player-info-ctn .prize {
    font-size: .5rem;
    padding: .1rem .4rem;
    border-width: .1rem
}

.portrait .mtt-finished-modal .rank-row .player-info-ctn .username,
.portrait .sng-finished-modal .rank-row .player-info-ctn .username {
    font-size: .6rem
}

.portrait .mtt-finished-modal .rank-row .player-info-ctn .username .you-signal,
.portrait .sng-finished-modal .rank-row .player-info-ctn .username .you-signal {
    font-size: .5rem
}

.portrait .mtt-finished-modal .rank-row .position,
.portrait .sng-finished-modal .rank-row .position {
    font-size: .8rem;
    box-shadow: inset 0 0 0rem .1rem #00000012
}

.portrait .sng-finished-modal hr.large-separator {
    margin: .5rem 0
}

.portrait .sng-finished-modal .rank-row {
    grid-template-columns: 1.4rem 3.5rem 0 auto;
    height: 1.4rem
}

.portrait .sng-finished-modal .rank-row .player-avatar-ctn {
    top: -0.25rem;
    left: -1.4rem
}

.portrait .sng-finished-modal .rank-row .player-info-ctn .prize-ctn {
    position: relative
}

.portrait .sng-finished-modal .rank-row .player-info-ctn .lounge-chips {
    font-size: .4rem;
    top: -0.7rem;
    border-width: .08rem;
    position: absolute;
    right: 2rem;
    white-space: nowrap;
    padding: .1rem .2rem
}

.portrait .sng-finished-modal .header-row {
    padding-right: .4rem
}

.portrait .sng-finished-modal .join-lounge-banner {
    font-size: .6rem;
    border-width: .08rem
}

.portrait .sng-finished-modal .join-lounge-banner .button-1 {
    white-space: nowrap
}

.portrait .global-popover-warning.game-infos-popover {
    width: 8rem
}

.portrait .plus-element-paywall-modal .plus-price-ctn {
    border-radius: calc(var(--price-ctn-root-font-size)*.5) calc(var(--price-ctn-root-font-size)*.5) calc(var(--price-ctn-root-font-size)*.5) calc(var(--price-ctn-root-font-size)*.5);
    margin-bottom: .4rem
}

.portrait .plus-element-paywall-modal .now-coins-price-ctn {
    padding: .4rem
}

.portrait .plus-element-paywall-modal .or-signal {
    height: 1.8rem
}

.portrait .plus-element-paywall-modal .or-signal p {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: -0.75rem;
    margin-left: -0.75rem;
    font-size: .6rem;
    line-height: 1.5rem
}

.portrait .plus-element-paywall-modal .or-signal:after {
    width: 100%;
    left: 0;
    height: .2rem;
    top: 50%
}

.portrait .plus-element-paywall-modal .now-coins-balance p {
    font-size: .5rem
}

.portrait .plus-element-paywall-modal .feature-description {
    font-size: .7rem
}

.portrait .plus-element-paywall-modal .plus-features-ctn {
    display: none
}

.portrait .plus-element-paywall-modal .modal-body {
    height: initial;
    display: flex;
    flex-direction: column
}

.portrait .plus-element-paywall-modal .already-activated-ctn p {
    text-align: center;
    font-size: .8rem
}

.portrait .announcement-modal {
    height: auto
}

.portrait .announcement-modal .modal-body {
    height: auto;
    gap: .7rem;
    flex-direction: column
}

.portrait .announcement-modal .example {
    order: 0;
    width: auto;
    grid-row: 1;
    justify-content: center
}

.portrait .announcement-modal .example video,
.portrait .announcement-modal .example img {
    max-height: 12rem;
    width: auto
}

.portrait .announcement-modal .content {
    order: 1
}

.portrait .announcement-modal .content .text {
    gap: .8rem;
    margin-bottom: .5rem
}

.portrait .announcement-modal .content p {
    line-height: 1rem
}

.portrait .game-type-cycle-modal .modal-body {
    height: auto
}

.portrait .poker-variant-line {
    gap: .2rem
}

.portrait .lobby-warning-ctn .request-ingress-popover {
    left: 0;
    bottom: 3rem
}

.portrait .lobby-warning-ctn .request-ingress-popover:before {
    right: initial;
    left: .4rem
}

.portrait .lobby-warning-ctn .warning {
    padding: .15rem !important;
    border-radius: .3rem;
    border-width: .03rem
}

.portrait .lobby-warning-ctn .warning p {
    text-align: center;
    white-space: break-spaces;
    display: block;
    font-size: .45rem
}

.portrait .lobby-warning-ctn .warning p input[type=checkbox] {
    margin: 0
}

.portrait .lobby-warning-ctn .warning .button-1 {
    height: 1rem;
    line-height: 1rem
}

.portrait .game-ledger-body .row {
    display: flex;
    flex-wrap: wrap
}

.portrait .game-ledger-body .cell {
    flex-basis: 25%;
    padding: .2rem .1rem;
    font-size: .45rem;
    gap: .2rem
}

.portrait .game-ledger-body .player-ledger-row .cell {
    flex-basis: 50%;
    font-size: .55rem;
    padding: .15rem 0
}

.portrait .game-ledger-body .player-ledger-row .player-id {
    padding: .4rem;
    font-size: .7rem;
    flex-basis: 100%
}

.portrait .game-ledger-body .player-ledger-row .player-id .id {
    font-size: .6rem
}

.portrait .game-ledger-body .player-ledger-row .session-cell {
    flex-basis: 100%;
    flex-direction: column
}

.portrait .game-ledger-body .player-ledger-row .session-cell .row-label {
    flex-basis: auto;
    font-weight: bold
}

.portrait .game-ledger-body .ledger-rows {
    top: 1.2rem;
    bottom: 4.1rem;
    padding-bottom: 2rem
}

.portrait .game-ledger-body .hidden-label {
    font-weight: bold;
    display: initial
}

.portrait .game-ledger-body .player-ledger-table-aux-table {
    grid-template-columns: 20% 20% 20% 20% 20%
}

.portrait .game-ledger-body .movements .ledger-movement {
    height: 1.3rem
}

.portrait .game-ledger-body .movements .ledger-movement .label {
    line-height: .35rem;
    font-size: .35rem
}

.portrait .game-ledger-body .movements .ledger-movement .value {
    line-height: .6rem;
    font-size: .6rem
}

.portrait .rake-credits-indicator {
    min-height: auto;
    gap: .2rem;
    padding: .3rem;
    box-sizing: border-box
}

.portrait .rake-credits-indicator label {
    margin-bottom: auto
}

.portrait .rake-credits-modal .modal-body {
    height: auto
}

.portrait .now-coins-balance-el {
    flex-wrap: wrap;
    padding: .2rem;
    row-gap: .2rem
}

.portrait .now-coins-balance-el .label {
    font-size: .6rem;
    flex-basis: 55%;
    text-align: right
}

.portrait .now-coins-balance-el .balance {
    justify-content: center;
    flex-basis: 40%
}

.portrait .design-theme-modal {
    height: 90%
}

.portrait .plus-iframe-modal {
    height: 90%
}

.portrait .alert-quick-accept .actions-bottom {
    flex-direction: column
}

.portrait .alert-quick-accept .not-show {
    margin-bottom: .4rem
}

.portrait .form-fixed-bottom {
    flex-direction: column
}

.portrait .config-player-columns {
    gap: .5rem
}

.portrait .suggested-gesture-popover {
    --suggested-gesture-popover-size: 0.8;
    bottom: 3.8rem;
    left: -1.4rem
}

.portrait .suggested-gesture-popover .suggested-gesture-close {
    width: calc(.936rem*var(--suggested-gesture-popover-size));
    height: calc(.936rem*var(--suggested-gesture-popover-size));
    font-size: calc(.576rem*var(--suggested-gesture-popover-size))
}

.portrait .suggested-gesture-popover .suggested-gesture-checkbox {
    gap: calc(.144rem*var(--suggested-gesture-popover-size));
    font-size: calc(.408rem*var(--suggested-gesture-popover-size))
}

.portrait .suggested-gesture-popover .suggested-gesture-checkbox input {
    width: calc(.408rem*var(--suggested-gesture-popover-size));
    height: calc(.408rem*var(--suggested-gesture-popover-size))
}

.portrait .nit-game-options .options {
    width: 7rem
}

.portrait .table-player {
    height: 3.59rem
}

.portrait .table-player-name {
    left: .5rem !important;
    top: .38rem !important;
    z-index: 2;
    position: absolute;
    background: #333;
    font-size: .5em;
    height: .5rem;
    width: initial !important;
    max-width: 4.4rem
}

.portrait .table-player-name a {
    text-underline-offset: .04rem
}

.portrait .table-player.winner .table-player-name,
.portrait .table-player.decision-current .table-player-name {
    background: #fff
}

.portrait #self-gesture-target {
    top: 15rem;
    right: 9.7rem
}

.portrait .player-hand-message-ctn,
.portrait .five-cards .player-hand-message-ctn,
.portrait .four-cards .player-hand-message-ctn {
    --player-hand-message-ctn-size: 0.70rem;
    max-width: 100%;
    min-width: initial;
    left: initial;
    right: 0;
    top: 1.5rem
}

.portrait .player-hand-message-ctn .player-hand-message .name,
.portrait .five-cards .player-hand-message-ctn .player-hand-message .name,
.portrait .four-cards .player-hand-message-ctn .player-hand-message .name {
    padding-right: calc(var(--player-hand-message-ctn-size)*.2);
    padding-left: calc(var(--player-hand-message-ctn-size)*.2)
}

.portrait .player-hand-message-ctn.two-runs,
.portrait .five-cards .player-hand-message-ctn.two-runs,
.portrait .four-cards .player-hand-message-ctn.two-runs {
    top: 1.4rem
}

.portrait .player-hand-message-ctn.two-runs .player-hand-message .name,
.portrait .five-cards .player-hand-message-ctn.two-runs .player-hand-message .name,
.portrait .four-cards .player-hand-message-ctn.two-runs .player-hand-message .name {
    line-height: calc(var(--player-hand-message-ctn-size)*.6)
}

.portrait .table {
    background-image: url("table-vertical-0737db3e07516d2313b7.png");
    background-size: 100% 27.6rem;
    background-position: 0 -0.5rem;
    background-repeat: no-repeat;
    height: 27.6rem;
    width: 17.4rem;
    top: .3rem
}

.portrait .table .bomb-pot-banner {
    height: 5rem;
    top: 12rem;
    left: 2.9rem
}

.portrait .table .nit-penalty-banner {
    height: 4rem;
    top: 12rem;
    left: 2.1rem
}

.portrait .table .nit-penalty-banner .nit-penalty-warning-text {
    left: 4.5rem;
    top: 2.2rem;
    width: 7.4rem;
    font-size: .31rem;
    line-height: .36rem
}

.portrait .table.glow:before {
    opacity: 0
}

.portrait .table.red {
    background-image: url(https://cdn.pokernow.com/table-vertical-red-a3585666bda7b5c51b8f.png)
}

.portrait .table .spectator-warning {
    font-size: .45rem
}

.portrait .table .top-pot-warning {
    top: initial;
    bottom: 19.6rem;
    opacity: .8
}

.portrait .table .top-pot-warning .mtt-infos {
    border-radius: .2rem;
    flex-direction: column;
    font-size: .4rem
}

.portrait .table .top-pot-warning .mtt-infos .info-ctn {
    width: 100%;
    padding: .1rem .1rem;
    text-align: center;
    box-sizing: border-box
}

.portrait .table .top-pot-warning .mtt-infos .table-number {
    border-radius: 0
}

.portrait .table-pot-size {
    width: 3.9rem;
    top: 10.3rem;
    height: 1.1rem;
    left: 6.7rem;
    --bomb-pot-signal: 0.6rem
}

.portrait .table-pot-size .bomb-pot-signal {
    margin-top: calc(var(--bomb-pot-signal)*-0.2)
}

.portrait .table-pot-size .main-value {
    height: 1.1rem;
    line-height: 1.1rem;
    background: transparent;
    font-size: .7rem
}

.portrait .table-pot-size .add-on-container {
    top: -0.35rem;
    height: .6rem
}

.portrait .table-pot-size .add-on {
    padding: 0 .2rem;
    line-height: .6rem;
    color: #fff;
    font-size: .35rem;
    border-radius: .2rem
}

.portrait .table-pot-size .add-on small {
    color: #66a480;
    font-size: .3rem
}

.portrait .table-player {
    width: 5rem
}

.portrait .table-player.decision-current:before,
.portrait .table-player.winner:before {
    content: "";
    display: block;
    height: 1.9rem;
    bottom: 0;
    border-radius: .3rem;
    position: absolute;
    background: red;
    width: 100%
}

.portrait .table-player.decision-current .table-player-stack,
.portrait .table-player.winner .table-player-stack {
    background: #fff
}

.portrait .table-player.decision-current:before {
    box-shadow: 0 0 3em 0 #c3bfff
}

.portrait .table-player.winner:before {
    box-shadow: 0 0 3em 0 #e9ff63
}

.portrait .table-player-infos-ctn {
    position: absolute;
    z-index: 4;
    background: #333;
    height: 1.9rem;
    box-shadow: 0 0rem .5em 0 rgba(0, 0, 0, .25) !important;
    bottom: 0
}

.portrait .table-player-infos-ctn .infos-ctn-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%
}

.portrait .table-player-infos-ctn .player-avatar-bg {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.portrait .table-player-stack {
    display: flex;
    background: #333;
    width: fit-content;
    left: .5rem !important;
    top: .9rem;
    font-size: .5rem
}

.portrait .table-player-10 {
    right: .1rem;
    top: 20rem;
    left: initial
}

.portrait .table-player-10 .table-player-bet-value {
    top: 19%;
    right: 100%
}

.portrait .table-player-9 {
    top: 15.5rem;
    left: initial;
    right: .1rem
}

.portrait .table-player-9 .table-player-bet-value {
    top: 19%;
    right: 100%
}

.portrait .table-player-8 {
    top: 7.7rem;
    left: initial;
    right: .1rem
}

.portrait .table-player-8 .table-player-bet-value {
    right: 100%;
    top: 19%
}

.portrait .table-player-7 {
    top: 3rem;
    left: initial;
    right: .1rem
}

.portrait .table-player-7 .table-player-bet-value {
    top: 82%;
    right: 100%;
    left: initial
}

.portrait .table-player-7 .dealer-button {
    top: 1.6rem;
    bottom: initial;
    left: -1.3rem
}

.portrait .table-player-6 {
    top: 0rem;
    left: 6.2rem
}

.portrait .table-player-6 .dealer-button {
    left: 0;
    right: initial;
    top: 3.6rem
}

.portrait .table-player-6 .table-player-bet-value {
    top: 105%;
    left: 20%
}

.portrait .table-player-5 {
    top: 3rem;
    left: .1rem
}

.portrait .table-player-5 .dealer-button {
    right: -1.3rem;
    top: 1.6rem
}

.portrait .table-player-5 .table-player-bet-value {
    top: 82%;
    left: 95%
}

.portrait .table-player-4 {
    top: 7.7rem;
    left: .1rem
}

.portrait .table-player-4 .table-player-bet-value {
    top: 19%;
    left: 95%
}

.portrait .table-player-3 {
    top: 15.5rem;
    left: .1rem
}

.portrait .table-player-3 .table-player-bet-value {
    top: 19%;
    left: 95%
}

.portrait .table-player-2 {
    top: 20rem;
    left: .1rem
}

.portrait .table-player-2 .dealer-button {
    right: 4.5rem;
    top: -2.4rem
}

.portrait .table-player-2 .table-player-bet-value {
    top: 19%;
    left: 95%
}

.portrait .table-player-1 {
    top: 24rem;
    left: 6.2rem
}

.portrait .table-player-1 .dealer-button {
    left: 0;
    top: -1.35rem
}

.portrait .table-player-1 .table-player-bet-value {
    top: -45%;
    left: 20%
}

.portrait .table-player-1 .request-ingress-popover {
    left: initial;
    right: -3.7rem;
    bottom: 3.4rem
}

.portrait .table-player-2 .request-ingress-popover,
.portrait .table-player-3 .request-ingress-popover {
    left: initial;
    top: initial;
    bottom: -1rem;
    right: -12.5rem
}

.portrait .table-player-2 .request-ingress-popover:before,
.portrait .table-player-3 .request-ingress-popover:before {
    bottom: 1.6rem;
    right: initial;
    left: -1.55rem;
    transform: rotate(90deg)
}

.portrait .table-player-4 .request-ingress-popover,
.portrait .table-player-5 .request-ingress-popover {
    top: 0;
    bottom: initial;
    right: -12.5rem
}

.portrait .table-player-4 .request-ingress-popover:before,
.portrait .table-player-5 .request-ingress-popover:before {
    top: 1.2rem;
    bottom: initial
}

.portrait .table-player-6 .request-ingress-popover {
    bottom: initial;
    top: 4rem;
    right: -3.5rem
}

.portrait .table-player-6 .request-ingress-popover:before {
    top: -1.5rem;
    bottom: initial;
    right: 5.8rem
}

.portrait .table-player-8 .request-ingress-popover,
.portrait .table-player-7 .request-ingress-popover {
    left: -12rem;
    bottom: initial;
    top: 0
}

.portrait .table-player-8 .request-ingress-popover:before,
.portrait .table-player-7 .request-ingress-popover:before {
    top: initial;
    transform: rotate(270deg);
    bottom: initial;
    right: -0.75rem
}

.portrait .table-player-9 .request-ingress-popover,
.portrait .table-player-10 .request-ingress-popover {
    left: -12rem;
    bottom: -1rem;
    top: initial
}

.portrait .table-player-9 .request-ingress-popover:before,
.portrait .table-player-10 .request-ingress-popover:before {
    top: initial;
    transform: rotate(270deg);
    bottom: 1.55rem;
    right: -0.75rem
}

.portrait .table-player-4 .dealer-button,
.portrait .table-player-3 .dealer-button,
.portrait .table-player-2 .dealer-button {
    right: -1.3rem;
    top: 2.1rem
}

.portrait .table-player-stack-prize {
    display: inline;
    font-size: inherit;
    margin-left: .1rem;
    padding: 0 .15rem
}

.portrait .room-owner-paused {
    top: 19rem;
    font-size: .6rem;
    max-width: 13.5rem;
    left: 2rem
}

.portrait .table-player-8 .dealer-button,
.portrait .table-player-9 .dealer-button,
.portrait .table-player-10 .dealer-button {
    top: 2.1rem;
    bottom: initial;
    left: -1.3rem
}

.portrait .table-player-cards {
    transform: scale(0.72);
    left: .4rem;
    top: -0.21rem
}

.portrait .four-cards .table-player-cards,
.portrait .five-cards .table-player-cards {
    transform: scale(0.72) rotate(7deg);
    top: -0.53rem;
    left: .65rem
}

.portrait .table-cards {
    transform-origin: 0 0;
    transform: scale(0.54);
    top: 11.8rem;
    left: 2.2rem
}

.portrait .table-cards.run-2 {
    top: 48.5%;
    left: 15%
}

.portrait .table-player-bet-value {
    font-size: .6rem
}

.portrait .time-to-talk {
    width: 5rem !important;
    height: .15rem;
    left: 0;
    right: initial
}

.portrait .dealer-button-ctn {
    width: 1.2rem;
    height: 1.2rem
}

.portrait .dealer-button-ctn .button {
    background-image: url(https://cdn.pokernow.com/dealer-uppon-c78011f6274f5b52ea84.png);
    width: 1.2rem;
    height: 1.2rem
}

.portrait .dealer-button-ctn.live-straddle {
    z-index: 2
}

.portrait .dealer-button-ctn.live-straddle .button {
    background-image: url(https://cdn.pokernow.com/straddle-uppon-6dfa453e018c5ef7fb4e.png)
}

.portrait .dealer-button-ctn.dealer-position-1 {
    top: 22.7rem;
    left: 6.2rem
}

.portrait .dealer-button-ctn.dealer-position-1.second .button {
    position: absolute;
    top: -0.8rem;
    left: initial;
    right: initial
}

.portrait .dealer-button-ctn.dealer-position-2 {
    top: 22.1rem;
    left: 5.2rem
}

.portrait .dealer-button-ctn.dealer-position-2.second .button {
    position: absolute;
    top: 0;
    left: initial;
    right: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-3 {
    top: 17.6rem;
    left: 5.2rem
}

.portrait .dealer-button-ctn.dealer-position-3.second .button {
    position: absolute;
    top: 0;
    left: initial;
    right: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-4 {
    top: 9.8rem;
    left: 5.2rem
}

.portrait .dealer-button-ctn.dealer-position-4.second .button {
    position: absolute;
    top: 0;
    left: initial;
    right: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-5 {
    top: 4.6rem;
    left: 5.2rem
}

.portrait .dealer-button-ctn.dealer-position-5.second .button {
    position: absolute;
    top: 0;
    left: initial;
    right: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-6 {
    top: 3.6rem;
    left: 6.2rem
}

.portrait .dealer-button-ctn.dealer-position-6.second .button {
    position: absolute;
    top: initial;
    bottom: -0.8rem;
    left: initial
}

.portrait .dealer-button-ctn.dealer-position-7 {
    top: 4.6rem;
    left: 10.9rem
}

.portrait .dealer-button-ctn.dealer-position-7.second .button {
    position: absolute;
    top: 0;
    left: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-8 {
    top: 9.8rem;
    left: 10.9rem
}

.portrait .dealer-button-ctn.dealer-position-9 {
    top: 17.6rem;
    left: 10.9rem
}

.portrait .dealer-button-ctn.dealer-position-9.second .button {
    position: absolute;
    top: 0;
    left: -0.8rem
}

.portrait .dealer-button-ctn.dealer-position-10 {
    top: 22.1rem;
    left: 10.9rem
}

.portrait .dealer-button-ctn.dealer-position-10.second .button {
    position: absolute;
    top: 0;
    left: -0.8rem
}

.portrait .table-player-seat-position-number {
    color: rgba(255, 255, 255, .5);
    font-size: .5rem
}

.portrait .table-player-seat {
    border-color: rgba(255, 255, 255, .3)
}

.portrait .table-player-seat:hover .table-player-seat-position-number {
    color: #fff
}

.portrait .table-player-seat-button {
    color: #fff;
    font-size: .5rem
}

.portrait .table-player-status-icon {
    border-radius: .3rem;
    padding-left: 1.25rem;
    padding-top: .62rem;
    font-size: .3rem;
    padding-right: .5rem;
    height: 2rem;
    top: .15rem;
    color: #ababab;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .29);
    background: rgba(0, 0, 0, .72);
    height: 2rem;
    width: 2.3rem
}

.portrait .table-player-status-icon:after {
    top: .28rem !important;
    left: .25rem;
    font-size: .9rem;
    width: 1rem;
    height: 1rem
}

.portrait .table-player-status-icon.fold {
    display: none
}

.portrait .table-warning-ctn {
    left: 2.2rem;
    right: 2.2rem;
    top: 11.5rem;
    padding: .5rem;
    min-height: initial !important;
    margin-left: 0;
    width: initial;
    border-radius: .3rem
}

.portrait .table-warning-ctn.default-warning-ctn {
    min-height: 2.8rem !important
}

.portrait .table-warning-ctn.default-warning-ctn p {
    font-size: .55rem;
    line-height: .8rem
}

.portrait .waiting-players-ctn {
    padding: .3rem;
    height: initial
}

.portrait .waiting-players-ctn .title-ctn {
    width: 100%
}

.portrait .waiting-players-ctn .title {
    font-size: .5rem;
    margin-bottom: 0
}

.portrait .waiting-players-ctn .options-ctn {
    margin-bottom: 0;
    box-sizing: border-box;
    gap: 1rem
}

.portrait .waiting-players-ctn .options-ctn:before {
    font-size: .35rem;
    width: .8rem;
    height: .8rem;
    margin-left: -0.4rem;
    margin-top: -0.4rem
}

.portrait .waiting-players-ctn .option-ctn p {
    font-size: .45rem;
    text-align: center
}

.portrait .waiting-players-ctn .option-ctn button,
.portrait .waiting-players-ctn .option-ctn a {
    min-width: initial;
    width: 100%;
    font-size: .4rem;
    height: 1.2rem;
    line-height: 1.2rem
}

.portrait .player-table-signals-container.top {
    display: none !important
}

.portrait .emoji-select-button {
    display: none
}

.portrait .emoji-container {
    display: none
}

.portrait .table-game-type {
    font-size: .6rem;
    top: 14.3rem
}

.portrait .table-player.winner .table-player-infos-ctn {
    box-shadow: none !important
}

.portrait .table-player.winner .table-player-infos-ctn:before {
    content: "";
    display: block;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0rem .5em 0 rgba(0, 0, 0, .25), 0 0rem 1.5em 0 rgba(223, 245, 43, .48) inset !important
}

.portrait .four-cards .win-odds-container,
.portrait .five-cards .win-odds-container {
    top: 0;
    left: 3.7rem
}

.portrait .player-avatar-image-ctn {
    display: none
}

.portrait .popover-avatar-selector {
    left: -5rem;
    bottom: 2.3rem
}

.portrait .popover-avatar-selector:before {
    right: 5.9rem
}

.portrait .avatar-pack-player-image {
    transition: transform .5s ease-in-out
}

.portrait .table-player.winner .avatar-pack-player-image {
    transform: scale(1.13)
}

.portrait .hut-result-warning-ctn {
    z-index: 50
}

.portrait .hut-result-warning-ctn .title {
    font-size: .8rem;
    margin-bottom: .4rem
}

.portrait .hut-result-warning-ctn .results {
    flex-direction: column;
    gap: .2rem
}

.portrait .hut-result-warning-ctn .results .result-element {
    padding: .04rem;
    font-size: .7rem
}

@media(min-aspect-ratio: 16/9) {
    .landscape #canvas {
        width: auto;
        height: 100%
    }
}

@media(min-aspect-ratio: 1/1.8) {
    .portrait #canvas {
        width: auto;
        height: 100%
    }
}

.landscape .chat .chat-message-container .message-ballon .message-content a[href="/plus"],
.portrait .chat .chat-message-container .message-ballon .message-content a[href="/plus"] {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.08em
}