.how-it-works_page__fcP3g{background-color:rgb(var(--color-riotBlack))}.how-it-works_hero__gnViU{margin:0 0 40px}@media (min-width:1024px){.how-it-works_hero__gnViU{margin:0 0 72px}}.how-it-works_sectionsWrapper__mFbqk{position:relative}.how-it-works_sections__KTO5R{grid-column:span 12/span 12;grid-column-start:1;display:flex;flex-direction:column;gap:40px;padding:0 0 120px}@media (min-width:640px){.how-it-works_sections__KTO5R{padding:42px 40px 77px;border-radius:20px;border:4px solid rgb(var(--color-riotOffWhite)/.12)}}@media (min-width:1024px){.how-it-works_sections__KTO5R{grid-column:span 8/span 8;grid-column-start:3;gap:66px;padding:66px 36px}.how-it-works_sections__KTO5R>:not(.cta){margin:0 64px}}.notification-item_part__wKfY7{position:relative;z-index:1;display:flex;align-items:center;gap:17px;padding:14px 8px 18px;border-bottom:1px solid rgb(var(--color-riotGrey11));text-decoration:none}.notification-item_part__wKfY7:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;transition:opacity .3s}.notification-item_part__wKfY7:hover:before{opacity:1}@media (min-width:1024px){.notification-item_part__wKfY7{padding:20px 13px}}[dir=ltr] .notification-item_part__wKfY7:before{background:linear-gradient(to right,rgb(var(--color-riotGrey3)/0) 0,rgb(var(--color-riotGrey3)/.2) 50%,rgb(var(--color-riotGrey3)/0) 100%)}[dir=rtl] .notification-item_part__wKfY7:before{background:linear-gradient(to left,rgb(var(--color-riotGrey3)/0) 0,rgb(var(--color-riotGrey3)/.2) 50%,rgb(var(--color-riotGrey3)/0) 100%)}.notification-item_thumbnailWrapper__CBlqt{width:57px;min-width:57px;height:57px;min-height:57px;border-radius:50%;overflow:hidden;background-color:rgb(var(--color-riotGrey11))}.notification-item_thumbnail__fCANq{width:100%;height:100%;object-fit:cover}.notification-item_content__Wsh99{display:flex;flex-direction:column;gap:8px}.notification-item_notificationText__fHMdT{font-family:var(--font-secondary);font-style:normal;font-weight:500;font-size:.875rem;line-height:1.0625rem;color:Rgb(var(--color-riotGrey1))}.notifications-list_part__m5QWR{display:flex;flex-direction:column;height:100%;min-height:300px;overflow-y:auto}.notifications-list_loader__YC_27{position:absolute;top:50%;display:block;width:55px;min-width:55px;color:rgb(var(--color-riotRed))}[dir=ltr] .notifications-list_loader__YC_27{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .notifications-list_loader__YC_27{right:50%;transform:translate(50%,-50%)}.notifications-list_noResults__DteQQ{display:flex;flex-direction:column;align-items:center;margin:auto 0}.notifications-list_swords__mkHr4{display:block;width:56px;min-width:56px;margin:0 0 26px;color:rgb(var(--color-riotGrey3))}.notifications-list_noResultsText__Cu_6l{font-family:var(--font-primary);font-style:normal;font-weight:599;font-size:1.875rem;line-height:100%;text-align:center;color:rgb(var(--color-riotGrey3))}.notification-dropdown-tabs_part__PsEia{position:relative;display:flex;align-items:center;gap:24px}@media (min-width:640px){.notification-dropdown-tabs_part__PsEia{gap:30px}}@media (min-width:1024px){.notification-dropdown-tabs_part__PsEia{gap:36px}}.notification-dropdown-tabs_button__IhUyF{display:flex;align-items:center;justify-content:center;gap:8px;opacity:.5}@media (min-width:640px){.notification-dropdown-tabs_button__IhUyF{padding:16px 13px}}@media (min-width:1024px){.notification-dropdown-tabs_button__IhUyF{gap:16px}}[dir=ltr] .notification-dropdown-tabs_button__IhUyF{padding:16px 5px 16px 4px}@media (min-width:1024px){[dir=ltr] .notification-dropdown-tabs_button__IhUyF{padding:16px 5px 16px 4px}}[dir=rtl] .notification-dropdown-tabs_button__IhUyF{padding:16px 4px 16px 5px}@media (min-width:1024px){[dir=rtl] .notification-dropdown-tabs_button__IhUyF{padding:16px 4px 16px 5px}}.notification-dropdown-tabs_active__I5NAP{opacity:1}.notification-dropdown-tabs_buttonText___Bc3M{font-weight:700;font-size:.875rem;text-transform:uppercase}.notification-dropdown-tabs_buttonText___Bc3M,.notification-dropdown-tabs_count__08OwU{font-family:var(--font-secondary);font-style:normal;line-height:100%;color:rgb(var(--color-riotGrey1))}.notification-dropdown-tabs_count__08OwU{font-weight:500;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;min-height:28px;border-radius:12px;background-color:rgb(var(--color-riotGrey11))}.notification-dropdown-tabs_markReadButton__k_5LG{font-family:var(--font-secondary);font-style:normal;font-weight:700;font-size:.875rem;line-height:1.0625rem;color:rgb(var(--color-riotGradientStart));transition:color .3s}.notification-dropdown-tabs_markReadButton__k_5LG:hover{color:rgb(var(--color-riotRed))}[dir=ltr] .notification-dropdown-tabs_markReadButton__k_5LG{margin:0 0 0 auto}[dir=rtl] .notification-dropdown-tabs_markReadButton__k_5LG{margin:0 auto 0 0}.notification-dropdown-tabs_activeMarker__UhUQt{position:absolute;bottom:0;z-index:1;display:block;height:5px;border-radius:26px 26px 0 0;box-shadow:0 19px 50px rgb(var(--color-riotRed)/.44);background-color:rgb(var(--color-riotRed))}[dir=ltr] .notification-dropdown-tabs_activeMarker__UhUQt{left:0}[dir=rtl] .notification-dropdown-tabs_activeMarker__UhUQt{right:0}.notification-dropdown-tabs_underline__R4vkZ{position:absolute;right:0;bottom:0;left:0;width:100%;height:2px}[dir=ltr] .notification-dropdown-tabs_underline__R4vkZ{background:linear-gradient(to right,rgb(var(--color-riotCream)/0) 0,rgb(var(--color-riotCream)) 50%,rgb(var(--color-riotCream)/0) 100%)}[dir=rtl] .notification-dropdown-tabs_underline__R4vkZ{background:linear-gradient(to left,rgb(var(--color-riotCream)/0) 0,rgb(var(--color-riotCream)) 50%,rgb(var(--color-riotCream)/0) 100%)}