@layer components{.template-gallery-module__yincAa__gallery{min-width:0;min-height:320px}.template-gallery-module__yincAa__card{width:100%;min-width:0;position:relative}.template-gallery-module__yincAa__card:focus-within .mc-templates-media{box-shadow:var(--semi-shadow-elevated);transform:translateY(-2px)}.template-gallery-module__yincAa__card:focus-within .mc-templates-overlay{opacity:1}.template-gallery-module__yincAa__card:focus-within .mc-templates-useCard{pointer-events:auto;opacity:1}.template-gallery-module__yincAa__card:hover .mc-templates-media{box-shadow:var(--semi-shadow-elevated);transform:translateY(-2px)}.template-gallery-module__yincAa__card:hover .mc-templates-overlay{opacity:1}.template-gallery-module__yincAa__card:hover .mc-templates-useCard{pointer-events:auto;opacity:1}.template-gallery-module__yincAa__surface{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.template-gallery-module__yincAa__media{background:var(--semi-color-fill-0);border-radius:10px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.template-gallery-module__yincAa__media img{object-fit:cover;object-position:center;width:100%;height:100%}.template-gallery-module__yincAa__media video{z-index:1;object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.template-gallery-module__yincAa__media video[data-playing=true]{opacity:1}@media (prefers-reduced-motion:reduce){.template-gallery-module__yincAa__media{transition:none}.template-gallery-module__yincAa__media video{transition:none}}.template-gallery-module__yincAa__missing{border-radius:inherit;color:#0000006b;background-color:#00000009;border:1px solid #00000014;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-gallery-module__yincAa__overlay{pointer-events:none;z-index:2;color:#fff;opacity:0;background:linear-gradient(#00000052 0%,#00000014 100%);flex-direction:column;gap:2px;padding:16px;transition:opacity .16s;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.template-gallery-module__yincAa__overlay{transition:none}}@media (hover:none){.template-gallery-module__yincAa__overlay{opacity:1}}.template-gallery-module__yincAa__overlay span{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:20px;display:-webkit-box;overflow:hidden}.template-gallery-module__yincAa__overlay strong{font-size:14px;line-height:22px;font-weight:var(--semi-font-weight-regular);color:#fff}.template-gallery-module__yincAa__useCard{pointer-events:none;z-index:4;cursor:pointer;height:36px;font-size:14px;line-height:22px;font-weight:var(--semi-font-weight-regular);color:#000000d9;opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 0;transition:opacity .16s;display:flex;position:absolute;bottom:16px;left:16px;right:16px}@media (hover:hover){.template-gallery-module__yincAa__useCard:hover{background-color:#fffc}}@media (prefers-reduced-motion:reduce){.template-gallery-module__yincAa__useCard{transition:none}}@media (hover:none){.template-gallery-module__yincAa__useCard{opacity:1;pointer-events:auto}}.template-gallery-module__yincAa__useCard:disabled{cursor:not-allowed}.template-gallery-module__yincAa__loadState{min-height:36px;color:var(--semi-color-text-2);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.template-gallery-module__yincAa__loadState a{cursor:pointer;color:inherit}.template-gallery-module__yincAa__sentinel{width:1px;height:1px;position:absolute;bottom:0;left:50%}}