.gameImageCardHoverEffect{position:relative;&:before{top:0;right:0;border:1px solid hsla(0,0%,100%,.06);z-index:10}&:after,&:before{content:"";position:absolute;left:0;bottom:0;border-radius:inherit;pointer-events:none;transition:.1s ease}&:after{width:100%;height:50%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 45%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.7));opacity:0}&:hover:after{opacity:1}}.round-button-animation-wrapper{.round-button-animation{transition:.1s ease;background:linear-gradient(90deg,#ffe600,#ffe600 50%,silver 62.1%,#ffe600);background-size:200%;border-radius:50%;&:hover{background-position:-400%;.icon{fill:#fbfbfb!important}}&:hover{transform:translate(-50%,-50%) scale(1.2)!important;transition:1s cubic-bezier(.23,1,.32,1)}&:active{transform:translate(-50%,-50%) scale(1)!important}&:before{border-radius:50%;content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:1s cubic-bezier(.23,1,.32,1);background:linear-gradient(90deg,#083323,#083323 40%,#083323 60%,#083323);background-position:50%;background-size:100%;opacity:0}&:hover:before{animation:button_hover .2s forwards;animation-delay:.2s}&:hover:after{background-size:800%;transition:4s cubic-bezier(.23,1,.32,1)}}&:hover .round-button-animation{animation:round-button-pulse 1.4s infinite}span{z-index:1;transition:.3s cubic-bezier(.23,1,.32,1)}}.favorites_button{display:flex;opacity:0;width:28px;height:28px;justify-content:center;align-items:center;z-index:10;top:6px;left:6px;position:absolute;cursor:pointer;transition:.1s ease;border-radius:444px;&.liked .heart-outline,.heart-filled{display:none}&.liked .heart-filled{display:block;animation:heart-grow .7s}&.liked{animation:fav_splash 1s ease .1s forwards}}.primary_button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;text-decoration:none;border-radius:10px;border-radius:var(--Radius-10,10px);outline:none;color:#0a0d0c;cursor:pointer;overflow:hidden;transition:1s cubic-bezier(.23,1,.32,1);background:linear-gradient(90.81deg,#083323,#083323 45%,#fffc00 55%,#fcc504);background-size:225%;background-position:100%;&:hover{background-position:0;span{animation:text_button_effect 3s linear infinite;color:transparent;webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90.81deg,#106c4a,#a1fbda,#106c4a);background-size:200% 100%}&:after{background-color:transparent;box-shadow:none}}&:after,span{z-index:1}&:after{content:"";position:absolute;height:150%;width:2px;background-color:#fff;pointer-events:none;left:-40px;top:-10px;transition:1s ease;transform:rotate(45deg);box-shadow:0 0 12px 6px #fff,0 0 12px 8px hsla(0,0%,100%,.6),0 0 16px 12px hsla(0,0%,100%,.2);animation:movingBlink 4s cubic-bezier(.28,1,.32,1) infinite}&:hover:after{background-size:800%;transition:4s cubic-bezier(.23,1,.32,1)}&:disabled{color:#393939}&:disabled,&:disabled:after,&:disabled:before{background:linear-gradient(90deg,#242424,#242424);animation:none}}.primary_button:disabled:hover{span{animation:none;color:#393939;webkit-background-clip:border-box;background-clip:border-box;background-image:none;background-size:100% 100%}}.secondary_button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;text-decoration:none;border-radius:10px;cursor:pointer;overflow:hidden;transition:.1s ease;background:#083323;&:hover{span{animation:text_button_effect 3s linear infinite;color:transparent!important;webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90.81deg,#106c4a,#a1fbda,#106c4a);background-size:200% 100%}background:#064f35}span{z-index:1;color:transparent!important;webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90.81deg,#106c4a,#a1fbda,#106c4a);background-size:200% 100%}&:disabled{background:#242424;animation:none;color:#393939;color:#393939!important;webkit-background-clip:border-box!important;background-clip:border-box!important;background-size:auto;background-image:none}}.secondary_button:disabled{span{color:#393939!important;animation:none;webkit-background-clip:border-box!important;background-clip:border-box!important;background-size:auto;background-image:none}}.secondary_button:hover:disabled{span{color:#393939!important;animation:none;webkit-background-clip:border-box!important;background-clip:border-box!important;background-size:auto;background-image:none}}.loader{top:50%;left:50%;height:60px;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader,.packman_circles{position:absolute;width:160px}.packman_circles{left:-20px;top:0;height:34px}.packman_circles span{position:absolute;top:11px;height:14px;width:14px;border-radius:14px;background-color:#efefef;-webkit-animation:animcircles .5s linear infinite;animation:animcircles .5s linear infinite}.packman_circles span.packman_circle_one{right:80px}.packman_circles span.packman_circle_two{right:40px}.packman_circles span.packman_circle_three{right:0}@keyframes text_button_effect{0%{background-position:0}to{background-position:-400%}}@-webkit-keyframes animcircles{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-40px);transform:translate(-40px)}}@keyframes animcircles{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-40px);transform:translate(-40px)}}.packman_loader{position:absolute;left:0;top:0;height:34px;width:34px}.packman_loader .eye{position:absolute;top:6px;left:18px;height:4px;width:4px;border-radius:7px;background-color:#1c163a}.packman_loader span{position:absolute;top:0;left:0;height:34px;width:34px}.packman_loader span:before{content:"";position:absolute;left:0;height:17px;width:34px;background-color:#fffb16}.packman_loader .packman_top:before{top:0;border-radius:60px 60px 0 0}.packman_loader .packman_bottom:before{bottom:0;border-radius:0 0 60px 60px}.packman_loader .packman_left:before{bottom:0;height:34px;width:17px;border-radius:60px 0 0 60px}.packman_loader .packman_top{-webkit-animation:animTop .5s infinite;animation:animTop .5s infinite}@-webkit-keyframes animTop{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes animTop{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.packman_loader .packman_bottom{-webkit-animation:animBottom .5s infinite;animation:animBottom .5s infinite}@-webkit-keyframes animBottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes animBottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes round-button-pulse{0%{-moz-box-shadow:0 0 0 0 #fff;box-shadow:0 0 0 0 #fff}70%{-moz-box-shadow:0 0 0 10px rgba(255,252,0,0);box-shadow:0 0 0 10px rgba(255,252,0,0)}to{-moz-box-shadow:0 0 0 0 rgba(255,252,0,0);box-shadow:0 0 0 0 rgba(255,252,0,0)}}@keyframes button_hover{0%{background-position:50%;background-size:100%}25%{opacity:1}to{background-position:0;background-size:400%;opacity:1}}@keyframes fav_splash{20%{background:#ff4949;box-shadow:0 0 0 12px hsla(0,0%,100%,.2)}to{background:hsla(0,0%,100%,.06);box-shadow:0 0 0 20px hsla(0,0%,100%,0)}}@keyframes heart-grow{0%{transform:scale(1);opacity:0}50%{opacity:1;transform:scale(1.4)}to{transform:scale(1)}}@keyframes movingBlink{0%{left:-40px}75%,to{left:calc(100% + 40px)}}@keyframes shine{0%{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}.loader_spinner{display:flex;flex-direction:column;align-items:center;gap:12px;span.loader_text{color:#8f8f8f;text-align:center;font-family:Hubot Sans;font-size:14px;font-style:normal;font-weight:500;line-height:20px;-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.4) 30%,#8f8f8f 50%,rgba(0,0,0,.4));-webkit-mask-size:200%;animation:shine 2s linear infinite}}.spinner{width:48px;max-width:100%;overflow:visible;transform:rotate(-90deg);transform-origin:center;--active:#ffe600;--track:#242424;--duration:6s;animation:spin 2s linear infinite;.active{stroke:var(--active);stroke-linecap:round;stroke-dashoffset:360;animation:active-animation var(--duration) ease-in-out infinite}.track{stroke:var(--track);stroke-linecap:round;stroke-dashoffset:360;animation:track-animation var(--duration) ease-in-out infinite}}@keyframes spin{0%{rotate:0deg}to{rotate:1turn}}@keyframes active-animation{0%{stroke-dasharray:0 0 0 360 0 360}12.5%{stroke-dasharray:0 0 270 90 270 90}25%{stroke-dasharray:0 270 0 360 0 360}37.5%{stroke-dasharray:0 270 270 90 270 90}50%{stroke-dasharray:0 540 0 360 0 360}50.001%{stroke-dasharray:0 180 0 360 0 360}62.5%{stroke-dasharray:0 180 270 90 270 90}75%{stroke-dasharray:0 450 0 360 0 360}87.5%{stroke-dasharray:0 450 270 90 270 90}87.501%{stroke-dasharray:0 90 270 90 270 90}to{stroke-dasharray:0 360 1 360 0 360}}@keyframes track-animation{0%{stroke-dasharray:0 20 320 40 320 40}12.5%{stroke-dasharray:0 290 50 310 50 310}25%{stroke-dasharray:0 290 320 40 320 40}37.5%{stroke-dasharray:0 560 50 310 50 310}37.501%{stroke-dasharray:0 200 50 310 50 310}50%{stroke-dasharray:0 200 320 40 320 40}62.5%{stroke-dasharray:0 470 50 310 50 310}62.501%{stroke-dasharray:0 110 50 310 50 310}75%{stroke-dasharray:0 110 320 40 320 40}87.5%{stroke-dasharray:0 380 50 310 50 310}to{stroke-dasharray:0 380 320 40 320 40}}.slider-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:blur(150px);z-index:-2;pointer-events:none;transition:background-image .5s ease,filter .5s ease}@keyframes blurIn{0%{filter:blur(140px)}to{filter:blur(150px)}}.slider-background.animate-blur{animation:blurIn .5s forwards}