.text-button{background-color:transparent;border:0;color:var(--primary-1000);font-size:.875rem;font-weight:500;letter-spacing:.75px}.view-all-games-section{width:100%;max-width:97.5rem;margin:0 auto 5rem;.infinite-scroll-component__outerdiv{.infinite-scroll-component{overflow:unset!important}}.view-all-games-wrap{.heading-box{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;.heading-text{color:var(--white-1000);font-size:2.375rem;font-weight:700;line-height:1.3;letter-spacing:.75px}.back-btn{font-size:1rem;letter-spacing:.75px;margin-left:auto}}.games-card-grid-box{display:grid;grid-template-columns:repeat(6,1fr);gap:2.625rem}}.notFound-text{color:var(--primary-1000);font-size:1.5rem;font-weight:700;line-height:1.4;text-align:center;margin-bottom:.625rem}@media screen and (max-width:991.98px){margin-left:auto;margin-bottom:3rem;margin-right:auto;margin-top:0;.view-all-games-wrap{.heading-box{margin-bottom:1rem;.heading-text{font-size:1.5rem}.back-btn{font-size:.875rem}}.games-card-grid-box{grid-template-columns:repeat(4,1fr);gap:1.5rem}}}@media screen and (max-width:767.98px){.view-all-games-wrap{.games-card-grid-box{grid-template-columns:repeat(3,1fr);gap:.75rem}}}@media screen and (max-width:639.98px){.view-all-games-wrap{.heading-box{.heading-text{font-size:1rem}.back-btn{font-size:.75rem}}}}@media screen and (max-width:474.98px){.view-all-games-wrap{.games-card-grid-box{grid-template-columns:repeat(2,1fr)}}}}.games-filter-section{width:100%;max-width:97.5rem;margin:0 auto 5rem;.games-filter-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;.filter-tab-box{width:100%;max-width:63rem;overflow:hidden;.tab-btn{width:100%;min-width:11.125rem;height:2.75rem;background-color:var(--blackOlive-1000);border:1px solid var(--blackOlive-1000);font-size:1rem;line-height:1.4;letter-spacing:.75px;transform:skewX(-14deg);transition:all .3s;span{display:block;transform:skewX(14deg);transition:all .3s}&:hover{background-color:var(--blackOlive-1000)}&.active,&:hover{border:1px solid var(--primary-1000)}&.active{background-color:var(--primary-1000);span{color:var(--black-1000)}}}.embla{padding:0 1.75rem;position:relative;.embla__viewport{overflow:hidden;padding:0 .5rem;.embla__container{display:flex;gap:.75rem;.embla__slide{min-width:11.125rem;flex:0 0 auto}}}.embla__button{all:unset;width:1.25rem;min-width:1.25rem;height:1.25rem;display:block;z-index:1;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);&.embla__button--prev{left:0}&.embla__button--next{right:0}.btn-inner{all:unset;width:1.25rem;min-width:1.25rem;height:1.25rem;display:flex;justify-content:center;align-items:center;padding:0;&:after,&:before{display:none}svg{all:unset;width:1.25rem;height:1.25rem;fill:var(--primary-1000)}}.corner-shape{display:none}&[disabled]{opacity:.5;cursor:no-drop}}}}.form-box{width:100%;max-width:31.375rem;display:flex;justify-content:flex-end;gap:1rem;.select-box{width:100%;max-width:11.375rem;.select-field{button[data-slot=trigger]{width:100%;min-height:2.75rem;background-color:var(--chineseBlack-500);border:1px solid var(--primary-1000);color:var(--white-1000);font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:.75px;padding:.25rem 1rem;&[aria-expanded=true]{background-color:var(--primary-100);border:1px solid var(--primary-1000)}}}}.providers-btn-box{width:100%;max-width:13.375rem;button{width:100%}}.search-box{width:100%;max-width:17rem;.search-field{width:100%;min-height:2.75rem;background-color:var(--chineseBlack-500);background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M19.773,18.672l-4.883-4.881c1.213-1.459,1.943-3.333,1.943-5.374C16.835,3.775,13.059,0,8.417,0 C3.775,0,0,3.775,0,8.417c0,4.642,3.775,8.418,8.418,8.418c2.041,0,3.915-0.729,5.373-1.942l4.881,4.881 C18.824,19.924,19.023,20,19.223,20c0.2,0,0.397-0.076,0.551-0.227C20.076,19.467,20.076,18.977,19.773,18.672z M1.555,8.417 c0-3.784,3.079-6.863,6.863-6.863s6.863,3.079,6.863,6.863s-3.079,6.864-6.863,6.864S1.555,12.201,1.555,8.417z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1rem;background-position:1rem;border:1px solid var(--primary-1000);color:var(--white-1000);font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:.75px;display:block;padding:.25rem 1rem .25rem 2.75rem;&:focus{background-color:var(--primary-100)}&::-webkit-input-placeholder{color:var(--white-1000)!important;opacity:1!important}&::-moz-placeholder{color:var(--white-1000)!important;opacity:1!important}&:-ms-input-placeholder{color:var(--white-1000)!important;opacity:1!important}&:-moz-placeholder{color:var(--white-1000)!important;opacity:1!important}}}}}@media screen and (max-width:991.98px){margin-left:auto;margin-bottom:1.75rem;margin-right:auto;margin-top:0;.games-filter-wrap{flex-direction:column-reverse;gap:1rem;.filter-tab-box{.tab-btn{min-width:8rem;height:2rem;font-size:.75rem}.embla{padding:0;.embla__viewport{.embla__container{.embla__slide{min-width:8rem;flex:0 0 auto}}}.embla__button{display:none}}}.form-box{max-width:100%;gap:.5rem;.select-box{max-width:100%;.select-field{button[data-slot=trigger]{font-size:.75rem;min-height:2rem;padding:.25rem .75rem}}}.search-box{max-width:100%;.search-field{font-size:.75rem;min-height:2rem;background-size:.75rem;background-position:.75rem;padding:.25rem .75rem .25rem 2rem}}}}}}.embla__button{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:0rem;--curve-top-left-2:0rem;--curve-bottom-right-1:0.75rem;--curve-bottom-right-2:1rem;width:100%;min-width:2.75rem;border:0;display:inline-grid;place-content:center;padding:.75rem;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{width:1.25rem;height:1.25rem;fill:var(--text-color)}.corner-shape,svg{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:not(:disabled){.btn-inner{&:after,&:before{background-color:var(--bg-color-hover)}}svg{fill:var(--text-color-hover)}}&.embla__button--prev{transform:scaleY(-1);svg{transform:scaleY(-1)}&:active:not(:disabled){transform:scale3d(.9,-.9,.9)}}&.embla__button--next{transform:scale3d(-1,-1,1);svg{transform:scale3d(-1,-1,1)}&:active:not(:disabled){transform:scale3d(-.9,-.9,.9)}}&:disabled{opacity:.5;cursor:no-drop;.btn-inner{cursor:no-drop;&:after,&:before,.text,svg{pointer-events:none}}}}@media screen and (max-width:991.98px){.embla__button{position:relative;transition:all .3s ease-in-out;.btn-inner{--curve-top-left-1:0rem;--curve-top-left-2:0rem;--curve-bottom-right-1:0.625rem;--curve-bottom-right-2:0.75rem;min-width:2rem;padding:.563rem}svg{width:.875rem;height:.875rem}.corner-shape{width:.531rem;height:.438rem}}}