@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle.componentUiLow;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle.componentUiLow{._1ybahen3{padding-block:0;padding-inline:0}._1ybahen4{display:block;border-radius:16px;border:1px solid var(--_198iea92c);background-color:var(--_198iea9y);overflow:hidden;padding-block-end:16px;block-size:100%;transition:.3s border-color}._1ybahen6._1ybahen4{padding-block-end:8px;border-radius:8px}._1ybahen9._1ybahen4{border:none}._1ybahena._1ybahen4{border-radius:0}._1ybahenc{display:grid;gap:0;grid-template-columns:1fr;grid-template-areas:"thumbnail" "lead" "description" "title" "tags" "author"}._1ybahen4._1ybahenb ._1ybahenc{grid-template-areas:"thumbnail" "lead" "description" "tags" "title" "author"}._1ybahend{grid-area:title}._1ybahene{font-size:clamp(.875rem,.832rem + .19vi,1rem);font-weight:var(--_198iea93w);display:-webkit-box;align-items:flex-start;justify-content:flex-start;block-size:100%;inline-size:100%;color:var(--_198iea90);padding-block:12px 0;padding-inline:16px;background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;transition:.3s color}._1ybahene:where(._1ybahen6 ._1ybahene){padding-inline:8px;padding-block:0;font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93w);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}._1ybahene:where(._1ybahen8 ._1ybahene){font-size:clamp(1rem,.957rem + .19vi,1.125rem);font-weight:var(--_198iea93w)}._1ybahene:where(._1ybahen3 ._1ybahene){padding-inline:0}._1ybahenf{grid-area:lead}._1ybaheng{font-size:.75rem;font-weight:var(--_198iea93v);display:flex;align-items:flex-start;justify-content:flex-start;block-size:100%;inline-size:100%;padding-block:12px 0;padding-inline:16px;background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start}._1ybaheng:where(._1ybahen1 ._1ybaheng){color:var(--_198iea9o)}._1ybaheng:where(._1ybahen2 ._1ybaheng){color:var(--_198iea9i)}._1ybaheng:where(._1ybahen6 ._1ybaheng){padding-inline:8px}._1ybaheng:where(._1ybahen3 ._1ybaheng){padding-inline:0}._1ybahenh{flex-shrink:0;margin-inline-end:8px;inline-size:20px}._1ybahenh:where(._1ybahen1 ._1ybahenh){background-color:var(--_198iea91o)}._1ybahenh:where(._1ybahen2 ._1ybahenh){background-color:var(--_198iea91g)}._1ybaheni{margin-block-start:1px}._1ybahenj{display:flex;flex-wrap:wrap;gap:4px 8px}._1ybahenk,._1ybahenl{display:block}._1ybahenm{grid-area:description}._1ybahenn{font-size:.75rem;font-weight:var(--_198iea93v);display:flex;align-items:flex-start;justify-content:flex-start;block-size:100%;inline-size:100%;color:var(--_198iea9o);padding-block:12px 0;padding-inline:16px;background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start}._1ybahenn:where(._1ybahen4 ._1ybahenf+._1ybahenm ._1ybahenn){padding-block-start:4px}._1ybahenn:where(._1ybahen6 ._1ybahenn){padding-inline:8px}._1ybahenn:where(._1ybahen3 ._1ybahenn){padding-inline:0}._1ybaheno{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}._1ybahenp{grid-area:tags;margin-block-start:12px;padding-inline:16px}._1ybahenp:where(._1ybahen6 ._1ybahenp){margin-block-start:8px;padding-block-end:8px}._1ybahenp:where(._1ybahen3 ._1ybahenp){padding-inline:0}._1ybahenq{grid-area:thumbnail;position:relative}._1ybahenr{border-radius:4px;overflow:hidden}._1ybahens{block-size:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding-block:0;padding-inline:0;background-color:transparent;border:none;text-decoration:none;box-shadow:none;position:relative;z-index:1;inline-size:100%}._1ybahent{inline-size:100%;overflow:hidden;aspect-ratio:16 / 9}._1ybahenu{inline-size:100%;block-size:100%;object-fit:cover;object-position:center;transition:.3s scale}._1ybahenv{position:absolute;z-index:2;inset-block-end:8px;inset-inline-end:8px}._1ybahenx{display:flex;align-items:center;justify-content:center;block-size:auto;inline-size:auto;min-inline-size:48px;aspect-ratio:1 / 1;padding-block:0;padding-inline:0;background-color:rgba(var(--_198iea9z),.8);border:1px solid var(--_198iea91w);text-decoration:none;box-shadow:none;border-radius:calc(infinity * 1px);position:relative;transition:.3s background-color,.3s border-color}._1ybahenz{grid-area:author;inline-size:100%;margin-block-start:16px;padding-inline:16px}._1ybahenz:where(._1ybahen6 ._1ybahenz){margin-block-start:8px;padding-inline:8px}._1ybahenz:where(._1ybahen3 ._1ybahenz){padding-inline:0}._1ybahen10{font-size:.75rem;font-weight:var(--_198iea93w);display:flex;align-items:flex-start;justify-content:flex-start;block-size:100%;inline-size:100%;color:var(--_198iea9o);padding-block:12px 0;background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start;border-block-start:2px solid var(--_198iea92g)}._1ybahen11{flex-shrink:0;margin-inline-end:12px}._1ybahen12{display:flex;flex-direction:column;justify-content:center;flex-grow:1;block-size:100%}._1ybahen13{display:block}@media(any-hover:hover){._1ybahen4:where(._1ybahen4:has(._1ybahen0:hover)){border-color:var(--_198iea91y)}._1ybahene:where(._1ybahen4:has(._1ybahen0:hover) ._1ybahene){color:var(--_198iea94)}._1ybahenu:where(._1ybahen4:has(._1ybahen0:hover) ._1ybahenu){scale:var(--_198iea94d)}._1ybahenx:hover{background-color:rgba(var(--_198iea911),.8);border-color:var(--_198iea91y)}}@container (width <= 767px){._1ybahen5._1ybahen4{padding-block-end:16px;border-radius:16px}._1ybahene:where(._1ybahen5 ._1ybahene){padding-block:12px 0;padding-inline:16px;font-size:clamp(.875rem,.832rem + .19vi,1rem);font-weight:var(--_198iea93w);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}._1ybaheng:where(._1ybahen5 ._1ybaheng){padding-inline:16px}._1ybahenn:where(._1ybahen5 ._1ybahenn){padding-inline:16px}._1ybahenp:where(._1ybahen5 ._1ybahenp){margin-block-start:12px;padding-inline:16px}._1ybahenz:where(._1ybahen5 ._1ybahenz){margin-block-start:8px;padding-inline:8px}}}@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{._1ybaheny{background-color:var(--_198iea910);inline-size:24px;transition:.3s background-color}@media(any-hover:hover){._1ybahenx:hover ._1ybaheny{background-color:var(--_198iea9y)}}}