.search-game-input{position:relative}.search-game-input button.active svg path{stroke:var(--primary-text-color)}.search-game-input button svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-game-input button svg path{stroke:#85868b}.search-game-input input{background-color:#00000080;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;caret-color:var(--primary-button-color-1);color:var(--primary-text-color);font-family:NotoSansThai,sans-serif;font-size:16px;height:32px;padding:0 40px 0 16px;width:100%}.search-game-input input::-moz-placeholder{color:#85868b;font-size:14px}.search-game-input input::placeholder{color:#85868b;font-size:14px}.search-game-input input:focus{border-color:#fff;outline:none}@media only screen and (min-width:550px){.search-game-input input{font-size:16px;height:40px}.search-game-input input::-moz-placeholder{font-size:16px}.search-game-input input::placeholder{font-size:16px}}.tag-game{align-items:center;border-radius:35px;display:flex;gap:2px;height:16px;justify-content:center;padding-left:4px;padding-right:4px;width:40px}@media screen and (min-width:550px){.tag-game{height:20px;width:48px}}.tag-game .lottie-animation-container{align-items:center;display:flex;height:-moz-fit-content!important;height:fit-content!important;justify-content:center;transform:translateY(-1px);width:-moz-fit-content!important;width:fit-content!important}.tag-game .lottie-animation-container svg{height:12px!important;width:12px!important}@media screen and (min-width:550px){.tag-game .lottie-animation-container svg{height:14px!important;width:14px!important}}.tag-game img{height:12px;-o-object-fit:contain;object-fit:contain;transform:translateY(-1px);width:12px}@media screen and (min-width:550px){.tag-game img{height:14px;width:14px}}.tag-game span{font-size:8px;font-weight:400;text-transform:uppercase;transform:translateY(.5px)}@media screen and (min-width:550px){.tag-game span{font-size:10px;transform:translateY(0)}}.tag-game.Hot1{background-color:#00d719;box-shadow:0 2px 5px #00ff1e87}.tag-game.Hit{background:linear-gradient(180deg,#f45643,#f11f70 73.74%,#fc3a85 94.5%);box-shadow:0 2px 5px #f32d78b5}.tag-game.Hit img{height:17px;transform:translateY(-3px);width:12px}@media screen and (min-width:550px){.tag-game.Hit img{height:23px;width:14px}}.hearth-container[data-v-e0d971f1]{align-items:center;background-color:#fff;background:#0006;border:2px solid transparent;border-radius:50%;cursor:default;display:flex;justify-content:center;padding:4px}.hearth-container.is-fav[data-v-e0d971f1]{animation:pulse-e0d971f1 .3s cubic-bezier(.445,.05,.55,.95);background-color:#fff;border:2px solid #ffdee5}.hearth-container.is-fav .svg-container[data-v-e0d971f1]{filter:drop-shadow(0 7.64px 3.3px rgba(255,36,79,.4509803922))}.hearth-container[data-v-e0d971f1]:hover{transform:scale(1.05)}@media screen and (min-width:550px){.hearth-container[data-v-e0d971f1]{padding:7px}}.hearth-container .svg-container[data-v-e0d971f1]{align-items:center;display:flex;justify-content:center}.hearth-container .svg-container svg[data-v-e0d971f1]{height:18px;width:18px}@media screen and (min-width:550px){.hearth-container .svg-container svg[data-v-e0d971f1]{height:20px;width:20px}}@keyframes pulse-e0d971f1{0%{transform:scale(1)}50%{transform:scale(1.16)}}.rtp-container{bottom:-5px;left:0;position:absolute;width:100%}.rtp-container .detail-rtp-img{flex-shrink:0;height:auto;-o-object-fit:contain;object-fit:contain;width:42px}@media screen and (min-width:550px){.rtp-container .detail-rtp-img{width:51px}}@media screen and (min-width:1200px){.rtp-container .detail-rtp-img{width:63px}}.rtp-container .detail-rtp{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8) 96.87%);border-radius:0 0 var(--radius-6,6px) var(--radius-6,6px);display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:390px){.rtp-container .detail-rtp{flex-direction:row}}.rtp-container .detail-rtp .detail-rtp-percent{color:#fff;text-align:center;text-shadow:0 0 4px #ff8000;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:rgba(242,150,22,.5);animation:detail-rtp-percent-move .6s ease-in-out infinite;font-size:12px;font-style:normal;font-weight:700;line-height:normal}@media screen and (min-width:550px){.rtp-container .detail-rtp .detail-rtp-percent{font-size:14px}}@media screen and (min-width:1200px){.rtp-container .detail-rtp .detail-rtp-percent{font-size:16px}}.rtp-container .bar-rtp-container{background-color:#ffffff1a;border-radius:40px;height:6px;position:relative;width:100%}@media screen and (min-width:550px){.rtp-container .bar-rtp-container{height:8px}}.rtp-container .bar-rtp-container .lottie-animation-container{bottom:-1px;height:16px;position:absolute;transform:rotate(4deg);transition:left .5s ease-in-out;width:16px;z-index:10}.rtp-container .bar-rtp-container .bar-rtp-progress{background:linear-gradient(90deg,#db5c08,#f29616 50%,#f3af32);border-radius:40px;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:width .5s ease-in-out}.rtp-container .bar-rtp-container .bar-rtp-progress .bar-rtp-progress-pattern{animation:bar-rtp-progress-pattern-animation .8s linear infinite;background:repeating-linear-gradient(70deg,#db5c0840,#db5c0840 6px,#ffffff52 0 12px);background-size:12px 12px;height:100%;left:0;opacity:.5;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}@keyframes bar-rtp-progress-pattern-animation{0%{background-position:-12px 0}to{background-position:0 0}}@keyframes detail-rtp-percent-move{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.poster-container[data-v-99c4b002]{align-items:center;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:start;width:-moz-fit-content;width:fit-content}.poster-container.rtp[data-v-99c4b002]{gap:8px}.poster-container .img-loading[data-v-99c4b002]{align-items:center;aspect-ratio:1/1.45;background-color:#0000001a;border-radius:8px;display:flex;height:auto;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.poster-container .img-loading .loader[data-v-99c4b002]{border-width:3px;height:50px;width:50px}@media screen and (min-width:550px){.poster-container .img-loading .loader[data-v-99c4b002]{border-width:4px;height:56px;width:56px}}@media screen and (min-width:1200px){.poster-container .img-loading .loader[data-v-99c4b002]{border-width:5px;height:62px;width:62px}}.poster-container .poster-item[data-v-99c4b002]{aspect-ratio:1/1.45;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;position:relative;transition:all .2s ease;width:82px}@media screen and (min-width:550px){.poster-container .poster-item[data-v-99c4b002]{width:100px}}@media screen and (min-width:1200px){.poster-container .poster-item[data-v-99c4b002]{width:120px}}.poster-container .poster-item[data-v-99c4b002]:active{cursor:grabbing}.poster-container .poster-item .list-tag[data-v-99c4b002]{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px;z-index:1}.poster-container .poster-item img[data-v-99c4b002]{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:auto;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none;-webkit-touch-callout:none;opacity:0}.poster-container .poster-item img.img-loaded[data-v-99c4b002]{opacity:1;transition:opacity .3s ease}.poster-container .poster-item img[data-v-99c4b002]:hover{animation:colorDancing-99c4b002 1s infinite;filter:brightness(1.1) contrast(1.3);transform:scale(1.05) rotate(2deg)}.poster-container .poster-item .hearth-container[data-v-99c4b002]{bottom:8px;position:absolute;right:8px;z-index:10}.poster-container .text-brand[data-v-99c4b002]{color:var(--primary-text-color);display:block;font-size:12px;font-weight:400;text-align:center;white-space:normal;width:82px;word-break:break-word}@media screen and (min-width:550px){.poster-container .text-brand[data-v-99c4b002]{width:100px}}@media screen and (min-width:1200px){.poster-container .text-brand[data-v-99c4b002]{width:120px}}@media screen and (min-width:550px){.poster-container .text-brand[data-v-99c4b002]{font-size:14px}}@keyframes colorDancing-99c4b002{0%{filter:brightness(1.1) contrast(1.3)}50%{filter:brightness(1.2) contrast(1.4)}to{filter:brightness(1.1) contrast(1.3)}}