.common-rect-game-tile{aspect-ratio:128/168;width:128px;height:168px;display:inline-flex;position:relative;overflow:hidden}.common-rect-game-tile.preview,.common-rect-game-tile.preview *{pointer-events:none}@media (max-width:1023px){.common-rect-game-tile .for-desktop-only{-webkit-user-select:none;user-select:none;pointer-events:none!important}}.common-rect-game-tile .common-rect-game-tile-content{border-radius:var(--radius-3);background-color:var(--colors-surface-usual-second);border:1px solid var(--colors-border-usual-prime);flex:1;position:relative;overflow:hidden}.common-rect-game-tile .rect-tile-tags>*{z-index:1}.common-rect-game-tile .rect-tile-tags,.common-rect-game-tile .rect-tile-tags :first-child{transition:opacity .2s ease-out,transform .3s cubic-bezier(.54,.16,0,1.4)}.common-rect-game-tile .rect-tile-tags :nth-child(2){transition:opacity .2s ease-out 30ms,transform .3s cubic-bezier(.54,.16,0,1.4) 30ms}.common-rect-game-tile .rect-tile-tags :nth-child(3){transition:opacity .2s ease-out 60ms,transform .3s cubic-bezier(.54,.16,0,1.4) 60ms}.common-rect-game-tile .rect-game-name{letter-spacing:-1px;text-transform:uppercase;color:var(--colors-brand-scooter-6-accent);max-width:calc(100% - var(--spacing-2) * 2);text-align:center;font-family:GTAmerica,sans-serif;font-style:normal;font-weight:700;transition:transform .3s cubic-bezier(.54,.16,0,1.4);position:absolute;bottom:36px;transform:translateY(0)}.common-rect-game-tile .rect-game-name.game-name-font-large{letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:26px}.common-rect-game-tile .rect-game-name.game-name-font-medium{letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:20px}.common-rect-game-tile .rect-game-name.game-name-font-small{letter-spacing:-1px;text-transform:uppercase;letter-spacing:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:GTAmerica,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:14px;display:-webkit-box;overflow:hidden}.common-rect-game-tile .rect-provide-name{text-transform:uppercase;color:var(--colors-text-notusual-white);bottom:var(--spacing-5);font-size:var(--spacing-2);text-align:center;max-width:calc(100% - var(--spacing-2) * 2);font-style:normal;font-weight:700;line-height:10px;transition:transform .35s cubic-bezier(.54,.16,0,1.4);position:absolute;transform:translateY(0)}.common-rect-game-tile .rect-game-bottom-shadow{background:radial-gradient(133% 97.59% at 50% 100%, var(--colors-surface-notusual-black-second) 50%, #171717cc 70%, #0000 100%);width:100%;height:112px;position:absolute;bottom:0}.common-rect-game-tile .rect-game-image-container{opacity:1;background:var(--colors-surface-notusual-black-second) url(/images/brand-pattern.svg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.common-rect-game-tile .rect-game-image-container .cover-img{object-fit:cover;width:100%;height:100%}.common-rect-game-tile .game-dt-hover-tile-overlay{opacity:0;z-index:1;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .1s ease-out;display:flex;position:absolute;top:0;left:0}.common-rect-game-tile .game-dt-hover-tile-overlay .tile-favorite-button{top:var(--spacing-2);right:var(--spacing-2);transition:transform .4s cubic-bezier(.54,.16,0,1.4);transform:translate(50px)}.common-rect-game-tile .game-dt-hover-tile-overlay .tile-favorite-button svg{color:var(--colors-icon-notusual-white)}.common-rect-game-tile .game-dt-hover-tile-overlay .tile-favorite-button.active svg{color:var(--colors-accent-prime)}.common-rect-game-tile .game-dt-hover-tile-overlay .rect-game-tile-actions{align-items:center;gap:var(--spacing-1);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.common-rect-game-tile .game-dt-hover-tile-overlay .rect-game-tile-action-button{min-width:var(--spacing-14);transition:transform .4s cubic-bezier(.11,1.57,.55,.92)}.common-rect-game-tile .game-dt-hover-tile-overlay .play-button{transform:translate(100px)}.common-rect-game-tile .game-dt-hover-tile-overlay .demo-button{transform:translate(-100px)}.common-rect-game-tile .game-dt-hover-tile-overlay{opacity:0;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;left:0}@media (min-width:1024px){.common-rect-game-tile:hover .game-dt-hover-tile-overlay{opacity:1}.common-rect-game-tile:hover .tile-favorite-button,.common-rect-game-tile:hover .play-button,.common-rect-game-tile:hover .demo-button{transform:translate(0)}.common-rect-game-tile:hover .rect-game-name,.common-rect-game-tile:hover .rect-provide-name{transform:translateY(120px)}.common-rect-game-tile:hover .rect-tile-tags>*{opacity:0;transform:translate(-100%)}}.favorites-game-item-button{top:var(--spacing-5);right:var(--spacing-5);position:absolute}.favorites-game-item-button.active svg{color:var(--colors-accent-prime)}.favorites-game-item-button svg{color:var(--colors-icon-usual-prime);transition:color .15s}.game-tags{padding:var(--spacing-2);pointer-events:none;-webkit-user-select:none;user-select:none;gap:var(--spacing-1);flex-flow:column wrap;display:flex;top:0;left:0;position:absolute!important}.game-tags .game-tag{padding:0 var(--spacing-2);white-space:nowrap;border-radius:var(--radius-2);border:1px solid var(--colors-border-usual-prime);text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:var(--spacing-5);font-size:var(--spacing-2);letter-spacing:0;align-items:center;font-style:normal;font-weight:500;line-height:8px;display:flex}.game-tags .game-tag.exclusive{color:var(--colors-brand-scooter-4);background-color:var(--colors-brand-scooter-9)}.game-tags .game-tag.pre-release{color:var(--colors-brand-sand-4);background-color:var(--colors-brand-sand-9)}.game-tags .game-tag.new{color:var(--colors-additional-island-4);background-color:var(--colors-additional-island-9)}.game-tags .game-tag.game-of-the-month{color:var(--colors-additional-ocean-4);background-color:var(--colors-additional-ocean-9)}.game-tags .game-tag.x5000{color:var(--colors-additional-sky-4);background-color:var(--colors-additional-sky-9)}.game-tags .game-tag.jackpot{color:var(--colors-additional-flower-4);background-color:var(--colors-additional-flower-9)}.game-tags .game-tag.vip{color:var(--colors-additional-sun-4);background-color:var(--colors-additional-sun-9)}.game-tags .game-tag.hot{color:var(--colors-additional-danger-4);background-color:var(--colors-additional-danger-9)}.rect-games-list{text-align:center;flex-direction:column;width:100%;display:flex;position:relative;overflow-x:auto}@media (min-width:1024px){.rect-games-list{overflow:hidden}}.rect-games-list .spinner-container{width:100%;height:100px;position:relative}.rect-games-list .games-list-footer{margin-top:var(--spacing-5)}.rect-games-list .rect-games-list-grid{gap:var(--spacing-2);display:grid}@media (max-width:1023px){.rect-games-list .rect-games-list-grid.with-mobile-paddings{padding:0 var(--spacing-5)}}.rect-games-list .rect-games-list-grid.with-horizontal-scroll{grid-template-rows:repeat(var(--rowsCount), 168px);gap:var(--spacing-2);grid-auto-columns:128px;grid-auto-flow:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid}.rect-games-list .rect-games-list-grid.with-horizontal-scroll>*{width:100%;height:100%}.rect-games-list .rect-games-list-grid.with-horizontal-scroll>:first-child{grid-column:span var(--firstItemColumnSpan);grid-row:span var(--firstItemRowSpan)}
