@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle.componentUiLow{._9cfkp26{background-color:var(--_1rsd38u);border:1px solid var(--_1rsd382e);border-radius:16px;grid-template:"thumbnail""title""descriptions"1fr/1fr;block-size:100%;inline-size:100%;transition:border-color .3s;display:grid;overflow:hidden}._9cfkp26._9cfkp25{border:none}._9cfkp26._9cfkp22{background-color:var(--_1rsd381y)}._9cfkp27{grid-area:title}._9cfkp28{font-size:clamp(1.125rem,.995rem + .58vi,1.5rem);font-weight:var(--_1rsd383z);block-size:100%;inline-size:100%;color:var(--_1rsd380);box-shadow:none;text-align:start;background-color:#0000;border:none;justify-content:flex-start;align-items:flex-start;padding-block:clamp(8px,5px + .77vi,16px) clamp(16px,13px + .77vi,24px);padding-inline:clamp(16px,13px + .77vi,24px);text-decoration:none;transition:color .3s;display:flex}._9cfkp26._9cfkp24 ._9cfkp28{font-size:clamp(1rem,.957rem + .19vi,1.125rem);font-weight:var(--_1rsd383z);padding-block:8px 16px;padding-inline:16px}._9cfkp29{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._9cfkp2a{grid-area:descriptions}._9cfkp2b{margin-block-start:-8px;padding-block-end:clamp(16px,13px + .77vi,24px)}._9cfkp2c{grid-template-columns:repeat(1,1fr);display:grid}._9cfkp2f{position:relative}._9cfkp2h{font-size:clamp(.875rem,.832rem + .19vi,1rem);font-weight:var(--_1rsd383z);block-size:auto;inline-size:100%;color:var(--_1rsd384);box-shadow:none;text-align:start;background-color:#0000;border:none;justify-content:flex-start;align-items:flex-start;padding-block:clamp(8px,5px + .77vi,16px) 0;padding-inline:clamp(16px,13px + .77vi,24px);text-decoration:none;display:flex}._9cfkp2i{background:linear-gradient(90deg, var(--_1rsd382k));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}._9cfkp2k{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383y);block-size:auto;inline-size:100%;color:var(--_1rsd380);box-shadow:none;text-align:start;background-color:#0000;border:none;justify-content:flex-start;align-items:flex-start;padding-block:clamp(8px,5px + .77vi,16px) 0;padding-inline:clamp(16px,13px + .77vi,24px);text-decoration:none;display:flex}._9cfkp2g+._9cfkp2j ._9cfkp2k{padding-block-start:8px}._9cfkp2l{grid-area:thumbnail}._9cfkp2m{block-size:100%;box-shadow:none;background-color:#0000;border:none;justify-content:flex-start;align-items:flex-start;inline-size:100%;padding-block:clamp(16px,13px + .77vi,24px) 0;padding-inline:clamp(16px,13px + .77vi,24px);text-decoration:none;display:flex}._9cfkp26._9cfkp24 ._9cfkp2m{padding-block:16px 0;padding-inline:16px}._9cfkp2n{border-radius:8px;justify-content:flex-start;align-items:flex-start;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}._9cfkp2o{aspect-ratio:16/9;z-index:1;inline-size:100%;position:relative;overflow:hidden}._9cfkp2p{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;transition:scale .3s}._9cfkp2q{z-index:2;padding-inline-start:24px;display:block;position:absolute;inset-block-start:0;inset-inline-end:0}._9cfkp2r{background-color:var(--_1rsd38w);border-radius:0 0 0 8px;padding-block:4px;padding-inline:16px;display:block}._9cfkp26._9cfkp24 ._9cfkp2r{padding-block:2px;padding-inline:8px}._9cfkp2s{justify-content:flex-end;align-items:center;gap:4px;display:flex}._9cfkp26._9cfkp24 ._9cfkp2s{gap:2px}._9cfkp2t{flex-wrap:wrap;align-items:center;gap:4px;display:flex}._9cfkp2u{background-color:var(--_1rsd381q);flex-shrink:0;inline-size:16px}._9cfkp26._9cfkp24 ._9cfkp2u{inline-size:12px}._9cfkp2v{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383z);color:var(--_1rsd384);background:linear-gradient(90deg, var(--_1rsd382k));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}._9cfkp26._9cfkp24 ._9cfkp2v{font-size:.75rem;font-weight:var(--_1rsd383z)}@media (any-hover:hover){._9cfkp26:where(._9cfkp26:has(._9cfkp20:hover)){border-color:var(--_1rsd3820)}._9cfkp28:where(._9cfkp26:has(._9cfkp20:hover) ._9cfkp28){color:var(--_1rsd384)}._9cfkp2p:where(._9cfkp26:has(._9cfkp20:hover) ._9cfkp2p){scale:var(--_1rsd384g)}}@container (width>=576px){._9cfkp2c{grid-template-columns:repeat(2,1fr)}._9cfkp2f._9cfkp2e{grid-column:1/3}._9cfkp2f._9cfkp2d+._9cfkp2f._9cfkp2d:before{content:"";background-color:var(--_1rsd382e);block-size:calc(100% - 32px);inline-size:1px;position:absolute;inset-block-start:16px;inset-inline-start:0}}}