.components-game-select{flex-wrap:wrap;justify-content:space-between;row-gap:24px;display:flex}.components-game-select .game{background:var(--primary-800);border-radius:80px;align-items:center;width:260px;height:80px;margin-bottom:17px;padding-left:30px;display:flex}.components-game-select .game:hover{background:var(--primary-700)}.components-game-select .game img{filter:brightness(0)invert();width:35px;height:32px;margin-right:25px}.components-game-select .game .title{color:var(--white-100);font-weight:600}.components-game-select .game .price{color:var(--white-50);font-size:14px;font-weight:500}@media screen and (max-width:768px){.components-game-select{grid-template-columns:1fr;row-gap:7px;width:100%;display:grid}.components-game-select .game{width:100%}}
@media (min-width:769px){.components-introducing-game-swap-modal .modal-dialog{width:644px}}.components-introducing-game-swap-modal .modal-body{background-color:var(--primary-900);padding-left:36px}.components-introducing-game-swap-modal .header{align-items:center;margin-top:47px;display:flex}.components-introducing-game-swap-modal .header .text{color:var(--secondary-500);margin-right:6px;font-size:14px;font-weight:500}.components-introducing-game-swap-modal .header .badge{background-color:var(--secondary-500);color:var(--primary-1000);border-radius:99px;align-items:center;height:17px;padding:2px 11px;font-size:9px;font-weight:700;line-height:normal;display:flex}.components-introducing-game-swap-modal .title{color:var(--white-100);margin-top:8px;font-size:27px;font-weight:700;line-height:130%}.components-introducing-game-swap-modal .features{color:var(--white-100);flex-direction:column;row-gap:26px;margin-top:26px;margin-bottom:26px;display:flex}.components-introducing-game-swap-modal .features .feature{align-items:center;display:flex}.components-introducing-game-swap-modal .features .feature .feature-icon{width:50px}.components-introducing-game-swap-modal .features .feature .feature-icon svg{fill:var(--secondary-500);display:block}.components-introducing-game-swap-modal img{width:100%}.components-introducing-game-swap-modal .intructions{margin-top:26px}.components-introducing-game-swap-modal .close-button-wrapper{justify-content:center;margin-top:24px;display:flex}.components-introducing-game-swap-modal .close-button-wrapper .button-secondary-large{background-color:var(--primary-900);border:2px solid var(--primary-800)}.components-introducing-game-swap-modal .close-button-wrapper .button-secondary-large:hover{background-color:var(--primary-800)}