@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle.componentUiLow;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle.componentUiLow{._10q7qm76{display:grid;grid-template-areas:"thumbnail" "title" "descriptions";grid-template-columns:1fr;grid-template-rows:auto auto 1fr;border-radius:16px;background-color:var(--_198iea9u);overflow:hidden;inline-size:100%;block-size:100%;border:1px solid var(--_198iea92c);transition:.3s border-color}._10q7qm76._10q7qm75{border:none}._10q7qm76._10q7qm72{background-color:var(--_198iea91w)}._10q7qm77{grid-area:title}._10q7qm78{font-size:clamp(1.125rem,.995rem + .58vi,1.5rem);font-weight:var(--_198iea93u);display:flex;align-items:flex-start;justify-content:flex-start;block-size:100%;inline-size:100%;color:var(--_198iea90);padding-block:clamp(8px,5px + .77vi,16px) clamp(16px,13px + .77vi,24px);padding-inline:clamp(16px,13px + .77vi,24px);background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start;transition:.3s color}._10q7qm76._10q7qm74 ._10q7qm78{padding-block:8px 16px;padding-inline:16px;font-size:clamp(1rem,.957rem + .19vi,1.125rem);font-weight:var(--_198iea93u)}._10q7qm79{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}._10q7qm7a{grid-area:descriptions}._10q7qm7b{margin-block-start:-8px;padding-block-end:clamp(16px,13px + .77vi,24px)}._10q7qm7c{display:grid;grid-template-columns:repeat(1,1fr)}._10q7qm7f{position:relative}._10q7qm7h{font-size:clamp(.875rem,.832rem + .19vi,1rem);font-weight:var(--_198iea93u);display:flex;align-items:flex-start;justify-content:flex-start;block-size:auto;inline-size:100%;color:var(--_198iea94);padding-block:clamp(8px,5px + .77vi,16px) 0;padding-inline:clamp(16px,13px + .77vi,24px);background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start}._10q7qm7i{display:block;background:linear-gradient(90deg,var(--_198iea92i));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._10q7qm7k{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93t);display:flex;align-items:flex-start;justify-content:flex-start;block-size:auto;inline-size:100%;color:var(--_198iea90);padding-block:clamp(8px,5px + .77vi,16px) 0;padding-inline:clamp(16px,13px + .77vi,24px);background-color:transparent;border:none;text-decoration:none;box-shadow:none;text-align:start}._10q7qm7g+._10q7qm7j ._10q7qm7k{padding-block-start:8px}._10q7qm7l{grid-area:thumbnail}._10q7qm7m{block-size:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding-block:clamp(16px,13px + .77vi,24px) 0;padding-inline:clamp(16px,13px + .77vi,24px);background-color:transparent;border:none;text-decoration:none;box-shadow:none;inline-size:100%}._10q7qm76._10q7qm74 ._10q7qm7m{padding-block:16px 0;padding-inline:16px}._10q7qm7n{block-size:100%;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;inline-size:100%;border-radius:8px;overflow:hidden}._10q7qm7o{inline-size:100%;overflow:hidden;aspect-ratio:16 / 9;position:relative;z-index:1}._10q7qm7p{inline-size:100%;block-size:100%;object-fit:cover;object-position:center;transition:.3s scale}._10q7qm7q{position:absolute;z-index:2;inset-block-start:0;inset-inline-end:0;padding-inline-start:24px;display:block}._10q7qm7r{border-radius:0 0 0 8px;background-color:var(--_198iea9w);display:block;padding-block:4px;padding-inline:16px}._10q7qm76._10q7qm74 ._10q7qm7r{padding-block:2px;padding-inline:8px}._10q7qm7s{display:flex;align-items:center;justify-content:flex-end;gap:4px}._10q7qm76._10q7qm74 ._10q7qm7s{gap:2px}._10q7qm7t{display:flex;align-items:center;flex-wrap:wrap;gap:4px}._10q7qm7u{inline-size:16px;background-color:var(--_198iea91q);flex-shrink:0}._10q7qm76._10q7qm74 ._10q7qm7u{inline-size:12px}._10q7qm7v{display:block;font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93u);color:var(--_198iea94);background:linear-gradient(90deg,var(--_198iea92i));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._10q7qm76._10q7qm74 ._10q7qm7v{font-size:.75rem;font-weight:var(--_198iea93u)}@media(any-hover:hover){._10q7qm76:where(._10q7qm76:has(._10q7qm70:hover)){border-color:var(--_198iea91y)}._10q7qm78:where(._10q7qm76:has(._10q7qm70:hover) ._10q7qm78){color:var(--_198iea94)}._10q7qm7p:where(._10q7qm76:has(._10q7qm70:hover) ._10q7qm7p){scale:var(--_198iea94b)}}@container (width >= 576px){._10q7qm7c{grid-template-columns:repeat(2,1fr)}._10q7qm7f._10q7qm7e{grid-column:1 / 3}._10q7qm7f._10q7qm7d+._10q7qm7f._10q7qm7d:before{content:"";position:absolute;inset-block-start:16px;inset-inline-start:0;inline-size:1px;block-size:calc(100% - 32px);background-color:var(--_198iea92c)}}}