.circle-preloader-wrapper{position:relative;width:100%;height:200px;display:flex}.circle-preloader{display:block;width:50px;height:50px;border:4px solid #444;border-bottom-color:#888;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;animation:spin .75s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.search{position:relative;width:100%;max-width:473px;margin-right:15px}.search__bar{background-color:#64646e99;color:#fff;width:100%;height:50px;padding-left:20px;box-sizing:border-box;border:none;border-radius:6px;font-family:Poppins,Arial,Helvetica,sans-serif;font-weight:500;font-size:16px;transition:background-color .4s ease}.search__bar::placeholder{color:#fff;font-style:italic}.search__bar:focus{outline:2px solid #3dbda7}.search__icon-button{border:none;height:30px;padding:0;position:absolute;right:0;top:8px;cursor:pointer}.search__icon{margin-left:16px;width:24px;height:24px;background-color:transparent;cursor:pointer}.search__results-overlay{position:absolute;top:100%;left:0;right:0;z-index:2;display:flex;flex-direction:column;max-height:400px;overflow-y:auto;border-radius:4px;background-color:#fff;border:2px solid #067d71}.search__error{color:#fff}.search__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:1}.search__game-results{font-size:16px;line-height:24px;border-radius:8px;list-style-type:none;padding:6px;margin-bottom:10px;background-color:#3dbda7;box-shadow:0 4px 20px #0000004d}.search__save-game{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-pin-icon%20lucide-pin'%3e%3cpath%20d='M12%2017v5'/%3e%3cpath%20d='M9%2010.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24V16a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V7a1%201%200%200%201%201-1%202%202%200%200%200%200-4H8a2%202%200%200%200%200%204%201%201%200%200%201%201%201z'/%3e%3c/svg%3e");background-repeat:no-repeat;width:20px;height:20px;cursor:pointer}.game__name{display:flex;flex-direction:column;margin:10px}@media screen and (max-width: 434px){.search__results-overlay{min-width:54vw}}.header{display:flex;justify-content:space-between;padding:30px;align-items:center}.header__buttons{flex-shrink:0}.header__signup{background-color:#3dbda7;font-size:20px;width:80px;height:50px;border-radius:10px;cursor:pointer}.header__signup:hover{opacity:.3}.header__login{background-color:#3dbda7;font-size:20px;margin-left:14px;width:80px;height:50px;border-radius:10px;cursor:pointer}.header__login:hover{opacity:.3}.header__user-info{display:flex;align-items:center;gap:10;flex-shrink:0}.header__current-user{color:#fff;font-size:30px;font-family:Yellowtail,cursive,sans-serif;margin-left:20px}.header__current-avatar{width:50px;height:50px;margin-left:20px;object-fit:cover}@media screen and (max-width: 872px){.header{padding:20px;display:flex;justify-content:flex-start}.header__signup{width:60px;font-size:14px;margin-left:20px}.header__login{width:60px;font-size:14px}}@media screen and (max-width: 520px){.header{padding:10px;display:flex;justify-content:flex-start}.header__buttons{margin-left:20px}}.nav__bar{background-image:url(../../assets/nav-bar.png);width:125px;border-radius:10px}.nav__list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:50px}.nav__item{display:inline-block;background-repeat:no-repeat;background-size:contain;width:40px;height:40px;text-align:center;cursor:pointer}.nav__logo{background-image:url(data:image/png;base64,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);width:45px;height:45px;margin:40px 0 240px}.nav__home{background-image:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_280_319)'%3e%3cpath%20d='M26%2020V12.174C26.0001%2011.6295%2025.889%2011.0908%2025.6735%2010.5907C25.458%2010.0907%2025.1428%209.63992%2024.747%209.266L17.374%202.298C17.0027%201.94692%2016.511%201.75131%2016%201.75131C15.489%201.75131%2014.9973%201.94692%2014.626%202.298L7.253%209.266C6.85722%209.63992%206.54195%2010.0907%206.3265%2010.5907C6.11104%2011.0908%205.99994%2011.6295%206%2012.174V20C6%2020.5304%206.21071%2021.0391%206.58579%2021.4142C6.96086%2021.7893%207.46957%2022%208%2022H24C24.5304%2022%2025.0391%2021.7893%2025.4142%2021.4142C25.7893%2021.0391%2026%2020.5304%2026%2020Z'%20stroke='white'%20stroke-width='2.17'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_280_319'%20x='0'%20y='0'%20width='32'%20height='32'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_280_319'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_280_319'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")}.nav__home:hover{opacity:.6}.nav__user{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-user-round-icon%20lucide-user-round'%3e%3ccircle%20cx='12'%20cy='8'%20r='5'/%3e%3cpath%20d='M20%2021a8%208%200%200%200-16%200'/%3e%3c/svg%3e");display:inline-block}.nav__user:hover{opacity:.6}.nav__games{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-down-to-line-icon%20lucide-arrow-down-to-line'%3e%3cpath%20d='M12%2017V3'/%3e%3cpath%20d='m6%2011%206%206%206-6'/%3e%3cpath%20d='M19%2021H5'/%3e%3c/svg%3e")}.nav__games:hover{opacity:.6}@media screen and (max-width: 920px){.nav__bar{width:90px;flex-shrink:0}}@media screen and (max-width: 627px){.nav__bar{width:50px;height:auto;display:flex;flex-direction:row;justify-content:space-around;border-radius:2px;padding:10px;margin:0}.nav__item{width:24px;height:24px}}.main{color:#fff;padding:0 16px;display:flex;flex-direction:column;gap:20px}.main__content{display:flex;align-items:flex-start}.main__images{position:relative;width:100%}.main__image{background-repeat:no-repeat;width:100%;display:block;margin-top:40px;object-fit:cover;object-position:left}.overlay__image{position:absolute;bottom:0;right:-37px;width:46vw;object-fit:contain;object-position:bottom}.main__game-info{display:flex;align-items:flex-start;flex-direction:column;margin-top:0}.main__image-title{font-family:Poppins,Arial,Helvetica,sans-serif;font-weight:700;font-size:40px;line-height:24px}.main__games-title{font-size:24px;color:#fff;margin:20px 0}.main__games-load{padding:4px;background-color:#3dbda7;cursor:pointer}.main__recent-games{font-size:15px;max-width:100%;list-style-type:none;margin:0;padding:0;cursor:pointer;color:#fff}.main__headset{background-image:url(/assets/headset-BuIQvESj.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;max-width:500px;height:400px;margin-left:30px;flex-shrink:0}@media screen and (max-width: 900px){.main__headset{max-width:250px;margin-left:20px}.main__games-title{font-size:20px}.main__recent-games{font-size:12px}}@media screen and (max-width: 500px){.main__images{width:68%}.main__image{border-radius:40px;aspect-ratio:.94}.main__headset{aspect-ratio:1/1.2;height:242px;margin:20px 0}.main__games-title{font-size:16px}.main__recent-games{max-width:100%;font-size:9px}}@media screen and (max-width: 430px){.main__content{display:flex;flex-direction:column;justify-content:space-evenly}.main__gmaes-title{font-size:12px}.main__headset{aspect-ratio:1/1.2;height:190px}}.saved__games{padding:20px;display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif;color:#fff}.saved__games-title{font-size:40px;margin-bottom:20px;text-align:center;width:100%}.collections__grid{display:flex;flex-wrap:wrap;justify-content:center}.collection__card{border:2px solid #fff;border-radius:10px;width:300px;padding:20px}.collection__title{font-weight:500;margin-bottom:8px}.review__text{color:red}.coming__soon{color:#fff}.profile{background-color:#067d71;width:100%;height:800px;background-color:#1d1e22}.profile__content{margin-left:20px}.profile__title{font-size:30px;color:#fff}.profile__bio{font-size:20px;color:#fff}.profile__buttons{display:flex}.profile__edit{background-color:#3dbda7;font-size:16px;width:80px;height:50px;border-radius:10px;padding:0;margin-right:20px;cursor:pointer}.profile__logout{background-color:#3dbda7;font-size:16px;width:80px;height:50px;border-radius:10px;padding:0;cursor:pointer}.profile__avatar{width:80px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;visibility:hidden;background-color:#0009}.modal__opened{visibility:visible}.modal__content{background-color:#fff;position:relative;padding:30px;width:50%;box-sizing:border-box;border-radius:10px}.modal__form{display:flex;flex-direction:column}.modal__input{padding:10px;border-radius:6px;font-size:20px}.modal__submit{font-weight:600;font-size:20px;line-height:24px;margin:30px 20px 0 0;padding:0;width:auto;border:none;box-shadow:none;border-radius:4px;background-color:#3dbda7;color:#000;cursor:pointer}.modal__submit:hover{opacity:.3}.modal__close{position:absolute;top:20px;right:20px;width:50px;height:50px;border:none;background:transparent;cursor:pointer}@media screen and (max-width: 627px){.modal__content{width:100%;padding:16px}.modal__submit{margin-top:20px;font-size:14px}.modal__input{padding:5px}}.profile__modal,.register__modal,.login__modal{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:20px;margin:10px 0}.footer{font-family:Yellowtail,cursive,sans-serif;width:96%}.footer__socials{display:flex;justify-content:center;gap:50px;margin:30px 0;background-color:#fff;font-size:20px}.footer__icons{color:#3dbda7}.footer__icons:hover{color:#2e968a;transition:color .4s ease}.footer__copyright{background-color:#fff;display:flex;justify-content:center}@media screen and (max-width: 876px){.footer{width:86%}.footer__socials{align-items:center;gap:10px;margin:0}.footer__copyright{text-align:center;font-size:14px}}@media screen and (max-width: 787px){.footer{width:70%;flex-shrink:0}.footer__socials{flex-direction:column;align-items:center;gap:7px}.footer__copyright{text-align:center;font-size:14px}}@media screen and (max-width: 675px){.footer{width:83%;flex-shrink:0}.footer__socials{flex-direction:column;align-items:center;gap:4px;font-size:14px}.footer__copyright{text-align:center;font-size:14px}}@media screen and (max-width: 400px){.footer{width:74%}.footer__socials{flex-direction:column;align-items:center;gap:4px;font-size:14px}.footer__copyright{text-align:center;font-size:14px}}body{margin:0}.app{display:flex;flex-direction:row;background-color:#1d1e22}.app__column{flex:1}@media screen and (max-width: 627px){.app__grid{display:flex;flex-direction:column;padding:10px;gap:5px}.app__column{width:100%}}