.doc-template__container{background:#fff;border:1px solid var(--docs--border--color);border-radius:var(--docs--border--radius);cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:all .2s ease-in-out}.doc-template__container:hover{border-color:var(--docs--border--color);box-shadow:var(--docs--box--shadow);transform:translateY(-.125rem)}.doc-template__figure{margin-bottom:1rem}.doc-template__image{align-items:center;border-radius:.5rem;display:inline-flex;height:3rem;justify-content:center;width:3rem}.doc-template__image svg{height:1.5rem;width:1.5rem}.doc-template__image:has(>svg){background-color:var(--docs--color--grey)}.doc-template__content{display:flex;flex:1;flex-direction:column}.doc-template__title{font-size:1rem;font-weight:500;margin:0 0 .75rem;position:unset}.doc-template__title a{color:inherit;text-decoration:none}.doc-template__title a:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.doc-template__excerpt{font-size:.875rem;line-height:1.625;margin:0 0 .75rem}.doc-template__meta{color:var(--docs--color--muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1rem;margin-top:auto}.doc-template__meta-item{align-items:center;display:flex;gap:.25rem}.doc-template__meta-icon{height:.75rem;width:.75rem}.doc-template__meta-icon svg{color:var(--docs--color--muted);height:100%;width:100%}.doc-template__meta-text{display:inline}.doc-template__meta-label{display:none}.doc-template__arrow{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .2s ease-in-out}.doc-template__arrow svg{height:1rem;width:1rem}.doc-template:hover .doc-template__arrow{opacity:1}.doc-template:where(.is-style-list) .doc-template__container{align-items:flex-start;flex-direction:row;gap:1rem;padding:1rem}@media(max-width:768px){.doc-template:where(.is-style-list) .doc-template__container{flex-direction:column}}.doc-template:where(.is-style-list) .doc-template__image{height:2.5rem;width:2.5rem}.doc-template:where(.is-style-list) .doc-template__content{flex:1}.doc-template:where(.is-style-list) .doc-template__title{margin-bottom:.5rem}.doc-template:where(.is-style-list) .doc-template__excerpt{margin-bottom:.5rem}