.CardsPage-module__BI9n_W__modesSection{padding-block:1rem}.CardsPage-module__BI9n_W__modes{flex-direction:row;justify-content:center;gap:2rem;display:flex}.CardsPage-module__BI9n_W__modeWrap{will-change:transform, opacity}.CardsPage-module__BI9n_W__modeCard{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:.75rem;width:25rem;height:30rem;display:flex;position:relative}.CardsPage-module__BI9n_W__modeCard:hover,.CardsPage-module__BI9n_W__modeImage:hover{filter:grayscale(0)}.CardsPage-module__BI9n_W__modeImage{object-fit:contain;z-index:1;filter:grayscale();width:100%;height:100%;transition:filter .3s;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.CardsPage-module__BI9n_W__modeName{font-family:var(--font-unbounded);color:var(--text-default);z-index:2;font-size:28px;font-weight:700}.CardsPage-module__BI9n_W__modeOnline{height:2.5rem;color:var(--text-custom);font-size:var(--font-size-15);background:var(--transparent-5-w);border-radius:var(--br-12);z-index:2;align-items:center;gap:.375rem;padding-inline:1rem;display:flex}.CardsPage-module__BI9n_W__onlineDot{background:var(--green);border-radius:50%;width:.5rem;height:.5rem}