@import "help.css";
[id="layout12"] {
  width: 80vw;
}
.layout12-1 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 1.83px;
}
.layout12-2,
.layout12-3 {
  stroke-width: 0px;
}
.layout12-3 {
  fill: #fff;
}
.layout12-4 {
  font-family: Arial-BoldMT, Arial;
  font-size: 13.85px;
  font-weight: 700;
  isolation: isolate;
}

[id="minus4Btn"] {
  width: 30%;
}
.minus4 {
  stroke-width: 0px;
}

[id="plus4Btn"] {
  width: 30%;
}
.plus4 {
  stroke-width: 0px;
}

[id="xChipBtn"] {
  width: 50%;
}
.xChipBtn-1 {
  stroke-width: 0px;
}

[id="deal2Btn"] {
  width: 80%;
}
.deal2Btn-1,
.deal2Btn-2 {
  stroke-width: 0px;
}
.deal2Btn-2 {
  fill: #fff;
}

[id="clearBtn"] {
  width: 80%;
}
.clearBtn-1 {
  stroke-width: 0px;
}
.clearBtn-2 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2.5px;
}

[id="clearBtn"] {
  width: 80%;
}
.clearBtn-1 {
  stroke-width: 0px;
}
.clearBtn-2 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2.5px;
}

[id="rebetBtnSVG"] {
  width: 80%;
}
.rebetBtn-1 {
  stroke-width: 0px;
}

[id="hitBtnSVG"] {
  width: 80%;
}
.hitBtn-1,
.hitBtn-2 {
  stroke-width: 0px;
}
.hitBtn-2 {
  fill: #fff;
}

[id="doubleBtnSVG"] {
  width: 80%;
}
.doubleBtn-1 {
  stroke-width: 0px;
}
.doubleBtn-2 {
  fill: #363332;
  font-family: Arial-BoldMT, Arial;
  font-size: 16.7px;
  font-weight: 700;
  isolation: isolate;
}

[id="standBtnSVG"] {
  width: 80%;
}
.standBtn-1 {
  stroke-width: 0px;
}

[id="splitBtnSVG"] {
  width: 80%;
}
.splitBtn-1 {
  stroke-width: 0px;
}

[id="surrenderBtnSVG"] {
  width: 80%;
}
.surrenderBtn-1 {
  stroke-width: 0px;
}

[id="noToAllBtnSVG"] {
  width: 80%;
}
.noToAllBtn-1 {
  stroke-width: 0px;
}

[id="noBtnSVG"] {
  width: 80%;
}
.noBtn-1 {
  stroke-width: 0px;
}

[id="yesBtnSVG"] {
  width: 80%;
}
.yesBtn-1 {
  stroke-width: 0px;
}
.yesBtn-2 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 4.14px;
}

[id="yesToAllBtnSVG"] {
  width: 80%;
}
.yesToAllBtn-1 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 4.14px;
}
.yesToAllBtn-2 {
  stroke-width: 0px;
}

.statusbar-settingsBtn-svg {
  width: 30%;
}
.statusbar-settingsBtn-1 {
  stroke-width: 0px;
}

[id="statusbar-exitBtn"] {
  width: 30%;
}
.exitbtn-1,
.exitbtn-2 {
  stroke-width: 0px;
}
.exitbtn-2 {
  fill: #fff;
}

.statusbar-historyBtn-svg {
  width: 30%;
}
.statusbar-historyBtn-1,
.statusbar-historyBtn-2 {
  stroke-width: 0px;
}
.statusbar-historyBtn-2 {
  fill: #fff;
}

.statusbar-infosBtn-svg {
  width: 30%;
}
.statusbar-infosBtn-1 {
  stroke-width: 0px;
}
.statusbar-infosBtn-2 {
  fill: #fff;
  font-family: Arial-BoldMT, Arial;
  font-size: 14.8px;
  font-weight: 700;
  isolation: isolate;
}

.statusbar-fastplayBtn-on-svg {
  width: 30%;
}
.statusbar-fastplayBtn-on-1,
.statusbar-fastplayBtn-on-2 {
  stroke-width: 0px;
}
.statusbar-fastplayBtn-on-2 {
  fill: #fff;
}

.statusbar-fastplayBtn-off-svg {
  width: 30%;
}
.statusbar-fastplayBtn-off-1,
.statusbar-fastplayBtn-off-2 {
  stroke-width: 0px;
}
.statusbar-fastplayBtn-off-2 {
  fill: #fff;
}

.statusbar-soundsBtn-on-svg {
  width: 30%;
}
.soundonbtn-1,
.soundonbtn-2 {
  stroke-width: 0px;
}
.soundonbtn-2 {
  fill: #fff;
}

.statusbar-soundsBtn-off-svg {
  width: 30%;
}
.soundoffbtn-1,
.soundoffbtn-2 {
  stroke-width: 0px;
}
.soundoffbtn-2,
.soundoffbtn-3 {
  fill: #fff;
}
.soundoffbtn-3 {
  font-family: Arial-BoldMT, Arial;
  font-size: 7.63px;
  font-weight: 700;
  isolation: isolate;
}