:root{--text-link-default-active:#edff66;--text-link-default-hover:#edff66;--text-base-invert-subdued:rgba(0,0,0,.4);--text-link-invert-hover:#5542ff;--text-base-invert:#000;--text-base-default:#fff;--text-base-default-subdued:#ffffff66;--text-status-error:#ff453a;--text-status-success:#30d158;--text-status-warning:#ffd60a;--surface-button-accent:#edff66;--surface-page-accent:#5542ff;--surface-page-invert:#fff;--surface-button-primary:#fff;--surface-button-accent-hover:#fff;--surface-button-error:#ff453a;--surface-status-error:#ff453a33;--surface-status-success:#30d15833;--surface-status-warning:#ffd60a33;--surface-button-primary-hover:#edff66;--surface-button-primary-active:#edff66;--surface-page-overlay:rgba(0,0,0,.8);--surface-page-default:#000;--border-base-invert:#fff;--icon-base-invert:#fff;--icon-base-invert-hover:#edff66;--border-base-accent-violet:#5542ff;--border-base-default:#000;--steam-text-base-default-subdued:hsla(0,0%,100%,.4);--steam-text-base-default-hover:#edff66;--steam-icon-base-default:#000;--steam-surface-page-default:#fff;--steam-surface-page-invert:#fff;--steam-text-page-invert:#000;--steam-text-link-default:#fff;--steam-surface-button-primary:#fff;--steam-surface-button-primary-hover:#edff66;--steam-text-base-invert:#000;--spacing-x0:0px;--spacing-x05:2px;--spacing-x1:4px;--spacing-x2:8px;--spacing-x3:12px;--spacing-x4:16px;--spacing-x5:24px;--spacing-x6:40px;--spacing-x7:64px;--spacing-x8:80px;--spacing-x9:96px;--spacing-x10:128px;--height-x1:16px;--height-x2:24px;--height-x3:32px;--height-x4:44px;--height-x5:60px;--height-x6:120px}@media screen and (max-width:640px){:root{--spacing-x0:0px;--spacing-x05:2px;--spacing-x1:4px;--spacing-x2:8px;--spacing-x3:12px;--spacing-x4:12px;--spacing-x5:16px;--spacing-x6:24px;--spacing-x7:32px;--spacing-x8:64px;--spacing-x9:80px;--spacing-x10:96px}}:root{--radius-x0:0px;--radius-x1:14px;--radius-x2:28px;--radius-full:999999px}@media screen and (max-width:640px){:root{--radius-x0:0px;--radius-x1:10px;--radius-x2:20px;--radius-full:999999px}}.blog-item{cursor:pointer;display:flex;flex-basis:calc(33.333% - 11px);flex-direction:column;height:100%;justify-content:space-between;position:relative}@media screen and (max-width:960px){.blog-item{flex-basis:calc(50% - 11px)}}@media screen and (max-width:640px){.blog-item{flex-basis:100%}}.blog-item:hover .blog-item__text{color:var(--steam-text-base-default-hover)}.blog-item:hover .blog-item__photo-tag{--button-background:var(--steam-surface-button-primary-hover)}.blog-item__photo{aspect-ratio:16/9;border-radius:var(--radius-x2);flex-shrink:0;overflow:hidden;position:relative}.blog-item__photo img{border-radius:var(--radius-x2);display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog-item__photo-tag{--button-height:24px;--button-padding:0 var(--spacing-x3);left:24px;position:absolute;top:-12px}@media screen and (max-width:960px){.blog-item__photo-tag{left:16px}}.blog-item__text{font-size:var(--font-size-body-L,16px);font-weight:500;line-height:var(--line-height-body-L,22px);margin:28px 0 var(--spacing-x4) 0;transition:all .2s ease;word-break:break-word}@media screen and (max-width:640px){.blog-item__text{font-size:var(--font-size-body-L,15px);font-weight:500;line-height:var(--line-height-body-L,21px)}}.blog-item__date{color:var(--steam-text-base-default-subdued);font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px)}@media screen and (max-width:640px){.blog-item__date{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.blog-item__footer{margin-bottom:auto;padding:0 var(--spacing-x5);position:relative}