@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);.dialog-end-game,.flex-column,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.align-items-center,.dialog-end-game,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap{align-items:center}.dialog-end-game{width:100%;padding:27px 16px;text-align:center}.flex-row,.layout-flex-center-x,.layout-flex-center-xy,.select-rock-paper-scissors__option .img-container{display:flex;flex-direction:row;flex-wrap:nowrap}.flex-row-wrap,.layout-flex-center-x-wrap,.select-rock-paper-scissors{display:flex;flex-direction:row;flex-wrap:wrap}.flex-column,.layout-flex-center-y,.select-rock-paper-scissors__option{display:flex;flex-direction:column;flex-wrap:nowrap}.justify-content-center,.layout-flex-center-xy,.select-rock-paper-scissors,.select-rock-paper-scissors__option .img-container{justify-content:center}.align-items-center,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap,.select-rock-paper-scissors__option,.select-rock-paper-scissors__option .img-container{align-items:center}.select-rock-paper-scissors{gap:36px}@media only screen and (max-width:48em){.select-rock-paper-scissors{gap:22px}}@media only screen and (max-width:31.25em){.select-rock-paper-scissors{gap:12px}}.select-rock-paper-scissors.with-answer{gap:24px}.select-rock-paper-scissors__option{gap:8px;padding:12px 16px;background-color:#fff;border-radius:8px;border:4px solid;box-shadow:0 4px 8px rgba(58,51,53,.15);cursor:pointer;transition:all .4s ease}@media only screen and (max-width:48em){.select-rock-paper-scissors__option{width:111px;gap:4px;padding:6px 8px}}@media only screen and (max-width:31.25em){.select-rock-paper-scissors__option{width:92px;height:92px}}.select-rock-paper-scissors__option.selected,.select-rock-paper-scissors__option:hover{transform:scale(1.05)}.select-rock-paper-scissors__option:hover{box-shadow:0 8px 4.6px rgba(58,51,53,.25)}.select-rock-paper-scissors__option.sunset-coral{border-color:#f07167;background:linear-gradient(hsla(4,82%,67%,.4),hsla(4,82%,67%,.4)),#fff}.select-rock-paper-scissors__option.teal-tide{border-color:#00afb9;background:linear-gradient(rgba(0,175,185,.4),rgba(0,175,185,.4)),#fff}.select-rock-paper-scissors__option.bahay-kubo{border-color:#8cbf52;background:linear-gradient(rgba(140,191,82,.4),rgba(140,191,82,.4)),#fff}.select-rock-paper-scissors__option.selected{box-shadow:0 4px 4.6px rgba(58,51,53,.25)}.select-rock-paper-scissors__option.not-selected{transform:scale(.9);box-shadow:0 4px 4px rgba(58,51,53,.15);opacity:50%}.select-rock-paper-scissors__option .img-container{height:102px}@media only screen and (max-width:31.25em){.select-rock-paper-scissors__option .img-container{height:72px}}.select-rock-paper-scissors__option .img-container img{height:100%;display:block}@media only screen and (max-width:48em){.select-rock-paper-scissors__option .img-container img{height:80%}}.select-rock-paper-scissors__option .heading-6{font-weight:var(--font-weight-black)}@media only screen and (max-width:31.25em){.select-rock-paper-scissors__option .heading-6{display:none}}.dialog-start-game,.dialog-start-game__texts,.flex-column,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.align-items-center,.dialog-start-game,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap{align-items:center}.dialog-start-game{gap:32px;background:linear-gradient(hsla(29,97%,86%,.5),hsla(29,97%,86%,.5)),#fff;padding:32px;min-width:784px;border:8px solid #fdfcdc}@media only screen and (max-width:827px){.dialog-start-game{min-width:100%}}@media only screen and (max-width:26.563em){.dialog-start-game{padding:28px}}.dialog-start-game h1{font-weight:var(--font-weight-black)}@media only screen and (max-width:31.25em){.dialog-start-game h1{font-size:40px;line-height:46.96px}}.dialog-start-game__texts{gap:16px;text-align:center}@media only screen and (max-width:31.25em){.dialog-start-game__texts .heading-4{font-size:23px;line-height:27px}.dialog-start-game__texts p.text-gray-6{font-size:16px;line-height:18.78px}}.dialog-timer,.flex-column,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.align-items-center,.dialog-timer,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap{align-items:center}.dialog-timer{background-color:#0081a7;width:100%;padding:27px 148px;color:#fdfcdc}.flex-row,.game-board,.game-board .anwser-container,.game-board .anwser-container__answer .img-container,.layout-flex-center-x,.layout-flex-center-xy{display:flex;flex-direction:row;flex-wrap:nowrap}.flex-column,.game-board .anwser-container__answer,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.game-board .anwser-container,.game-board .anwser-container__answer .img-container,.justify-content-center,.layout-flex-center-xy{justify-content:center}.align-items-center,.game-board .anwser-container,.game-board .anwser-container__answer,.game-board .anwser-container__answer .img-container,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap{align-items:center}.game-board{background-color:#fed9b7;border-radius:8px;box-shadow:0 8px 8px rgba(58,51,53,.1)}@media only screen and (max-width:37.5em){.game-board{flex-direction:column}}.game-board,.game-board .anwser-container{position:relative}.game-board .anwser-container{flex:1;z-index:1}.game-board .anwser-container__answer{gap:8px;width:100%}@media only screen and (max-width:37.5em){.game-board .anwser-container__answer{justify-content:center;padding:8px 16px}.game-board .anwser-container__answer.you{flex-direction:row}.game-board .anwser-container__answer.computer{flex-direction:row-reverse}}.game-board .anwser-container__answer .img-container{height:350px}@media only screen and (max-width:64em){.game-board .anwser-container__answer .img-container{height:300px}}@media only screen and (max-width:48em){.game-board .anwser-container__answer .img-container{height:250px;width:100%}}@media only screen and (max-width:37.5em){.game-board .anwser-container__answer .img-container{width:unset;height:200px}}@media only screen and (max-width:26.563em){.game-board .anwser-container__answer .img-container{height:150px}}.game-board .anwser-container__answer .img-container img{height:100%}@media only screen and (max-width:48em){.game-board .anwser-container__answer .img-container img{width:80%;-o-object-fit:contain;object-fit:contain}}@media only screen and (max-width:26.563em){.game-board .anwser-container__answer h1{font-size:40px}}.game-board .active-slide{--slide-width:52%;height:100%;width:var(--slide-width);background-color:hsla(58,89%,93%,.6);border-radius:8px;position:absolute;transition:all .5s ease-in-out;left:100%}@media only screen and (max-width:37.5em){.game-board .active-slide{height:var(--slide-width);width:100%}}.game-board .active-slide.active-you{left:0;box-shadow:8px 0 4px rgba(58,51,53,.1)}@media only screen and (max-width:37.5em){.game-board .active-slide.active-you{left:unset;top:0;box-shadow:0 8px 4px rgba(58,51,53,.1)}}.game-board .active-slide.active-computer{left:calc(100% - var(--slide-width));box-shadow:-8px 0 4px rgba(58,51,53,.1)}@media only screen and (max-width:37.5em){.game-board .active-slide.active-computer{left:unset;top:calc(100% - var(--slide-width));box-shadow:0 -8px 4px rgba(58,51,53,.1)}}.player-details{display:grid}.player-details__user-img-container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flex-row,.layout-flex-center-x,.layout-flex-center-xy,.player-details__progressbar .progressbar-success,.player-details__you,.player-details__you .details{display:flex;flex-direction:row;flex-wrap:nowrap}.flex-column,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.justify-content-flex-end,.player-details__progressbar .progressbar-success{justify-content:flex-end}.align-items-center,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap,.player-details,.player-details__nexibot,.player-details__nexibot .details,.player-details__progressbar .progressbar-success,.player-details__you,.player-details__you .details{align-items:center}.player-details{grid-template-columns:minmax(80px,1fr) minmax(80px,100px) minmax(80px,1fr);-moz-column-gap:16px;column-gap:16px}.player-details__user-img-container{width:80px;height:80px;background-color:#fdfcdc;border:6px solid #fed9b7;border-radius:50%;box-shadow:0 4px 4px rgba(58,51,53,.25);position:relative}@media only screen and (max-width:48em){.player-details__user-img-container{width:50px;height:50px}}.player-details__user-img-container img{height:45px;width:45px}@media only screen and (max-width:48em){.player-details__user-img-container img{width:25px;height:25px}}.player-details__msg{font-weight:var(--font-weight-bold);text-align:center}.player-details__nexibot,.player-details__nexibot .details,.player-details__you,.player-details__you .details{gap:16px}@media only screen and (max-width:48em){.player-details__nexibot,.player-details__nexibot .details,.player-details__you,.player-details__you .details{gap:8px}.player-details__nexibot .details,.player-details__you .details{flex-direction:column!important;gap:8px}}.player-details__nexibot,.player-details__nexibot .details{display:flex;flex-direction:row-reverse;flex-wrap:nowrap}.player-details__progressbar{height:12px;width:100%;max-width:280px;background-color:#fdfcdc;overflow:hidden}.player-details__progressbar,.player-details__progressbar .progressbar-success{border-radius:100px}.player-details__progressbar .progressbar-success{height:100%;background-color:#00afb9;transition:width 1s ease}.player-details__progressbar .progressbar-success p{font-size:10px;font-weight:var(--font-weight-bold);color:#f6f5f5;margin:0 6px}:root{--font-family:"Raleway",sans-serif;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900}.flex-row,.layout-flex-center-x,.layout-flex-center-xy{display:flex;flex-direction:row;flex-wrap:nowrap}.flex-row-wrap,.layout-flex-center-x-wrap{display:flex;flex-direction:row;flex-wrap:wrap}.flex-column,.game,.game__select,.layout-flex-center-y{display:flex;flex-direction:column;flex-wrap:nowrap}.flex-column-wrap,.layout-flex-center-y-wrap{display:flex;flex-direction:column;flex-wrap:wrap}.bg-black{background-color:#3a3335}.text-black{color:#3a3335}.bg-wine-berry{background-color:#64113f}.text-wine-berry{color:#64113f}.bg-cranberry{background-color:#de4d86}.text-cranberry{color:#de4d86}.bg-sweet-pink{background-color:#f29ca3}.text-sweet-pink{color:#f29ca3}.bg-light-rose{background-color:#f7cacd}.text-light-rose{color:#f7cacd}.bg-mercury{background-color:#efe4e4}.text-mercury{color:#efe4e4}.bg-white{background-color:#fff}.text-white{color:#fff}.bg-white-1{background-color:#f6f5f5}.text-white-1{color:#f6f5f5}.bg-white-2{background-color:#f3f3f3}.text-white-2{color:#f3f3f3}.bg-white-3{background-color:#f8f9fa}.text-white-3{color:#f8f9fa}.bg-gray{background-color:#eee}.text-gray{color:#eee}.bg-gray-1{background-color:#ddd}.text-gray-1{color:#ddd}.bg-gray-2{background-color:#ccc}.text-gray-2{color:#ccc}.bg-gray-3{background-color:#bbb}.text-gray-3{color:#bbb}.bg-gray-4{background-color:#aaa}.text-gray-4{color:#aaa}.bg-gray-5{background-color:#969696}.text-gray-5{color:#969696}.bg-gray-6{background-color:#858585}.text-gray-6{color:#858585}.bg-red{background-color:#d00000}.text-red{color:#d00000}.bg-barong{background-color:#b5651d}.text-barong{color:#b5651d}.bg-santol{background-color:#f6c946}.text-santol{color:#f6c946}.bg-bahay-kubo{background-color:#8cbf52}.text-bahay-kubo{color:#8cbf52}.bg-banana-leaf{background-color:#7dbe31}.text-banana-leaf{color:#7dbe31}.bg-deep-ocean-blue{background-color:#0081a7}.text-deep-ocean-blue{color:#0081a7}.bg-teal-tide{background-color:#00afb9}.text-teal-tide{color:#00afb9}.bg-soft-cream{background-color:#fdfcdc}.text-soft-cream{color:#fdfcdc}.bg-coral-blush{background-color:#fed9b7}.text-coral-blush{color:#fed9b7}.bg-sunset-coral{background-color:#f07167}.text-sunset-coral{color:#f07167}.heading-1,h1{font-size:3rem;font-weight:var(--font-weight-bold);line-height:70.44px}@media only screen and (max-width:48em){.heading-1,h1{line-height:63.4px}}@media only screen and (max-width:26.563em){.heading-1,h1{line-height:56.35px}}.heading-2,h2{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:58.7px}@media only screen and (max-width:48em){.heading-2,h2{line-height:52.83px}}@media only screen and (max-width:26.563em){.heading-2,h2{line-height:46.96px}}.heading-3,h3{font-size:2.05rem;font-weight:var(--font-weight-bold);line-height:48.13px}@media only screen and (max-width:48em){.heading-3,h3{font-size:2.056rem;line-height:43.44px}}@media only screen and (max-width:26.563em){.heading-3,h3{font-size:2.062rem;line-height:38.74px}}.heading-4,h4{font-size:1.75rem;font-weight:var(--font-weight-bold);line-height:41.09px}@media only screen and (max-width:48em){.heading-4,h4{font-size:1.722rem;line-height:36.39px}}@media only screen and (max-width:26.563em){.heading-4,h4{font-size:1.75rem;line-height:32.87px}}.heading-5,h5{font-size:1.45rem;font-weight:var(--font-weight-bold);line-height:34.05px}@media only screen and (max-width:48em){.heading-5,h5{font-size:1.444rem;line-height:31.2px}}@media only screen and (max-width:26.563em){.heading-5,h5{font-size:1.438rem;line-height:27px}}.heading-6,h6{font-size:1.2rem;font-weight:var(--font-weight-bold);line-height:28.18px}@media only screen and (max-width:48em){.heading-6,h6{font-size:1.222rem;line-height:25.83px}}@media only screen and (max-width:26.563em){.heading-6,h6{font-size:1.188rem;line-height:22.31px}}.base{font-size:1rem;font-weight:var(--font-weight-medium);line-height:23.48px}@media only screen and (max-width:48em){.base{line-height:21.13px}}@media only screen and (max-width:26.563em){.base{line-height:18.78px}}.paragraph{font-size:.85rem;font-weight:var(--font-weight-medium);line-height:19.96px}@media only screen and (max-width:48em){.paragraph{font-size:.833rem;line-height:17.61px}}@media only screen and (max-width:26.563em){.paragraph{font-size:.812rem;line-height:15.26px}}.caption{font-size:.7rem;font-weight:var(--font-weight-medium);line-height:16.44px}@media only screen and (max-width:48em){.caption{font-size:.667rem;line-height:14.09px}}@media only screen and (max-width:26.563em){.caption{font-size:.688rem;line-height:12.91px}}.button-base{font-size:1rem;font-weight:var(--font-weight-semibold);line-height:23px}@media only screen and (max-width:48em){.button-base{line-height:21px}}@media only screen and (max-width:26.563em){.button-base{line-height:18px}}.button-paragraph{font-size:.85rem;font-weight:var(--font-weight-semibold);line-height:20px}@media only screen and (max-width:48em){.button-paragraph{font-size:.833rem;line-height:18px}}@media only screen and (max-width:26.563em){.button-paragraph{font-size:.812rem;line-height:15px}}.button-caption{font-size:.7rem;font-weight:var(--font-weight-semibold)}@media only screen and (max-width:48em){.button-caption{font-size:.667rem}}@media only screen and (max-width:26.563em){.button-caption{font-size:.688rem}}.justify-content-flex-start{justify-content:flex-start}.justify-content-center,.layout-flex-center-xy{justify-content:center}.justify-content-flex-end{justify-content:flex-end}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.justify-content-space-evenly{justify-content:space-evenly}.justify-items-stretch{justify-items:stretch}.justify-items-flex-start{justify-items:flex-start}.justify-items-center{justify-items:center}.justify-items-flex-end{justify-items:flex-end}.justify-items-baseline{justify-items:baseline}.align-items-stretch{align-items:stretch}.align-items-flex-start{align-items:flex-start}.align-items-center,.game__select,.layout-flex-center-x,.layout-flex-center-x-wrap,.layout-flex-center-xy,.layout-flex-center-y,.layout-flex-center-y-wrap{align-items:center}.align-items-flex-end{align-items:flex-end}.align-items-baseline{align-items:baseline}.align-content-stretch{align-content:stretch}.align-content-flex-start{align-content:flex-start}.align-content-center{align-content:center}.align-content-flex-end{align-content:flex-end}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-self-auto{align-self:auto}.align-self-flex-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-flex-end{align-self:flex-end}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.text-center{text-align:center}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{scroll-behavior:smooth;font-size:20px}@media only screen and (max-width:48em){html{font-size:18px}}@media only screen and (max-width:26.563em){html{font-size:16px}}body{box-sizing:border-box;font-family:var(--font-family);color:#3a3335}button{border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:inherit}button:focus-visible{outline:none}input,textarea{border:none;outline:none;line-height:unset!important;background-color:unset;font-family:inherit}textarea{resize:none}:root{--font-family:"Nunito",sans-serif!important}body{min-height:100vh}.gradient-left-bottom{background-image:linear-gradient(to left bottom,#fed9b7,#fdfcdc)}.gradient-right-bottom{background-image:linear-gradient(to right bottom,#fed9b7,#fdfcdc)}.game-modal-overlay{background:none!important}.game-modal-content{box-shadow:20px 20px 4px rgba(58,51,53,.25);border-radius:8px!important}.dialog-banner-overlay{background-color:rgba(58,51,53,.1)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-banner-content{margin:unset!important;width:100%;border-radius:unset!important}.game{gap:20px;padding:28px 24px;height:100vh}@media only screen and (max-width:48em){.game{padding:14px 12px}}.game .game-board{flex:1 1 auto}.game__select{gap:12px;margin-top:20px}@media only screen and (max-width:31.25em){.game__select{margin-bottom:40px}}