.cards{display:grid;grid-template-columns:minmax(240px,320px);grid-row-gap:32px;row-gap:32px;grid-column-gap:24px;column-gap:24px;justify-content:center}@media (min-width: 544px){.cards{grid-template-columns:repeat(2,minmax(240px,320px))}}@media (min-width: 768px){.cards{grid-template-columns:repeat(2,320px);grid-row-gap:32px;row-gap:32px;grid-column-gap:32px;column-gap:32px}}.card{--card-focus-scale: 1;--card-focus-tx: 0px;--card-focus-arrow-dashoffset: 15;--card-focus-jump-dashoffset: 26;display:flex;flex-direction:column;position:relative;border-radius:.5rem;background-color:var(--card-bg, #FFFFFF)}html:not([theme=dark]) .card__body:before{content:"";position:absolute;inset:0;border-left:1px solid var(--card-border, #f6f6f6);border-right:1px solid var(--card-border, #f6f6f6);border-bottom:1px solid var(--card-border, #f6f6f6);border-radius:.5rem}html:not([theme=dark]) .card__body--more:before{border-top:1px solid var(--card-border, #f6f6f6)}@media screen and (hover: hover)and (pointer: fine){.card:hover,.card:focus-within{--card-focus-scale: 1.05;--card-focus-tx: 2px;--card-focus-arrow-dashoffset: 0;--card-focus-jump-dashoffset: 0 }}.card--post{height:400px;contain:strict}.card--more{height:48px;contain:strict}@media (min-width: 544px){.card--more{height:400px}}.card__header{flex:0 0 auto;border-top-left-radius:.5rem;border-top-right-radius:.5rem;overflow:hidden;position:relative}.card__header:before{content:"";display:block;width:100%;padding-bottom:52.5%}.card__header>:first-child{position:absolute;inset:0}.card__img{object-fit:cover;transform:scale(var(--card-focus-scale));transition:transform .3s ease-out;z-index:1}.card__body{flex:1 1 auto;display:flex;flex-direction:column;flex-grow:1;padding:1rem 1rem 2rem;opacity:var(--card-focus-body-opacity);transform:opacity .3s ease-out}.card__body--more{justify-content:center;align-items:center;padding:1rem}.card__title{margin-top:.5rem;word-break:break-all;color:var(--text-primary, #1b1b1b);font-size:20px;line-height:1.5}.card__meta{order:-1;display:flex;align-items:center;color:var(--text-ternary, #5c5c5c);font-size:12px;font-weight:700;line-height:2}.card__icon{color:var(--main-vivid, #2491FF)}.card__icon--pick{margin-left:4px;color:var(--accent-light, #FACE00)}.card__icon--more{display:none}@media (min-width: 544px){.card__icon--more{display:initial;margin-left:4px;transform:translate(var(--card-focus-tx));transition:transform .3s ease-out}.card__icon--more .pt-arrow-c{stroke-dasharray:15 30;stroke-dashoffset:var(--card-focus-arrow-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.card__icon--more .pt-arrow-t,.card__icon--more .pt-arrow-b{stroke-width:3px}}.card__icon--read{transform:translate(var(--card-focus-tx));transition:transform .3s ease-out}.card__icon--read .pt-line{stroke-dasharray:26 50;stroke-dashoffset:var(--card-focus-jump-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.card__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:.5rem;color:var(--text-ternary, #5c5c5c);font-size:14px;line-height:2}.card__link:before{content:"";position:absolute;inset:0;z-index:1}.card__link--more{display:flex;align-items:center;color:var(--text-secondary, #454545);font-size:14px;font-weight:700;line-height:1}.card__read{position:absolute;bottom:.25rem;right:1.5rem}.tab-bar-shadow{padding-bottom:var(--tab-height)}@media (min-width: 768px){.tab-bar-shadow{padding-bottom:calc(var(--tab-height) + 8px)}}.tab-bar{position:relative;background-color:var(--tab-bg, #FFFFFF);pointer-events:auto;animation:tab-bar-slidein .3s ease-out;animation-fill-mode:both;animation-delay:.3s;will-change:transform}html:not([theme=dark]) .tab-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--tab-border, #f6f6f6)}@keyframes tab-bar-slidein{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tab{display:flex;overflow-x:auto}.tab__item{position:relative;flex:0 0 90px;height:var(--tab-height);color:var(--text-secondary, #454545);font-size:12px;font-weight:700;line-height:1}.tab__item--icon{flex:0 0 48px}@media (min-width: 768px){.tab__item:last-of-type{margin-right:48px}}.tab__item.active{color:var(--tab-label-active, #FFFFFF);background-color:var(--tab-item-active, #2491FF)}@media screen and (hover: hover)and (pointer: fine){.tab__item:not(.active):before{content:"";position:absolute;inset:0;background-color:var(--tab-item-hover, #f6f6f6);transform:translateY(-100%)}.tab__item:not(.active):hover:before,.tab__item:not(.active):focus-within:before{transform:translateY(0)}}.tab__link{display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.tab__link--icon{--tab-link-icon-focus-arrow-dashoffset: 15;--tab-link-icon-focus-tx: 0px}.tab__link--icon>.icon{color:var(--text-secondary, #454545);transform:translate(var(--tab-link-icon-focus-tx));transition:transform .3s ease-out}.tab__link--icon>.icon .pt-arrow-c{stroke-dasharray:15 30;stroke-dashoffset:var(--tab-link-icon-focus-arrow-dashoffset);stroke-width:2px;transition:stroke-dashoffset .3s ease-out}.tab__link--icon>.icon .pt-arrow-t,.tab__link--icon>.icon .pt-arrow-b{stroke-width:3px}@media screen and (hover: hover)and (pointer: fine){.tab__link--icon:hover,.tab__link--icon:focus{--tab-link-icon-focus-arrow-dashoffset: 0;--tab-link-icon-focus-tx: -2px}}.profile{display:grid;grid-template-areas:"avatar author" "bio bio" "comment comment";grid-template-columns:auto 1fr;grid-gap:1.5rem 1rem;gap:1.5rem 1rem;align-items:center}.profile__avatar{grid-area:avatar;width:80px;position:relative}.profile__avatar:before{content:"";display:block;width:100%;padding-bottom:100%}.profile__avatar>:first-child{position:absolute;inset:0}.profile__author-wrapper{grid-area:author;position:relative;height:100%}.profile__author{position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile__bio{grid-area:bio;color:var(--text-ternary, #5c5c5c);font-size:14px;line-height:2}.profile__comment{grid-area:comment;font-size:16px;line-height:1.75}@media (min-width: 360px){.profile{grid-column-gap:1.5rem;column-gap:1.5rem}}@media (min-width: 768px){.profile{grid-template-areas:"avatar author" ". bio" "comment comment";grid-gap:0rem 3rem;gap:0rem 3rem}.profile__avatar{width:120px}.profile__comment{margin-top:1.5rem}}