.primary-outline-button{height:-moz-fit-content;height:fit-content;position:relative;transition:all .3s ease-in-out;.btn-inner{--bg-color:var(--black-1000);--bg-color-hover:var(--primary-1000);--border-width:1.5px;--border-color:var(--white-1000);--text-color:var(--primary-1000);--text-color-hover:var(--black-1000);--blur:4px;--curve-top-left-1:1.375rem;--curve-top-left-2:1.75rem;--curve-bottom-right-1:0.75rem;--curve-bottom-right-2:1rem;width:100%;min-width:9.813rem;border:0;display:inline-grid;place-content:center;padding:.75rem 2.25rem;cursor:pointer;position:relative;transition:all .3s ease-in-out;clip-path:polygon(0 var(--curve-top-left-1),var(--curve-top-left-2) 0,100% 0,100% calc(100% - var(--curve-bottom-right-1)),calc(100% - var(--curve-bottom-right-2)) 100%,0 100%);&:after,&:before{content:"";width:100%;height:100%;position:absolute;inset:0}&:before{background-color:var(--border-color);z-index:-2}&:after{background-color:var(--bg-color);z-index:-1;transition:all .3s ease-in-out;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)))}svg{fill:var(--primary-1000)}}.text{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.313;letter-spacing:.75px;text-transform:capitalize}.corner-shape,.text{transition:all .3s ease-in-out}.corner-shape{width:.688rem;height:.5rem;background-color:var(--primary-1000);display:inline-block;position:absolute;right:0;bottom:0;clip-path:polygon(100% 100%,100% 0,0 100%)}&:hover{.btn-inner{&:after,&:before{background-color:var(--bg-color-hover)}svg{fill:var(--black-1000)}}.text{color:var(--text-color-hover)}}&:active{transform:scale(.9)}}@media screen and (max-width:991.98px){.primary-outline-button{.btn-inner{--curve-top-left-1:0.938rem;--curve-top-left-2:1.125rem;--curve-bottom-right-1:0.625rem;--curve-bottom-right-2:0.75rem;min-width:5.375rem;padding:.5rem 1.25rem}.text{font-size:.75rem}.corner-shape{width:.531rem;height:.438rem}}}.game-card{--card-ratio:1/1;--mask-image:url(/_next/static/media/game-bg-mask.8a444c18.png);--mask-repeat:no-repeat;--mask-size:100% 100%;aspect-ratio:var(--card-ratio);-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);cursor:pointer;position:relative;.game-card-body{padding:.75rem;.game-img-box{aspect-ratio:var(--card-ratio);-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);position:relative;.game-img{width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.overlay-top-box{background-color:var(--primary-1000);aspect-ratio:25/16;-webkit-mask-image:url(/_next/static/media/game-overlay-bg-top-mask.72a6597b.png);mask-image:url(/_next/static/media/game-overlay-bg-top-mask.72a6597b.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:-100%;left:0;right:0;transition:all .5s ease-in-out;.favorite-game-btn{width:1.125rem;height:1.125rem;background-image:url(/_next/static/media/Heart-Stroke.2e7d4af4.svg);background-repeat:no-repeat;background-size:100% 100%;background-position:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:.5rem;left:.5rem;&:checked{background-image:url(/_next/static/media/Heart-Fill.d22a0bd4.svg)}}.play-btn{width:20%;aspect-ratio:1/1;background-color:var(--black-1000);display:flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:.938rem;transform:translateX(-50%) rotate(45deg);transition:all .3s ease-in-out;svg{width:50%;height:50%;fill:var(--white-1000);margin:0 0 .375rem .188rem;transform:rotate(-45deg)}}}.overlay-bottom-box{background-color:var(--black-1000);aspect-ratio:100/53;-webkit-mask-image:url(/_next/static/media/game-overlay-bg-bottom-mask.a3f8fcb6.png);mask-image:url(/_next/static/media/game-overlay-bg-bottom-mask.a3f8fcb6.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;display:flex;justify-content:center;padding:2.813rem .75rem .75rem;position:absolute;left:0;right:0;bottom:-100%;transition:all .5s ease-in-out;.game-name{color:var(--white-1000);font-size:1.25rem;font-weight:500;line-height:1.5rem;letter-spacing:.75px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:auto auto 1rem}}}}.border-img{width:100%;pointer-events:none;position:absolute;inset:0}&:hover{.game-card-body{.game-img-box{.overlay-top-box{top:0}.overlay-bottom-box{bottom:0}}}}@media screen and (max-width:991.98px){.game-card-body{padding:.5rem;.game-img-box{.overlay-top-box{.play-btn{svg{margin:0 0 .25rem .125rem}}}.overlay-bottom-box{padding:1.813rem .75rem .75rem;.game-name{font-size:1rem;margin:auto auto .5rem}}}}}@media screen and (max-width:639.98px){.game-card-body{.game-img-box{.overlay-bottom-box{padding:1.813rem .75rem .75rem;.game-name{font-size:.875rem;margin:auto auto .25rem}}}}}}.icon-button{width:2.5rem;min-width:2.5rem;height:2.5rem;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;svg{width:1.25rem;height:1.25rem;fill:var(--white-1000);transition:all .3s ease-in-out}&:hover{background-color:var(--primary-200);svg{fill:var(--primary-1000)}}&:active{transform:scale(.9)}}.secondary-outline-button{height:-moz-fit-content;height:fit-content;position:relative;transform:scaleX(-1);transition:all .3s ease-in-out;.btn-inner{--bg-color:var(--black-1000);--bg-color-hover:var(--primary-1000);--border-width:1.5px;--border-color:var(--white-1000);--text-color:var(--primary-1000);--text-color-hover:var(--black-1000);--blur:4px;--curve-top-left-1:1.375rem;--curve-top-left-2:1.75rem;--curve-bottom-right-1:0.75rem;--curve-bottom-right-2:1rem;width:100%;min-width:9.813rem;border:0;display:inline-grid;place-content:center;padding:.75rem 2.25rem;cursor:pointer;position:relative;transition:all .3s ease-in-out;clip-path:polygon(0 var(--curve-top-left-1),var(--curve-top-left-2) 0,100% 0,100% calc(100% - var(--curve-bottom-right-1)),calc(100% - var(--curve-bottom-right-2)) 100%,0 100%);&:after,&:before{content:"";width:100%;height:100%;position:absolute;inset:0}&:before{background-color:var(--border-color);z-index:-2}&:after{background-color:var(--bg-color);z-index:-1;transition:all .3s ease-in-out;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)))}}.text{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.313;letter-spacing:.75px;text-transform:capitalize;transform:scaleX(-1)}.corner-shape,.text{transition:all .3s ease-in-out}.corner-shape{width:.688rem;height:.5rem;background-color:var(--primary-1000);display:inline-block;position:absolute;right:0;bottom:0;clip-path:polygon(100% 100%,100% 0,0 100%)}&:hover{.btn-inner{&:after,&:before{background-color:var(--bg-color-hover)}}.text{color:var(--text-color-hover)}}&:active{transform:scale3d(-.9,.9,.9)}}@media screen and (max-width:991.98px){.secondary-outline-button{.btn-inner{--curve-top-left-1:0.938rem;--curve-top-left-2:1.125rem;--curve-bottom-right-1:0.625rem;--curve-bottom-right-2:0.75rem;min-width:5.375rem;padding:.5rem 1.25rem}.text{font-size:.75rem}.corner-shape{width:.531rem;height:.438rem}}}.primary-button{height:-moz-fit-content;height:fit-content;position:relative;transition:all .3s ease-in-out;.btn-inner{--bg-color:var(--primary-1000);--bg-color-hover:var(--primary-1000);--border-width:1.5px;--border-color:var(--primary-1000);--text-color:var(--black-1000);--text-color-hover:var(--black-1000);--blur:4px;--curve-top-left-1:1.375rem;--curve-top-left-2:1.75rem;--curve-bottom-right-1:0.75rem;--curve-bottom-right-2:1rem;width:100%;min-width:9.813rem;border:0;display:inline-grid;place-content:center;padding:.75rem 2.25rem;cursor:pointer;position:relative;transition:all .3s ease-in-out;clip-path:polygon(0 var(--curve-top-left-1),var(--curve-top-left-2) 0,100% 0,100% calc(100% - var(--curve-bottom-right-1)),calc(100% - var(--curve-bottom-right-2)) 100%,0 100%);&:after,&:before{content:"";width:100%;height:100%;position:absolute;inset:0}&:before{background-color:var(--border-color);z-index:-2}&:after{background-color:var(--bg-color);z-index:-1;transition:all .3s ease-in-out;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)))}}.text{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.313;letter-spacing:.75px;text-transform:capitalize}.corner-shape,.text{transition:all .3s ease-in-out}.corner-shape{width:.688rem;height:.5rem;background-color:var(--primary-1000);display:inline-block;position:absolute;right:0;bottom:0;clip-path:polygon(100% 100%,100% 0,0 100%)}&:hover{.btn-inner{color:var(--text-color-hover);&:after,&:before{background-color:var(--bg-color-hover)}}.text{color:var(--text-color-hover)}}&:active{transform:scale(.9)}}@media screen and (max-width:991.98px){.primary-button{.btn-inner{--curve-top-left-1:0.938rem;--curve-top-left-2:1.125rem;--curve-bottom-right-1:0.625rem;--curve-bottom-right-2:0.75rem;min-width:5.375rem;padding:.5rem 1.25rem}.text{font-size:.75rem}.corner-shape{width:.531rem;height:.438rem}}}div[data-floating-ui-portal]>div>div{width:100vw!important;max-width:100%!important;height:100dvh!important;background-color:var(--black-800)!important;border-radius:0!important;display:grid!important;place-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:1.25rem!important;@media screen and (max-width:991.98px){padding-left:1rem!important;padding-bottom:1rem!important;padding-right:1rem!important;padding-top:1rem!important}}.common-dialog-wrapper{all:unset!important;width:100%!important;max-width:37.5rem!important;margin:2rem 1.5rem!important;position:relative!important;&:before{content:"";width:110%;height:110%;background-color:var(--primary-200);border-radius:50%;filter:blur(55px);z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-btn{width:3.375rem;min-width:3.375rem;height:3.375rem;z-index:1;position:absolute;top:-1.625rem;right:-1.75rem;svg{width:2.5rem;height:2.5rem;@media screen and (min-width:990px){width:4rem;height:4rem}path{&:first-child{fill:var(--black-1000)}&:nth-child(2){fill:var(--primary-1000)}}}}.common-dialog-body{all:unset!important;.dialog-body-container{height:100%;display:flex;justify-content:center;position:relative;&:before{content:"";width:110%;height:110%;background-color:var(--primary-200);border-radius:50%;filter:blur(55px);z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-body-holder{width:100%;max-width:100%;height:-moz-fit-content;height:fit-content;min-height:12.5rem;background-color:var(--blackOlive-300);box-shadow:0 0 28px var(--black-300);padding:1.75rem;margin:auto;position:relative;.top-left-corner{top:-1.375rem;left:-.875rem}.bottom-right-corner,.top-left-corner{width:100%;max-width:16.5rem;height:auto;z-index:2;pointer-events:none;position:absolute}.bottom-right-corner{right:-.875rem;bottom:-1.375rem}.heading-text{color:var(--primary-1000);font-size:1.625rem;font-weight:600}.error-text,.heading-text{line-height:1.4;text-align:center;margin-bottom:1.75rem}.error-text{color:red;font-size:1.2rem;font-weight:300}}}}@media screen and (max-width:639.98px){.common-dialog-body{.dialog-body-container{.dialog-body-holder{padding:1.5rem 1rem;.top-left-corner{max-width:10rem;top:-.875rem;left:-.5rem}.bottom-right-corner{max-width:10rem;right:-.5rem;bottom:-.875rem}}}}}}.modal-content-box{.signup-content-box{justify-content:space-between;align-items:center;gap:2.875rem;.img-box{width:100%;max-width:11.875rem;display:flex;justify-content:center;align-items:center;img{width:100%;max-width:100%;height:auto}}.form-box{width:100%;input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}}@media screen and (max-width:991.98px){.signup-content-box{justify-content:flex-start;align-items:center;flex-direction:column-reverse;gap:1.5rem;.form-box{display:flex;align-items:center;flex-direction:column}}}}