.demo-preview_item{position:relative}.demo-preview_title{align-items:center;display:inline-flex;gap:10px;margin-top:.6em}.demo-preview_tag{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:-.01em;padding:5px 7px;text-transform:uppercase;transform:translateY(1px)}.demo-preview_description{margin-top:3px;text-wrap:balance}.demo-preview_thumb{background-color:#e2e2e2;overflow:hidden;position:relative;transition:clip-path .4s ease}.demo-preview_thumb img{display:block;height:auto;transition:transform .4s cubic-bezier(.45,.25,.6,.95);width:100%}.demo-preview_item:hover .demo-preview_thumb img{transform:scale(1.1)}.demo-preview_link-text{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);color:#fff;display:flex;font-size:1.1em;height:100%;justify-content:flex-end;left:0;letter-spacing:-.04em;opacity:0;padding:32px 38px;position:absolute;top:0;transition:opacity .6s cubic-bezier(.45,.25,.6,.95);width:100%}.demo-preview_item:hover .demo-preview_link-text{opacity:1}.demo-preview_link-text svg{margin-bottom:3px;margin-left:10px;transform:rotate(90deg);transition:transform .6s ease}.demo-preview_link-text svg path{fill:currentColor}.demo-preview_item:hover .demo-preview_link-text svg{transform:rotate(45deg)}.demo-preview_link-text span{transform:translateX(-10px);transition:transform .6s ease}.demo-preview_item:hover .demo-preview_link-text span{transform:translateX(0)}.demo-preview_url{display:block;height:100%;left:0;position:absolute;top:0;width:100%}