<!DOCTYPE html> <html>.u-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} [dir] .u-visually-hidden{padding:0;margin:-1px;border:0} .thimbles{position:relative;width:100%} [dir=ltr] .thimbles,[dir="ltr"] .thimbles,[dir='ltr'] .thimbles{background:url(/games-frame/static/bg3.bd4ee4a35f45.jpg) 0 0/cover no-repeat} [dir=rtl] .thimbles,[dir="rtl"] .thimbles,[dir='rtl'] .thimbles{background:url(/games-frame/static/bg3.bd4ee4a35f45.jpg) 100% 0/cover no-repeat} .thimbles button,.thimbles input{outline:none} [dir] .thimbles button,[dir] .thimbles input{border:none} .thimbles__adaptive{position:absolute;top:0;left:0} .thimbles__top{position:absolute;top:2.8125em;left:3.125em} .thimbles__container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;height:100%;pointer-events:auto;} [dir] .thimbles__container{padding-bottom:3.125em} .thimbles__info{width:auto} [dir] .thimbles__info{margin-top:8.6875em} .thimbles__game{position:absolute;top:2.875em;width:52.5em;height:28.75em;direction:ltr} [dir=ltr] .thimbles__game,[dir="ltr"] .thimbles__game,[dir='ltr'] .thimbles__game{left:calc(50% - 52.5em/2)} [dir=rtl] .thimbles__game,[dir="rtl"] .thimbles__game,[dir='rtl'] .thimbles__game{right:calc(50% - 52.5em/2)} .thimbles__count{position:relative;width:52.5em} [dir] .thimbles__count{padding:1.4375em 0em;margin-top:16.5625em} [data-currency=IRR] .thimbles__count,[data-currency=VND] .thimbles__count{width:63.125em} .thimbles__btns{display:flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;width:52.5em} [dir] .thimbles__btns{margin:0 auto} [data-currency=IRR] .thimbles__btns,[data-currency=VND] .thimbles__btns{width:63.125em} [dir] .thimbles__bottom{padding-bottom:1.5625em;margin-top:.6875em} .thimbles .auto-game{display:grid;position:relative;width:auto;text-transform:uppercase;font-size:inherit} [dir] .thimbles .auto-game{cursor:pointer;margin:.25em 0em .625em} [dir] .thimbles .auto-game--is-active .auto-game__switch{background:#8bc63f} [dir=ltr] .thimbles .auto-game--is-active .auto-game__thumb,[dir="ltr"] .thimbles .auto-game--is-active .auto-game__thumb,[dir='ltr'] .thimbles .auto-game--is-active .auto-game__thumb{transform:translateX(0.9375em)} [dir=rtl] .thimbles .auto-game--is-active .auto-game__thumb,[dir="rtl"] .thimbles .auto-game--is-active .auto-game__thumb,[dir='rtl'] .thimbles .auto-game--is-active .auto-game__thumb{transform:translateX(-0.9375em)} .thimbles .auto-game__switch{justify-self:flex-end;grid-area:1/-1;width:2.625em;height:1.0625em;will-change:background} [dir] .thimbles .auto-game__switch{border:.125em solid #f4f5f6;border-radius:.5em;background:#969696;transition:background .3s} .thimbles .auto-game__thumb{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:1.4375em;height:.8125em;will-change:transform} [dir] .thimbles .auto-game__thumb{border-radius:.375em;background:url(/games-frame/static/switch.11e203988673.png) center/100% 100% no-repeat} [dir=ltr] .thimbles .auto-game__thumb,[dir="ltr"] .thimbles .auto-game__thumb,[dir='ltr'] .thimbles .auto-game__thumb{box-shadow:.0625em .0625em .0625em rgba(0,0,0,.5)} [dir=rtl] .thimbles .auto-game__thumb,[dir="rtl"] .thimbles .auto-game__thumb,[dir='rtl'] .thimbles .auto-game__thumb{box-shadow:-0.0625em .0625em .0625em rgba(0,0,0,.5)} .thimbles .auto-game__text{grid-area:1/-1;font-weight:500;color:#fff} [dir=ltr] .thimbles .auto-game__text,[dir="ltr"] .thimbles .auto-game__text,[dir='ltr'] .thimbles .auto-game__text{margin-right:3.125em} [dir=rtl] .thimbles .auto-game__text,[dir="rtl"] .thimbles .auto-game__text,[dir='rtl'] .thimbles .auto-game__text{margin-left:3.125em} .thimbles .main-multiselect{width:15.6875em;height:2.75em} .thimbles .main-multiselect .multiselect{width:100%;height:100%;min-height:auto;font-size:inherit;color:#fff} [dir] .thimbles .main-multiselect .multiselect{cursor:pointer} [dir=ltr] .thimbles .main-multiselect .multiselect,[dir="ltr"] .thimbles .main-multiselect .multiselect,[dir='ltr'] .thimbles .main-multiselect .multiselect{text-align:left} [dir=rtl] .thimbles .main-multiselect .multiselect,[dir="rtl"] .thimbles .main-multiselect .multiselect,[dir='rtl'] .thimbles .main-multiselect .multiselect{text-align:right} .thimbles .main-multiselect .multiselect--active .multiselect__tags,.thimbles .main-multiselect .multiselect:hover .multiselect__tags{color:#2a3e4b} [dir] .thimbles .main-multiselect .multiselect--active .multiselect__tags,[dir] .thimbles .main-multiselect .multiselect:hover .multiselect__tags{background:linear-gradient(0deg, hsl(204, 35%, 28%), hsl(203, 26%, 88%));text-shadow:0em 0em .125em #b1bfc9} [dir] .thimbles .main-multiselect .multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0} .thimbles .main-multiselect .multiselect__select{display:flex;top:0;align-items:center;width:.625em;height:100%;will-change:transform} [dir] .thimbles .main-multiselect .multiselect__select{padding:0} [dir=ltr] .thimbles .main-multiselect .multiselect__select,[dir="ltr"] .thimbles .main-multiselect .multiselect__select,[dir='ltr'] .thimbles .main-multiselect .multiselect__select{right:1.0625em;left:auto} [dir=rtl] .thimbles .main-multiselect .multiselect__select,[dir="rtl"] .thimbles .main-multiselect .multiselect__select,[dir='rtl'] .thimbles .main-multiselect .multiselect__select{left:1.0625em;right:auto} .thimbles .main-multiselect .multiselect__select::before{content:"";top:auto;font-family:"GamesIcons";font-size:1.1875em;color:#fff} [dir] .thimbles .main-multiselect .multiselect__select::before{margin-top:-.1052631579em;border:none} .thimbles .main-multiselect .multiselect__tags,.thimbles .main-multiselect .multiselect__single,.thimbles .main-multiselect .multiselect__option{min-height:auto} .thimbles .main-multiselect .multiselect__content{width:100%} .thimbles .main-multiselect .multiselect__tags{display:flex;align-items:center;height:100%;font-size:inherit;color:#a4b8c6} [dir] .thimbles .main-multiselect .multiselect__tags{border:1px solid #5b7486;border-radius:.4375em;background:rgba(0,0,0,0)} [dir=ltr] .thimbles .main-multiselect .multiselect__tags,[dir="ltr"] .thimbles .main-multiselect .multiselect__tags,[dir='ltr'] .thimbles .main-multiselect .multiselect__tags{padding:0em 2.1875em 0em .625em} [dir=rtl] .thimbles .main-multiselect .multiselect__tags,[dir="rtl"] .thimbles .main-multiselect .multiselect__tags,[dir='rtl'] .thimbles .main-multiselect .multiselect__tags{padding:0em .625em 0em 2.1875em} .thimbles .main-multiselect .multiselect__single{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-size:1.0625em;font-weight:700;line-height:2.5882352941em} [dir] .thimbles .main-multiselect .multiselect__single{margin-bottom:0;border-radius:0;background:rgba(0,0,0,0)} [dir=ltr] .thimbles .main-multiselect .multiselect__single,[dir="ltr"] .thimbles .main-multiselect .multiselect__single,[dir='ltr'] .thimbles .main-multiselect .multiselect__single{padding-left:0} [dir=rtl] .thimbles .main-multiselect .multiselect__single,[dir="rtl"] .thimbles .main-multiselect .multiselect__single,[dir='rtl'] .thimbles .main-multiselect .multiselect__single{padding-right:0} .thimbles .main-multiselect .multiselect__option{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-size:inherit;font-weight:400;color:#000} [dir] .thimbles .main-multiselect .multiselect__option{padding:.75em .625em .625em;border:none;background-color:#fff} .thimbles .main-multiselect .multiselect__option--highlight{color:#fff} [dir] .thimbles .main-multiselect .multiselect__option--highlight{background:#2e4c60} .thimbles .main-multiselect .multiselect__option--selected{color:#fff} [dir] .thimbles .main-multiselect .multiselect__option--selected{background-color:#2074ac} .thimbles .main-multiselect .multiselect__option--selected.multiselect__option--highlight{color:#fff} [dir] .thimbles .main-multiselect .multiselect__option--selected.multiselect__option--highlight{background-color:#227db9} .thimbles .main-multiselect .multiselect--disabled,.thimbles .main-multiselect .multiselect--disabled .multiselect__current,.thimbles .main-multiselect .multiselect--disabled .multiselect__select{color:inherit} [dir] .thimbles .main-multiselect .multiselect--disabled,[dir] .thimbles .main-multiselect .multiselect--disabled .multiselect__current,[dir] .thimbles .main-multiselect .multiselect--disabled .multiselect__select{background:rgba(0,0,0,0)} .thimbles .main-multiselect .multiselect .multiselect__content-wrapper{top:auto;bottom:100%;overflow:visible} [dir] .thimbles .main-multiselect .multiselect .multiselect__content-wrapper{margin-bottom:-0.125em;border:none;border-radius:0em 0em .3125em .3125em;box-shadow:0em .25em .3125em rgba(0,0,0,.15);background:rgba(0,0,0,0)} .thimbles-top{display:flex;flex-direction:column;align-items:flex-start} [dir] .thimbles-top__logo{margin-bottom:.875em} .thimbles-top__btn{font-size:inherit} [dir] .thimbles-top__btn--rule{cursor:pointer;padding:0;margin:0;background-color:rgba(0,0,0,0)} [dir=ltr] .thimbles-top__btn--rule,[dir="ltr"] .thimbles-top__btn--rule,[dir='ltr'] .thimbles-top__btn--rule{margin-left:5.3125em} [dir=rtl] .thimbles-top__btn--rule,[dir="rtl"] .thimbles-top__btn--rule,[dir='rtl'] .thimbles-top__btn--rule{margin-right:5.3125em} .thimbles-top__val{text-transform:uppercase;text-decoration:underline;font-family:"PT Sans",sans-serif;font-size:1.125em;color:#fff} .thimbles-top__val:hover{text-decoration:none} .thimbles-logo{display:flex;flex-wrap:wrap} .thimbles-logo__caption{text-transform:uppercase;font-family:var(--font-family);font-size:2.5em;font-weight:700;line-height:1;color:#fff} [dir] .thimbles-logo__caption{margin-top:.25em} .thimbles-logo__image{width:4.375em;height:3.0625em} [dir=ltr] .thimbles-logo__image,[dir="ltr"] .thimbles-logo__image,[dir='ltr'] .thimbles-logo__image{margin-right:.625em} [dir=rtl] .thimbles-logo__image,[dir="rtl"] .thimbles-logo__image,[dir='rtl'] .thimbles-logo__image{margin-left:.625em} .thimbles-info{display:flex;flex-direction:column} [dir] .thimbles-info__summ,[dir] .thimbles-info__message{text-align:center} .thimbles-info__message{width:42.1875em} [dir] .thimbles-info__message{padding:.75em;border:1px solid rgba(75,137,185,.3);border-radius:.375em;background:rgba(10,27,51,.5)} [dir] .thimbles-info__summ{margin-top:.5em} .thimbles-info__text{font-family:var(--font-family);font-size:1.5em;color:#fff} .thimbles-info__text:lang(km),.thimbles-info__text:lang(my){font-size:1.125em} .thimbles-info__val,.thimbles-info__caption{color:#b7cb25} .thimbles-info__val{font-size:1.625em;font-weight:700} .thimbles-info__caption{text-transform:uppercase;font-size:1em} .thimbles-game::before{content:"";position:absolute;bottom:0;width:75em;height:11.4375em} [dir] .thimbles-game::before{background:url(/games-frame/static/table-shad.cc93d415e594.png) 0 0/100% 100% no-repeat;} [dir=ltr] .thimbles-game::before,[dir="ltr"] .thimbles-game::before,[dir='ltr'] .thimbles-game::before{left:-8.125em} [dir=rtl] .thimbles-game::before,[dir="rtl"] .thimbles-game::before,[dir='rtl'] .thimbles-game::before{right:-8.125em} .thimbles-game__thimble{position:absolute;top:16.5625em;z-index:13;width:9em;height:10.0625em;font-size:inherit;pointer-events:none;will-change:transform,top,left} [dir] .thimbles-game__thimble{background:url(/games-frame/static/thimble.991eff93032b.png) 0 0/100% 100% no-repeat} .thimbles-game__thimble::before{content:"";opacity:0;position:absolute;top:-0.6875em;left:-0.625em;z-index:1;width:10.3125em;height:11.375em} [dir] .thimbles-game__thimble::before{border-radius:2.5em;background:url(/games-frame/static/thimbleHover.0590cb4afa23.png) 0 0/100% 100% no-repeat;transition:opacity .2s linear} [dir] .thimbles-game--is-pointing .thimbles-game__thimble::before{cursor:pointer} .thimbles-game--is-pointing .thimbles-game__thimble{pointer-events:auto} .thimbles-game--is-pointing .thimbles-game__thimble:hover::before{opacity:1} [dir] .thimbles-game__thimble--is-transition{transition:transform .3s ease} .thimbles-game__thimble--is-open{z-index:12} [dir] .thimbles-game__thimble--is-open{transform:translateY(-7.5em)} [dir] .thimbles-game__thimble:disabled{cursor:default;} .thimbles-game__thimble[data-id="0"]{left:8.75em} .thimbles-game__thimble[data-id="1"]{left:21.875em} .thimbles-game__thimble[data-id="2"]{left:35em} .thimbles-game__shadow{opacity:1;display:block;position:absolute;bottom:-7.125em;width:8.9375em;height:10.0625em} [dir] .thimbles-game__shadow{background:url(/games-frame/static/thimble-shadow.8b8624c047b7.png) 0 0/100% 100% no-repeat} [dir=ltr] .thimbles-game__shadow,[dir="ltr"] .thimbles-game__shadow,[dir='ltr'] .thimbles-game__shadow{left:1px} [dir=rtl] .thimbles-game__shadow,[dir="rtl"] .thimbles-game__shadow,[dir='rtl'] .thimbles-game__shadow{right:1px} .thimbles-game__thimble--is-transition .thimbles-game__shadow{will-change:transform,opacity} [dir] .thimbles-game__thimble--is-transition .thimbles-game__shadow{transition:transform .3s ease,opacity .3s ease} .thimbles-game__thimble--is-open .thimbles-game__shadow{opacity:.3} [dir] .thimbles-game__thimble--is-open .thimbles-game__shadow{transform:translateY(13.75em)} .thimbles-game__ball{position:absolute;top:20em;z-index:12;width:5em;height:6.5625em} [dir] .thimbles-game__ball{background:url(/games-frame/static/ball.0d64c2d02370.png) 0 0/100% 100% no-repeat} .thimbles-game__ball--is-position-0{left:10.625em} .thimbles-game__ball--is-position-1{left:23.75em} .thimbles-game__ball--is-position-2{left:36.875em} .thimbles-game__blur{opacity:.5;position:absolute;top:10.625em;z-index:100;width:41.875em;height:11.875em} [dir=ltr] .thimbles-game__blur,[dir="ltr"] .thimbles-game__blur,[dir='ltr'] .thimbles-game__blur{left:5.625em} [dir=rtl] .thimbles-game__blur,[dir="rtl"] .thimbles-game__blur,[dir='rtl'] .thimbles-game__blur{right:5.625em} [dir] .thimbles-game__blur--is-speed{background:url(/games-frame/static/max_speed.90d67e8be060.png) top center/100% 100% no-repeat} .thimbles-count{display:flex;z-index:14;justify-content:center} .thimbles-count--is-disabled{opacity:.2} .thimbles-count::before,.thimbles-count::after{content:"";position:absolute;height:1px} [dir] .thimbles-count::before,[dir] .thimbles-count::after{right:0;left:0;background:url(/games-frame/static/line.98be84acb7e4.png) 50% no-repeat} .thimbles-count::before{top:-1px} .thimbles-count::after{bottom:-1px} .thimbles-count .thimbles-count__btn{position:relative;min-width:17.875em;background:#444a5a;font-size:inherit;color:#a8acb3} [dir] .thimbles-count .thimbles-count__btn{cursor:pointer;padding:.125em .5em;margin:0em .3125em;border:.125em solid #81838d;border-radius:.4375em;box-shadow:inset 0em 0em .1875em 0 rgba(41,58,71,.75);text-align:center;text-shadow:0em 0em .125em #343e50;transition:.2s linear} [dir=ltr] .thimbles-count .thimbles-count__btn,[dir="ltr"] .thimbles-count .thimbles-count__btn,[dir='ltr'] .thimbles-count .thimbles-count__btn{background:linear-gradient(180deg, hsl(224, 14%, 31%), hsl(222, 50%, 10%))} [dir=rtl] .thimbles-count .thimbles-count__btn,[dir="rtl"] .thimbles-count .thimbles-count__btn,[dir='rtl'] .thimbles-count .thimbles-count__btn{background:linear-gradient(-180deg, hsl(224, 14%, 31%), hsl(222, 50%, 10%))} .thimbles-count .thimbles-count__btn::before{content:"";opacity:.4;position:absolute;top:0;bottom:0} [dir] .thimbles-count .thimbles-count__btn::before{right:0;left:0;border-radius:.25em;background:url(/games-frame/static/bet-btn.dd37b7b6a0fc.png) 50%/cover no-repeat} .thimbles-count .thimbles-count__btn--is-active{background:#fff;text-decoration:none;color:#2a3f4b} [dir] .thimbles-count .thimbles-count__btn--is-active{border-color:#fff;text-shadow:0em 0em .125em #cfdae3} [dir=ltr] .thimbles-count .thimbles-count__btn--is-active,[dir="ltr"] .thimbles-count .thimbles-count__btn--is-active,[dir='ltr'] .thimbles-count .thimbles-count__btn--is-active{background:linear-gradient(180deg, hsl(0, 0%, 100%), hsl(202, 10%, 47%) 58%, hsl(206, 35%, 13%))} [dir=rtl] .thimbles-count .thimbles-count__btn--is-active,[dir="rtl"] .thimbles-count .thimbles-count__btn--is-active,[dir='rtl'] .thimbles-count .thimbles-count__btn--is-active{background:linear-gradient(-180deg, hsl(0, 0%, 100%), hsl(202, 10%, 47%) 58%, hsl(206, 35%, 13%))} .thimbles-count--is-disabled .thimbles-count__btn{pointer-events:none} [dir] .thimbles-count--is-disabled .thimbles-count__btn{cursor:default} .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover{opacity:.9;background:#fff;color:#2a3f4b} [dir] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover{border-color:#fff;text-shadow:0em 0em .125em #cfdae3} [dir=ltr] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover,[dir="ltr"] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover,[dir='ltr'] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover{background:linear-gradient(180deg, hsl(0, 0%, 100%), hsl(202, 10%, 47%) 58%, hsl(206, 35%, 13%))} [dir=rtl] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover,[dir="rtl"] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover,[dir='rtl'] .thimbles-count:not(.thimbles-count--is-disabled) .thimbles-count__btn:hover{background:linear-gradient(-180deg, hsl(0, 0%, 100%), hsl(202, 10%, 47%) 58%, hsl(206, 35%, 13%))} .thimbles-count__image{display:flex} [dir] .thimbles-count__image{margin:0em .3125em} .thimbles-count__btn:nth-of-type(1) .thimbles-count__image{width:2.25em;height:2.4375em} .thimbles-count__btn:nth-of-type(2) .thimbles-count__image{width:3.625em;height:2.75em} .thimbles-count__coef{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-size:1.625em;font-weight:700} .thimbles-count__coef:lang(km),.thimbles-count__coef:lang(my){font-size:1.375em} .thimbles-count__inner{display:flex;position:relative;align-items:center;justify-content:center;font-size:inherit} .thimbles-btns{z-index:1} [dir] .thimbles-btns{padding:1.25em 0em} .thimbles-btns--is-disabled{opacity:.2} .thimbles-btns::after{content:"";position:absolute;bottom:-1px;height:1px} [dir] .thimbles-btns::after{right:0;left:0;background:url(/games-frame/static/line.98be84acb7e4.png) 50% no-repeat} .thimbles-btns__caption{font-family:var(--font-family);font-size:1.25em;color:#fff} [dir=ltr] .thimbles-btns__caption,[dir="ltr"] .thimbles-btns__caption,[dir='ltr'] .thimbles-btns__caption{margin-right:.25em} [dir=rtl] .thimbles-btns__caption,[dir="rtl"] .thimbles-btns__caption,[dir='rtl'] .thimbles-btns__caption{margin-left:.25em} .thimbles-btns .thimbles-btns__input{width:6.5em;height:2.1em;font-family:var(--font-family);font-size:1.25em;color:#fff} [dir] .thimbles-btns .thimbles-btns__input{padding:.25em .6em;border:1px solid #fff;border-radius:.35em;background:none} .thimbles-btns .thimbles-btns__btn{min-width:3.875em;height:2.625em;font-size:inherit;color:#a4b8c6} [dir] .thimbles-btns .thimbles-btns__btn{padding:.5em .625em;margin:0em .125em;border:1px solid #5b7486;border-radius:.4375em;background-color:rgba(0,0,0,0);text-align:center;transition:color .2s linear} .thimbles-btns .thimbles-btns__btn--clear{display:flex;align-items:center;justify-content:center;min-width:2.3125em} [dir] .thimbles-btns .thimbles-btns__btn--clear{padding:0} [dir=ltr] .thimbles-btns .thimbles-btns__btn--clear,[dir="ltr"] .thimbles-btns .thimbles-btns__btn--clear,[dir='ltr'] .thimbles-btns .thimbles-btns__btn--clear{margin:0em .125em 0em .3125em} [dir=rtl] .thimbles-btns .thimbles-btns__btn--clear,[dir="rtl"] .thimbles-btns .thimbles-btns__btn--clear,[dir='rtl'] .thimbles-btns .thimbles-btns__btn--clear{margin:0em .3125em 0em .125em} .thimbles-btns .thimbles-btns__btn--clear::before{content:"ï€";font-family:"GamesIcons";font-size:1.25em} [dir] .thimbles-btns .thimbles-btns__btn--clear::before{transition:color .2s linear} [dir] .thimbles-btns:not(.thimbles-btns--is-disabled) .thimbles-btns__btn{cursor:pointer} .thimbles-btns:not(.thimbles-btns--is-disabled) .thimbles-btns__btn:hover::before,.thimbles-btns:not(.thimbles-btns--is-disabled) .thimbles-btns__btn:hover .thimbles-btns__val{color:#2a3f4b} [dir] .thimbles-btns:not(.thimbles-btns--is-disabled) .thimbles-btns__btn:hover::before,[dir] .thimbles-btns:not(.thimbles-btns--is-disabled) .thimbles-btns__btn:hover .thimbles-btns__val{text-shadow:0em 0em .125em #b1bfc9} .thimbles-btns__val{font-family:var(--font-family);font-size:1.1875em} [data-currency=IRR] .thimbles-btns__val,[data-currency=VND] .thimbles-btns__val{font-size:1.125em} .thimbles-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center} .thimbles-bottom__btn{font-size:inherit} .thimbles-bottom .thimbles-bottom__btn--run{position:relative;min-width:17.875em;background:linear-gradient(180deg, hsl(82, 55%, 40%), hsl(81, 55%, 31%));color:#fff;height:4.0625em;align-items:center;display:flex;justify-content:center} [dir] .thimbles-bottom .thimbles-bottom__btn--run{cursor:pointer;padding:.75em .625em .625em;margin:.9375em 0em 0em;border:.125em solid #567321;border-radius:.4375em;background:#759e2e;text-align:center} .thimbles-bottom .thimbles-bottom__btn--run::before{content:"";opacity:.2;position:absolute;top:0;bottom:0} [dir] .thimbles-bottom .thimbles-bottom__btn--run::before{right:0;left:0;border-radius:.25em;background:url(/games-frame/static/btn-start.1b9206b65d75.png) 50%/cover no-repeat;transition:.2s linear} .thimbles-bottom .thimbles-bottom__btn--run:hover::before{opacity:.4} .thimbles-bottom__btn:disabled{background:#444a5a;text-decoration:none;color:#a8acb3;pointer-events:none} [dir] .thimbles-bottom__btn:disabled{cursor:default;border:.125em solid #81838d;text-shadow:0em 0em .125em #434b5b} [dir=ltr] .thimbles-bottom__btn:disabled,[dir="ltr"] .thimbles-bottom__btn:disabled,[dir='ltr'] .thimbles-bottom__btn:disabled{background:linear-gradient(180deg, hsl(224, 14%, 31%), hsl(222, 50%, 10%))} [dir=rtl] .thimbles-bottom__btn:disabled,[dir="rtl"] .thimbles-bottom__btn:disabled,[dir='rtl'] .thimbles-bottom__btn:disabled{background:linear-gradient(-180deg, hsl(224, 14%, 31%), hsl(222, 50%, 10%))} .thimbles-bottom__val{position:relative;text-transform:uppercase;font-size:2.25em;font-weight:700;white-space:nowrap} [dir] .thimbles-bottom__val{text-shadow:0em 0em .0555555556em #405819} .thimbles-bottom__val:lang(ur),.thimbles-bottom__val:lang(si),.thimbles-bottom__val:lang(my){font-family:"Yekan",sans-serif} .thimbles-bottom__val:lang(hy),.thimbles-bottom__val:lang(km),.thimbles-bottom__val:lang(my),.thimbles-bottom__val:lang(si),.thimbles-bottom__val:lang(ur){font-size:1.875em} .thimbles-modal{position:absolute;top:0;bottom:0;z-index:1003;pointer-events:none} [dir] .thimbles-modal{right:0;left:0} .thimbles-popup{pointer-events:auto;align-self:center;justify-self:center;place-self:center} .thimbles-popup button{outline:none} [dir] .thimbles-popup button{border:none} .thimbles-popup--result{display:flex;align-items:center;justify-content:center;width:22.25em;min-height:9.0625em;color:#fff} [dir] .thimbles-popup--result{border:1px solid #fff;border-radius:.3125em;background:url(/games-frame/static/popup.474a5f03cd54.jpg) no-repeat;background-color:#081944;background-size:100% 100%} .thimbles-popup--rules{position:relative;width:50.625em;font-family:"PT Sans",sans-serif} [dir] .thimbles-popup--rules{border-radius:.25em;box-shadow:0em 0em 0em .625em rgba(255,255,255,.5);background:#02071c url(/games-frame/static/modal-bg.7ac8d69461cf.jpg) center top/100% 100% no-repeat;background-color:#000;text-align:center} [dir=ltr] .thimbles-popup--rules,[dir="ltr"] .thimbles-popup--rules,[dir='ltr'] .thimbles-popup--rules{padding:1.25em 1.25em 1.25em 2.5em} [dir=rtl] .thimbles-popup--rules,[dir="rtl"] .thimbles-popup--rules,[dir='rtl'] .thimbles-popup--rules{padding:1.25em 2.5em 1.25em 1.25em} .thimbles-popup__btn{font-size:inherit;pointer-events:auto} .thimbles-popup__btn--close{position:absolute;top:-1.5625em;z-index:1;width:2.625em;height:2.625em} [dir] .thimbles-popup__btn--close{cursor:pointer;border-radius:50%;background-color:#73a21a} [dir=ltr] .thimbles-popup__btn--close,[dir="ltr"] .thimbles-popup__btn--close,[dir='ltr'] .thimbles-popup__btn--close{right:-1.875em} [dir=rtl] .thimbles-popup__btn--close,[dir="rtl"] .thimbles-popup__btn--close,[dir='rtl'] .thimbles-popup__btn--close{left:-1.875em} .thimbles-popup__btn--close::before{content:"ï€";position:absolute;top:50%;font-family:"GamesIcons";font-size:1.3125em;line-height:1;color:#fff} [dir=ltr] .thimbles-popup__btn--close::before,[dir="ltr"] .thimbles-popup__btn--close::before,[dir='ltr'] .thimbles-popup__btn--close::before{left:50%;transform:translate(-50%, -50%)} [dir=rtl] .thimbles-popup__btn--close::before,[dir="rtl"] .thimbles-popup__btn--close::before,[dir='rtl'] .thimbles-popup__btn--close::before{right:50%;transform:translate(50%, -50%)} .thimbles-popup__top{display:flex;position:relative} [dir] .thimbles-popup__top{padding-top:2.0625em;padding-bottom:.9375em;margin:-1.25em -1.25em 0em;border-bottom:1px solid #858d99} .thimbles-popup__top::before{content:"";position:absolute;top:0;width:100%;height:100%} [dir] .thimbles-popup__top::before{background:url(/games-frame/static/modal-t.f5299f92ffef.png) 0 0/100% 100% no-repeat} [dir=ltr] .thimbles-popup__top::before,[dir="ltr"] .thimbles-popup__top::before,[dir='ltr'] .thimbles-popup__top::before{left:0} [dir=rtl] .thimbles-popup__top::before,[dir="rtl"] .thimbles-popup__top::before,[dir='rtl'] .thimbles-popup__top::before{right:0} [dir=rtl] .thimbles-popup__top::before{transform:scaleX(-1)} .thimbles-popup__logo{display:flex;position:relative;align-items:center;justify-content:center;direction:ltr} [dir] .thimbles-popup__logo{margin-top:1.875em} [dir=ltr] .thimbles-popup__logo,[dir="ltr"] .thimbles-popup__logo,[dir='ltr'] .thimbles-popup__logo{margin-left:1.875em} [dir=rtl] .thimbles-popup__logo,[dir="rtl"] .thimbles-popup__logo,[dir='rtl'] .thimbles-popup__logo{margin-right:1.875em} .thimbles-popup__slogan{text-transform:uppercase;font-family:var(--font-family);font-size:2.5em;font-weight:700;line-height:1;color:#fff} .thimbles-popup__image{display:block;width:4.375em;height:3.0625em;vertical-align:middle} [dir=ltr] .thimbles-popup__image,[dir="ltr"] .thimbles-popup__image,[dir='ltr'] .thimbles-popup__image{margin-right:.625em} [dir=rtl] .thimbles-popup__image,[dir="rtl"] .thimbles-popup__image,[dir='rtl'] .thimbles-popup__image{margin-left:.625em} .thimbles-popup__content{position:relative;height:22.5em;line-height:1.2;color:#fff} [dir] .thimbles-popup__content{padding:0em .625em;margin-top:1.875em} [dir=ltr] .thimbles-popup__content,[dir="ltr"] .thimbles-popup__content,[dir='ltr'] .thimbles-popup__content{text-align:left} [dir=rtl] .thimbles-popup__content,[dir="rtl"] .thimbles-popup__content,[dir='rtl'] .thimbles-popup__content{text-align:right} .thimbles-popup__paragraph{font-family:"PT Sans",sans-serif;font-size:1em;line-height:1.3} [dir] .thimbles-popup__paragraph{margin-top:0} [dir=ltr] .thimbles-popup__paragraph,[dir="ltr"] .thimbles-popup__paragraph,[dir='ltr'] .thimbles-popup__paragraph{text-align:left} [dir=rtl] .thimbles-popup__paragraph,[dir="rtl"] .thimbles-popup__paragraph,[dir='rtl'] .thimbles-popup__paragraph{text-align:right} [dir] .thimbles-popup__paragraph--two{margin:1em 0em} .thimbles-popup__paragraph--two::before{content:"";display:inline-block;width:.8125em;height:.8125em;vertical-align:middle} [dir] .thimbles-popup__paragraph--two::before{margin-top:-0.125em;border-radius:50%;background:#fff} [dir=ltr] .thimbles-popup__paragraph--two::before,[dir="ltr"] .thimbles-popup__paragraph--two::before,[dir='ltr'] .thimbles-popup__paragraph--two::before{margin-right:.3125em} [dir=rtl] .thimbles-popup__paragraph--two::before,[dir="rtl"] .thimbles-popup__paragraph--two::before,[dir='rtl'] .thimbles-popup__paragraph--two::before{margin-left:.3125em} .thimbles-popup__paragraph--claims{opacity:.4;font-size:.75em;font-style:italic} [dir] .thimbles-popup__paragraph--claims{text-align:center} .thimbles-popup__head{font-size:1.875em;font-weight:700} [dir] .thimbles-popup__head{margin:.8333333333em 0em} [dir=ltr] .thimbles-popup__head,[dir="ltr"] .thimbles-popup__head,[dir='ltr'] .thimbles-popup__head{text-align:left} [dir=rtl] .thimbles-popup__head,[dir="rtl"] .thimbles-popup__head,[dir='rtl'] .thimbles-popup__head{text-align:right} .thimbles-popup__list{counter-reset:list} [dir] .thimbles-popup__list{margin-top:1.875em;margin-bottom:2.5em} [dir=ltr] .thimbles-popup__list,[dir="ltr"] .thimbles-popup__list,[dir='ltr'] .thimbles-popup__list{padding-left:0} [dir=rtl] .thimbles-popup__list,[dir="rtl"] .thimbles-popup__list,[dir='rtl'] .thimbles-popup__list{padding-right:0} .thimbles-popup__item{position:relative;list-style:none;font-family:"PT Sans",sans-serif;line-height:1.4} [dir] .thimbles-popup__item{margin:1.25em 0em} [dir=ltr] .thimbles-popup__item,[dir="ltr"] .thimbles-popup__item,[dir='ltr'] .thimbles-popup__item{padding-left:2.1875em;text-align:left} [dir=rtl] .thimbles-popup__item,[dir="rtl"] .thimbles-popup__item,[dir='rtl'] .thimbles-popup__item{padding-right:2.1875em;text-align:right} .thimbles-popup__item::before{content:counter(list);position:absolute;top:-1px;width:1.4705882353em;height:1.4705882353em;font-size:1.0625em;font-weight:700;line-height:1.4705882353em;color:#08142b;counter-increment:list} [dir] .thimbles-popup__item::before{border-radius:50%;background:#fff;text-align:center} [dir=ltr] .thimbles-popup__item::before,[dir="ltr"] .thimbles-popup__item::before,[dir='ltr'] .thimbles-popup__item::before{left:0} [dir=rtl] .thimbles-popup__item::before,[dir="rtl"] .thimbles-popup__item::before,[dir='rtl'] .thimbles-popup__item::before{right:0} .thimbles-popup__box{display:flex;flex-direction:column} [dir] .thimbles-popup__txt{margin:0;text-align:center} .thimbles-popup__txt--one{text-transform:uppercase;font-size:1.875em;font-weight:700;color:#b7cb25} [dir=ltr] .thimbles-popup__txt--one,[dir="ltr"] .thimbles-popup__txt--one,[dir='ltr'] .thimbles-popup__txt--one{text-shadow:1px .0666666667em .1666666667em rgba(0,0,0,.1)} [dir=rtl] .thimbles-popup__txt--one,[dir="rtl"] .thimbles-popup__txt--one,[dir='rtl'] .thimbles-popup__txt--one{text-shadow:-1px .0666666667em .1666666667em rgba(0,0,0,.1)} .thimbles-popup__txt--two{text-transform:uppercase;font-size:1.125em} [dir] .thimbles-popup__txt--two{margin-top:.4444444444em} .thimbles-popup__txt--tree{font-size:3em;font-weight:700;line-height:1} [dir] .thimbles-popup__txt--tree{margin-top:.1666666667em} .jackpot__wrap .jackpot{top:10% !important;right:6% !important;left:auto !important} .jackpot__wrap .jackpot{direction:ltr} @media(max-width: 1680px){ .jackpot__wrap .jackpot{font-size:.9375em}} @media screen and (max-width: 1400px){ .jackpot__wrap .jackpot{font-size:.875em}} .ourgames-bonuses .ourgames-bonus__wrap{top:2.5em !important;right:4em !important;left:auto !important} .game-popup--rules{overflow:hidden !important;pointer-events:none !important} .u-visually-hidden[data-v-32f2aaad]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} [dir] .u-visually-hidden[data-v-32f2aaad]{padding:0;margin:-1px;border:0} .adaptive-container[data-v-32f2aaad]{pointer-events:none;transform-origin:left top} [dir] .adaptive-container[data-v-32f2aaad]{background:none} .adaptive-container--has-blur.adaptive-container--desktop[data-v-32f2aaad]{display:flex !important} .adaptive-container--has-blur.adaptive-container--desktop[data-v-32f2aaad]{position:fixed;top:0;left:0;align-items:center;justify-content:center;transform-origin:left top} .adaptive-container--has-blur.adaptive-container--mobile[data-v-32f2aaad]{display:contents !important} .u-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} [dir] .u-visually-hidden{padding:0;margin:-1px;border:0} @keyframes hand-scale{ 0%{transform:scale(1);filter:brightness(1)} 8.3333333333%{transform:scale(0.5);filter:brightness(2)} 16.6666666667%{transform:scale(1);filter:brightness(1)} 25%{transform:scale(1);filter:brightness(1)} 33.3333333333%{transform:scale(0.5);filter:brightness(2)} 41.6666666667%{transform:scale(1);filter:brightness(1)} 50%{transform:scale(1);filter:brightness(1)} 58.3333333333%{transform:scale(0.5);filter:brightness(2)} 66.6666666667%{transform:scale(1);filter:brightness(1)} 75%{transform:scale(1);filter:brightness(1)} 83.3333333333%{transform:scale(0.5);filter:brightness(2)} 91.6666666667%{transform:scale(1);filter:brightness(1)} 100%{transform:scale(1);filter:brightness(1)}} @keyframes hand-move{ 0%{transform:translate3d(28.125em, 0em, 0)} 8.3333333333%{transform:translate3d(28.125em, 0em, 0)} 16.6666666667%{transform:translate3d(28.125em, 0em, 0)} 25%{transform:translate3d(46.875em, 0em, 0)} 33.3333333333%{transform:translate3d(46.875em, 0em, 0)} 41.6666666667%{transform:translate3d(46.875em, 0em, 0)} 50%{transform:translate3d(65.625em, 0em, 0)} 58.3333333333%{transform:translate3d(65.625em, 0em, 0)} 66.6666666667%{transform:translate3d(65.625em, 0em, 0)} 75%{transform:translate3d(82.8125em, 0em, 0)} 83.3333333333%{transform:translate3d(82.8125em, 0em, 0)} 91.6666666667%{transform:translate3d(82.8125em, 0em, 0)} 100%{transform:translate3d(28.125em, 0em, 0)}} @keyframes hand-scale-bonus{ 0%{transform:scale(1);filter:brightness(1)} 16.6666666667%{transform:scale(0.5);filter:brightness(2)} 33.3333333333%{transform:scale(1);filter:brightness(1)} 50%{transform:scale(1);filter:brightness(1)} 66.6666666667%{transform:scale(0.5);filter:brightness(2)} 83.3333333333%{transform:scale(1);filter:brightness(1)} 100%{transform:scale(1);filter:brightness(1)}} @keyframes hand-move-bonus{ 0%{transform:translate3d(28.125em, 0em, 0)} 16.6666666667%{transform:translate3d(28.125em, 0em, 0)} 33.3333333333%{transform:translate3d(28.125em, 0em, 0)} 50%{transform:translate3d(82.8125em, 0em, 0)} 66.6666666667%{transform:translate3d(82.8125em, 0em, 0)} 83.3333333333%{transform:translate3d(82.8125em, 0em, 0)} 100%{transform:translate3d(28.125em, 0em, 0)}} .hand-hint{position:absolute;top:7.8125em;left:0;z-index:100;direction:ltr;pointer-events:none} [dir] .hand-hint{background:none;animation-name:hand-move;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite} .hand-hint--bonus{top:29.6875em} [dir] .hand-hint--bonus{animation-duration:4s;animation-name:hand-move-bonus} [dir] .hand-hint--bonus .hand-hint__image{animation-duration:4s;animation-name:hand-scale-bonus} .hand-hint__image{rotate:-15.66deg} [dir] .hand-hint__image{animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:hand-scale} .u-visually-hidden[data-v-249214a9]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} [dir] .u-visually-hidden[data-v-249214a9]{padding:0;margin:-1px;border:0} .game-background__blur[data-v-249214a9]{position:absolute;top:0;bottom:0;filter:blur(1.25em);pointer-events:none} [dir] .game-background__blur[data-v-249214a9]{right:0;left:0;background-image:var(--game-bg-blur);background-position:center;background-size:cover;background-repeat:no-repeat} <head> <title>Hello, World!</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <h1 class="title">Hello World! </h1> <p id="currentTime"></p> <script src="script.js"></script> </body> </html>
Write, Run & Share HTML code online using OneCompiler's HTML online Code editor for free. It's one of the robust, feature-rich online Code editor for HTML language, running on the latest version HTML5. Getting started with the OneCompiler's HTML compiler is simple and pretty fast. The editor shows sample boilerplate code when you choose language as HTML
. You can also specify the stylesheet information in styles.css
tab and scripts information in scripts.js
tab and start coding.
HTML(Hyper Text Markup language) is the standard markup language for Web pages, was created by Berners-Lee in the year 1991. Almost every web page over internet might be using HTML.
<!DOCTYPE html>
<html>
and ends with </html>
<h1>
to <h6>
where <h1>
is the highest important heading and <h6>
is the least important sub-heading.<p>..</p>
tag.<a>
tag.
<a href="https://onecompiler.com/html">HTML online compiler</a>
<img>
tag, where src
attribute consists of image name.<button>..</button>
tag<ul>
for unordered/bullet list and <ol>
for ordered/number list, and the list items are defined in <li>
.<a href="https://onecompiler.com/html">HTML online compiler</a>
CSS(cascading style sheets) describes how HTML elements will look on the web page like color, font-style, font-size, background color etc.
Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px.
body{
padding: 25px;
}
.title {
color: #228B22;
font-family: Candara;
}
<table>
tag.<tr>
tag<th>
tag<td>
tag<caption>
tag<script>
is the tag used to write scripts in HTML<script src="script.js"></script>