.mini-games-search{width:122px;height:40px;transition:width .15s ease-out;position:relative}.mini-games-search .mini-games-search-input-container{width:100%;height:100%;position:relative}.mini-games-search .mini-games-search-input-container .clear-search-button,.mini-games-search .mini-games-search-input-container .search-icon{position:absolute;top:50%;transform:translateY(-50%)}.mini-games-search .mini-games-search-input-container .search-icon{color:var(--color-accent-1);pointer-events:none;left:14px}.mini-games-search .mini-games-search-input-container .clear-search-button{color:var(--color-secondary-3);justify-content:center;align-items:center;transition:color .1s;display:flex;right:13px}.mini-games-search .mini-games-search-input-container .clear-search-button:hover{color:var(--color-secondary-3-hover)}.mini-games-search .mini-games-search-input{background-color:var(--color-primary-2);border:1px solid var(--color-secondary-5);border-radius:40px;align-items:center;width:100%;height:100%;padding:5px 5px 5px 43px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}.mini-games-search .mini-games-search-input::placeholder{opacity:1;color:var(--color-neutral-2);transition:color .2s}.mini-games-search .mini-games-search-input:hover{border-color:var(--color-secondary-5-hover)}.mini-games-search .mini-games-search-input:hover::placeholder{color:var(--color-neutral-1)}.mini-games-search .mini-games-search-input:hover{box-shadow:0 2px 2px #0006}.mini-games-search .search-result{z-index:2;background-color:var(--color-primary-1);border-radius:6px;width:100%;height:0;transition:height .1s;position:absolute;top:46px;left:0;overflow-y:auto;box-shadow:0 20px 18px #00000040,0 4px 4px #00000040}.mini-games-search .search-result.shown{height:170px}.mini-games-search .games-not-found-container{width:100%;color:var(--color-secondary-3);flex-direction:column;align-items:center;padding:17px;display:flex}.mini-games-search .games-not-found-container .games-not-found-icon{height:50px;margin-bottom:9px}.mini-games-search .games-not-found-container .games-not-found-text{font-size:14px;font-weight:700}.mini-games-search .games-not-found-container .new-games-link{margin-top:auto}.mini-games-search .search-result-list-container-wrapper{width:100%;height:100%;overflow:hidden}.mini-games-search .search-result-list-container{width:100%;height:100%;padding:0 10px;overflow-y:auto}.mini-games-search .search-result-list{flex-direction:column;gap:6px;padding:10px 0;display:flex}.mini-games-search .search-result-item{flex-direction:row;align-items:center;gap:12px;height:59px;padding-right:8px;display:flex;position:relative}.mini-games-search .search-result-item:after{content:"";border:1px solid var(--color-secondary-5);pointer-events:none;border-radius:6px;transition:border-width .15s,border-color .15s;position:absolute;inset:0}.mini-games-search .search-result-item:hover:after{content:"";border:1px solid var(--color-secondary-5-hover);pointer-events:none;border-radius:6px;transition:border-width .15s,border-color .15s;position:absolute;inset:0}.mini-games-search .search-result-item .search-result-image-container{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:100%;display:flex;position:relative;overflow:hidden}.mini-games-search .search-result-item .search-result-image-container img{width:100%;height:auto}.mini-games-search .search-result-item .search-result-game-title{color:var(--color-neutral-1);font-size:12px;font-weight:700}.mini-games-search .mini-games-search-shadow{width:100%;height:17px;position:absolute;bottom:0}.mini-games-search.active{width:210px}@media (width>=900px){.mini-games-search.active{width:336px}}.mini-games-search.active .search-result{background-color:var(--color-primary-1);display:flex;overflow-y:auto}.mini-games-search.active .mini-games-search-input{background-color:var(--color-neutral-1);color:var(--color-secondary-3);padding-right:30px;box-shadow:0 20px 18px #00000040,0 4px 4px #00000040}.scroller-button{z-index:1;justify-content:flex-end;align-items:center;width:52px;height:calc(100% - 18px);display:flex;position:absolute;top:0;right:0;overflow:hidden}@media (width>=1200px){.scroller-button{height:calc(100% - 20px)}}.scroller-button:focus{outline:none}.scroller-button:before,.scroller-button:after{content:"";z-index:0;transition:opacity .15s;display:block;position:absolute;inset:0}.scroller-button:before{background:linear-gradient(270deg, var(--color-primary-3) 11.18%, transparent 100%);opacity:1}.scroller-button:after{background:linear-gradient(270deg, var(--color-primary-3) 20%, transparent 100%);opacity:0}.scroller-button:hover:before{opacity:0}.scroller-button:hover:after{opacity:1}.scroller-button:not(.scroll-back){animation:.2s linear show-forward-btn-animation}.scroller-button.scroll-back{right:unset;animation:.2s linear show-reverse-btn-animation;left:0;transform:scaleX(-1)}.scroller-button>svg{z-index:1;width:52px;min-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.scroller-button .shadow{color:var(--color-primary-3);transition:color .2s ease-out}.scroller-button .arrow{color:var(--color-secondary-5-hover);transition:color .2s ease-out}.scroller-button .arrow:hover{color:var(--color-neutral-1)}@keyframes show-forward-btn-animation{0%{right:-50px}to{right:0}}@keyframes show-reverse-btn-animation{0%{left:-50px}to{left:0}}.page-block{background-color:var(--color-primary-3);border-radius:12px;overflow:hidden}.page-block .page-block-header{justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:relative}.page-block .title-container{z-index:1;align-items:center;gap:6px;display:flex}.page-block .title-container.pointer{cursor:pointer}.page-block .title-container .header-icon-container{color:var(--color-neutral-2-hover);align-items:center;display:flex}.page-block .title-container .header-icon-container svg{width:auto;height:12px}@media (width>=900px){.page-block .title-container .header-icon-container svg{height:14px}}.page-block .title-container h5{color:var(--color-neutral-1)}.page-block .action-container{z-index:2;justify-content:flex-end;width:1px;display:flex}.page-block .action-container>*{flex-shrink:0}.page-block .action-container .header-action{text-align:right;color:var(--color-neutral-1);opacity:.5;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:400;transition:opacity .1s ease-out;display:flex}@media (width>=900px){.page-block .action-container .header-action{font-size:13px;font-weight:400}}.page-block .action-container .header-action:hover{opacity:.7}.page-block .action-container .header-action svg{width:auto;height:10px}@media (width>=900px){.page-block .action-container .header-action svg{height:11px}}.page-block .block-content-wrapper{width:100%;position:relative;overflow:hidden}.page-block .block-content{min-height:70px;padding:0 18px 18px}@media (width>=1200px){.page-block .block-content{padding:0 20px 21px}}.page-block .block-content{min-width:100%;position:relative;overflow-x:auto}.page-block .error-container{justify-self:center;align-items:center;padding:0 18px 18px;display:flex}.page-block .error-container .error-text{text-align:center}.page-block.full-frame .block-content{padding:0}.page-block .scroller-button{opacity:0;transition:opacity .2s}.page-block:hover .scroller-button{opacity:1!important}
