:root{--color-primary-rgb:255,69,0}.templatesCoverCard{aspect-ratio:608/411;background:#f8fafc;border-radius:.125rem;width:100%;transition:background .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 1px 3px #0000000f;container-type:inline-size}.templatesCoverCard:hover{background:#edf1f7}.templatesCoverCard:hover .templatesCoverCard__screenshotWrapper,.templatesCoverCard:hover .templatesCoverCard__lineTop,.templatesCoverCard:hover .templatesCoverCard__lineLeft,.templatesCoverCard:hover .templatesCoverCard__lineRight{transform:translateY(-5px)}.templatesCoverCard:hover .templatesCoverCard__cloud--left,.templatesCoverCard:hover .templatesCoverCard__cloud--right{transform:translate(var(--hover-x,0px),var(--hover-y,0px))}.templatesCoverCard__lineTop{z-index:4;pointer-events:none;background:#c5d3e8;height:1px;transition:transform .3s;position:absolute;top:53.528%;left:7.89474%;right:7.89474%}.templatesCoverCard__lineBottom{display:none}.templatesCoverCard__lineLeft{z-index:4;pointer-events:none;background:#c5d3e8;width:1px;transition:transform .3s;position:absolute;top:53.528%;bottom:0;left:7.89474%}.templatesCoverCard__lineRight{z-index:4;pointer-events:none;background:#c5d3e8;width:1px;transition:transform .3s;position:absolute;top:53.528%;bottom:0;right:7.89474%}.templatesCoverCard__textWrapper{z-index:1;height:43.7956%;position:absolute;top:6.81265%;left:5.26316%;right:5.26316%}.templatesCoverCard__title{font-family:var(--ff-gt-planar);letter-spacing:-.02em;color:var(--color-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(1rem,5.9cqi,2.25rem);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.templatesCoverCard__description{font-family:var(--ff-gt-standard);color:var(--color-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:clamp(4px,1cqi,8px) 0 0;font-size:clamp(.6875rem,3.9cqi,1.5rem);font-weight:300;line-height:1.5;display:-webkit-box;overflow:hidden}.templatesCoverCard__separator{display:none}.templatesCoverCard__screenshotWrapper{z-index:3;transform-origin:bottom;transition:transform .3s;position:absolute;inset:53.528% 7.89474% -5px;overflow:hidden}.templatesCoverCard__screenshot{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.templatesCoverCard__cloud{pointer-events:none;transition:transform var(--cloud-duration,.6s)cubic-bezier(.23,1,.32,1)var(--cloud-delay,0s),opacity .3s ease;z-index:10;animation:.4s both templatesCoverCardCloudFadeIn;position:absolute;transform:translate(0)}@keyframes templatesCoverCardCloudFadeIn{0%{opacity:0}to{opacity:1}}.templatesCoverCard__cloudImg{width:100%;height:auto;display:block}
:root{--color-primary-rgb:255,69,0}.templatesCard{cursor:pointer;text-decoration:none;display:block}.templatesCard:hover .templatesCard__image{background-color:#0000000a}.templatesCard:hover .templatesCard__demoPreview{opacity:1}.templatesCard:focus-visible{outline:none}.templatesCard:focus-visible .templatesCard__image{background-color:#0000000a}.templatesCard:focus-visible .templatesCard__demoPreview{opacity:1}.templatesCard__imageContainer{aspect-ratio:16/9;border-radius:.125rem;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 1px 3px #0000000f}.templatesCard__image{-o-object-fit:cover;object-fit:cover;border:none;width:100%;height:100%;transition:background-color .2s}.templatesCard__demoPreview{-o-object-fit:cover;object-fit:cover;opacity:0;will-change:opacity;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.templatesCard__content{padding:1.25rem 0 .75rem}.templatesCard__title{color:var(--color-text);margin-bottom:.25rem;font-size:1rem;font-weight:500}.templatesCard__description{color:var(--color-text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.875rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}