.app{display:flex;flex-direction:column;gap:24px;min-height:100vh;min-height:100dvh;padding:12px;background-color:var(--main-bg)}.btn{display:flex;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:700;font-size:16px;line-height:1;padding:12px;border-radius:8px;color:#fff;text-decoration:none;text-transform:uppercase;outline:0;cursor:pointer;max-width:100%}.btn svg{min-width:16px}.btn--green{background-color:var(--btn-bg-green)}.btn--orange{background-color:var(--btn-bg-orange)}.rlt-table{display:grid;grid-template-columns:repeat(2,42px) repeat(3,1fr);grid-auto-rows:minmax(42px,max-content);user-select:none}.rlt-table__zeros{display:grid;grid-column:3/6;border:1px solid var(--border-color);border-left:0}.rlt-table__zeros.rlt-table__zeros--two{grid-template-columns:1fr 1fr}.rlt-table__single-zero{position:relative;background-color:var(--zero-bg-color)}.rlt-table__double-zero{position:relative;border-left:1px solid var(--border-color);background-color:var(--zero-bg-color)}.rlt-table__double-zero.isHover,.rlt-table__single-zero.isHover{background-color:#8db999}.rlt-table__empty{grid-column:1/3;border-right:1px solid var(--border-color)}.rlt-table__high{grid-row:2/4;display:grid;place-content:center;border:1px solid var(--border-color);background-color:var(--outside-bg-color);position:relative;writing-mode:vertical-rl}.rlt-table__even{grid-row:4/6;display:grid;place-content:center;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--outside-bg-color);text-transform:uppercase;position:relative;writing-mode:vertical-rl}.rlt-table__red{grid-row:6/8;display:grid;place-content:center;border:1px solid var(--border-color);border-bottom:0;background-color:var(--red-bg-color);position:relative;writing-mode:vertical-rl}.rlt-table__black{grid-row:8/10;display:grid;place-content:center;border:1px solid var(--border-color);border-bottom:0;background-color:var(--black-bg-color);position:relative;writing-mode:vertical-rl}.rlt-table__odd{grid-row:10/12;display:grid;place-content:center;border:1px solid var(--border-color);border-bottom:0;background-color:var(--outside-bg-color);text-transform:uppercase;position:relative;writing-mode:vertical-rl}.rlt-table__low{grid-row:12/14;display:grid;place-content:center;border:1px solid var(--border-color);background-color:var(--outside-bg-color);position:relative;writing-mode:vertical-rl}.rlt-table__dozen-1{grid-row:2/6;display:grid;place-content:center;border:1px solid var(--border-color);border-left:0;background-color:var(--outside-bg-color);writing-mode:vertical-rl;position:relative}.rlt-table__dozen-2{grid-row:6/10;display:grid;place-content:center;border-right:1px solid var(--border-color);background-color:var(--outside-bg-color);writing-mode:vertical-rl;position:relative}.rlt-table__dozen-3{grid-row:10/14;display:grid;place-content:center;border:1px solid var(--border-color);border-left:0;background-color:var(--outside-bg-color);writing-mode:vertical-rl;position:relative}.rlt-table__column-1{display:grid;grid-column:3/4;place-content:center;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--outside-bg-color);position:relative}.rlt-table__column-2{display:grid;grid-column:4/5;place-content:center;border-bottom:1px solid var(--border-color);background-color:var(--outside-bg-color);position:relative}.rlt-table__column-3{display:grid;grid-column:5/6;place-content:center;border:1px solid var(--border-color);border-top:0;background-color:var(--outside-bg-color);position:relative}.rlt-table__clear,.rlt-table__undo{padding:6px 6px 0 0}.rlt-table__number{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:relative}.rlt-table__number.red{background-color:var(--red-bg-color)}.rlt-table__number.black{background-color:var(--black-bg-color)}.rlt-table__number.red.isHover,.rlt-table__red.isHover{background-color:#e2968b}.rlt-table__black.isHover,.rlt-table__number.black.isHover{background-color:#8a8a8a}.rlt-table__column-1.isHover,.rlt-table__column-2.isHover,.rlt-table__column-3.isHover,.rlt-table__dozen-1.isHover,.rlt-table__dozen-2.isHover,.rlt-table__dozen-3.isHover,.rlt-table__even.isHover,.rlt-table__high.isHover,.rlt-table__low.isHover,.rlt-table__odd.isHover{background-color:#87a4a1}.rlt-table__bet--full{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:4px;z-index:10;user-select:none}.rlt-table__bet-value{position:absolute;bottom:4px;right:4px;font-size:16px;line-height:1}.rlt-table__bet-value.green{color:var(--green)}.rlt-table__bet-value.red{color:var(--red-bg-color)}.rlt-table__bet--right-center{position:absolute;right:calc(0px - var(--size-bet-square)/ 2);top:calc(50% - var(--size-bet-square)/ 2);width:var(--size-bet-square);height:var(--size-bet-square);z-index:15}.rlt-table__bet--right-top{position:absolute;right:calc(0px - var(--size-bet-square)/ 2);top:calc(0px - var(--size-bet-square)/ 2);width:var(--size-bet-square);height:var(--size-bet-square);z-index:15}.rlt-table__bet--right-bottom{position:absolute;right:calc(0px - var(--size-bet-square)/ 2);bottom:calc(0px - var(--size-bet-square)/ 2);width:var(--size-bet-square);height:var(--size-bet-square);z-index:15}.rlt-table__bet--center-bottom{position:absolute;left:calc(var(--size-bet-square)/ 2);right:calc(var(--size-bet-square)/ 2);bottom:calc(0px - var(--size-bet-square)/ 2);height:var(--size-bet-square);z-index:15}.rlt-table__bet--center-top{position:absolute;left:calc(var(--size-bet-square)/ 2);right:calc(var(--size-bet-square)/ 2);top:calc(0px - var(--size-bet-square)/ 2);height:var(--size-bet-square);z-index:15}.isActiveBet-01:before,.isActiveBet-02:before,.isActiveBet-05:before,.isActiveBet-100:before,.isActiveBet-10:before,.isActiveBet-1:before,.isActiveBet-25:before,.isActiveBet-2:before,.isActiveBet-500:before,.isActiveBet-50:before,.isActiveBet-5:before{content:attr(data-bet-value);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;line-height:24px;color:#fff;text-align:center}.isActiveBet-01:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-01.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-02:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-02.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-05:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-05.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-1:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-1.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-2:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-2.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-5:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-5.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-10:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-10.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-25:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-25.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-50:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-50.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:8px}.isActiveBet-100:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-100.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:7px}.isActiveBet-500:before{background-image:url(../../willbetgamebettingsa/image/bet-empty-500.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;font-size:5px}.splide.bet-slider{padding:0 24px;margin-top:12px;height:60px}.bet-slider .splide__track{padding:6px}.bet-slider .splide__arrow{position:absolute;z-index:1;background:0 0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;border:none;padding:0}.bet-slider .splide__arrow[disabled]{opacity:.5}.bet-slider .splide__arrow--prev{left:0;justify-content:flex-start;cursor:pointer}.bet-slider .splide__arrow--next{right:0;justify-content:flex-end;cursor:pointer}.bet-slider .splide__slide{border-radius:50%;cursor:pointer}.bet-slider .active-chip:before{content:'';position:absolute;top:-6px;right:-6px;left:-6px;bottom:-6px;border-radius:50%;border:1px solid #00ad11}.select-row{display:flex;flex-direction:column;gap:8px}.select{position:relative}.select-btn{font-family:inherit;font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border-radius:8px;border:none;background-color:var(--select-bg-color);cursor:pointer}.select-btn-value{color:var(--text-light)}.select-btn-arrow{margin-left:auto;transition:rotate .3s linear}.select-list{display:none;flex-direction:column;border-radius:0 0 8px 8px;background-color:var(--select-bg-color);position:absolute;top:calc(100% - 1px);left:0;width:100%;z-index:10}.select-list-row{display:flex;align-items:center;padding:8px 12px;cursor:pointer}.select-list-row.isSelected,.select-list-row:hover{background-color:var(--select-bg-hover-color)}.select-list-row:last-child{border-radius:0 0 8px 8px}.select-list-row__value{font-size:14px}.select.isOpen .select-btn{border-radius:8px 8px 0 0}.select.isOpen .select-btn-arrow{rotate:180deg}.select.isOpen .select-list{display:flex}.options{display:flex;flex-direction:column;gap:16px}.lable-title{font-size:14px}.total-bet{display:flex;align-items:center;gap:12px}.total-bet__value{flex:1;text-align:center;color:var(--value-color)}.option-btns{display:flex;flex-wrap:wrap;gap:12px}.option-btns .btn--green{width:calc(50% - 6px)}.option-btns .btn--orange{width:100%}.result{display:flex;flex-direction:column;gap:12px}.result__area{width:100%;padding:12px;border-radius:8px;background:var(--textarea-bg);resize:none}.result__area:focus-visible{outline:1px solid var(--select-bg-color)}.result__area::-webkit-scrollbar{width:10px}.result__area::-webkit-scrollbar-track{background:#c5d9d7;margin:8px 0;border-right:6px solid var(--textarea-bg)}.result__area::-webkit-scrollbar-thumb{background:var(--select-bg-color);border-right:6px solid var(--textarea-bg)}.result__chart{flex:1}.result__chart canvas{display:block;width:100%;height:100%;border-radius:8px;background:#eff8f5;padding:12px;max-height:189px;min-height:189px;max-width:100%;min-width:100%}@media (min-width:450px) and (max-width:649px){.rlt-table{grid-template-columns:repeat(2,60px) repeat(3,1fr)}}@media (min-width:650px){.rlt-table{grid-template-columns:repeat(14,45px);grid-template-rows:repeat(5,45px);margin:0 auto}.rlt-table__empty{grid-column:1/2;grid-row:4/6}.rlt-table__zeros{grid-column:1/2;grid-row:1/4;border-left:1px solid var(--border-color)}.rlt-table__black,.rlt-table__even,.rlt-table__high,.rlt-table__low,.rlt-table__odd,.rlt-table__red{grid-row:5/6;writing-mode:horizontal-tb;border-bottom:1px solid var(--border-color)}.rlt-table__high{grid-column:2/4;border-left:none;border-top:none;border-right:none}.rlt-table__even{grid-column:4/6}.rlt-table__red{grid-column:6/8;border-left:none;border-top:none;border-right:none}.rlt-table__black{grid-column:8/10;border-top:none}.rlt-table__odd{grid-column:10/12;border-top:none;border-left:none}.rlt-table__low{grid-column:12/14;border-top:none;border-left:none}.rlt-table__dozen-1,.rlt-table__dozen-2,.rlt-table__dozen-3{grid-row:4/5;writing-mode:horizontal-tb;border-top:none;border-bottom:1px solid var(--border-color)}.rlt-table__dozen-1{grid-column:2/6}.rlt-table__dozen-2{grid-column:6/10}.rlt-table__dozen-3{grid-column:10/14}.rlt-table__column-1,.rlt-table__column-2,.rlt-table__column-3{grid-column:14/15;writing-mode:vertical-rl;transform:rotate(180deg);border-right:none}.rlt-table__column-3{grid-row:1/2;border-top:1px solid var(--border-color)}.rlt-table__column-2{grid-row:2/3;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:none}.rlt-table__column-1{grid-row:3/4;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:none}.rlt-table__number .rlt-table__bet--full,.rlt-table__single-zero .rlt-table__bet--full{writing-mode:vertical-rl;transform:rotate(180deg)}.rlt-table__number.row--1{grid-row:1/2;border-top:1px solid var(--border-color)}.rlt-table__number.row--2{grid-row:2/3}.rlt-table__number.row--3{grid-row:3/4}.options{display:grid;grid-template-columns:repeat(3,1fr)}.option-btns,.total-bet{grid-column:1/4}.option-btns .btn--green{width:calc(100% / 3 - 24px / 3)}.option-btns .btn--orange{width:calc(100% / 3 - 24px / 3);order:-1}.total-bet__value{text-align:left}.rlt-table__number .rlt-table__bet--center-top{right:auto;left:calc(0px - var(--size-bet-square)/ 2);top:calc(50% - var(--size-bet-square)/ 2);width:var(--size-bet-square)}.rlt-table__number .rlt-table__bet--right-top{right:auto;left:calc(0px - var(--size-bet-square)/ 2)}.rlt-table__number .rlt-table__bet--right-center{left:calc(var(--size-bet-square)/ 2);right:calc(var(--size-bet-square)/ 2);top:calc(0px - var(--size-bet-square)/ 2);width:auto}.rlt-table__number .rlt-table__bet--right-bottom{top:calc(0px - var(--size-bet-square)/ 2);bottom:auto}.rlt-table__number .rlt-table__bet--center-bottom{right:calc(0px - var(--size-bet-square)/ 2);top:calc(50% - var(--size-bet-square)/ 2);width:var(--size-bet-square);left:auto}}@media (min-width:700px) and (max-width:1023px){.splide.bet-slider{padding:0}.bet-slider .splide__arrows{display:none}}@media (min-width:1024px){.app{display:grid;grid-template-columns:348px 1fr;grid-auto-rows:max-content;grid-template-areas:"chips table" "options table" "result result"}.select-bet{grid-area:chips}.options{grid-area:options;grid-template-columns:1fr}.rlt-table{grid-area:table;align-self:center}.result{flex-direction:row;grid-area:result}.result__chart canvas{min-width:550px}.result__area{width:408px;min-width:408px}.option-btns,.total-bet{grid-column:auto}.select-row{flex-direction:row;gap:12px}.select,.select-row__label{width:45%}.option-btns .btn--orange,.total-bet__label{width:calc(45% - 6px)}.select{width:55%}.option-btns .btn--green{width:calc(55% / 2 - 12px)}}@media (min-width:1100px){.app{grid-template-columns:408px 1fr;gap:24px 36px}}@media (min-width:1366px){.app{gap:24px 48px}.rlt-table{grid-template-columns:repeat(14,60px);grid-template-rows:repeat(5,60px);margin:0}}