div.cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;font-size:var(--font-size);container-type:inline-size}div.cards.--column{flex-direction:column}div.cards.--center{justify-content:center}div.cards.--grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}@container (max-width: 640px){div.cards.--grid-2{grid-template-columns:1fr}}div.cards.--grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}@container (max-width: 800px){div.cards.--grid-3{grid-template-columns:repeat(2,1fr)}}@container (max-width: 540px){div.cards.--grid-3{grid-template-columns:1fr}}div.cards.--grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}@container (max-width: 1000px){div.cards.--grid-4{grid-template-columns:repeat(3,1fr)}}@container (max-width: 720px){div.cards.--grid-4{grid-template-columns:repeat(2,1fr)}}@container (max-width: 480px){div.cards.--grid-4{grid-template-columns:1fr}}@media(max-width:768px){div.cards.--grid-2,div.cards.--grid-3,div.cards.--grid-4{grid-template-columns:1fr}}div.cards a.card,div.cards button.card,div.cards div.card{display:flex;flex-direction:column;background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:var(--radius);box-shadow:var(--shadow);color:rgb(var(--color));text-decoration:none;padding:1em 2em;gap:.5em;transition:all var(--transition)}div.cards a.card.--small,div.cards button.card.--small,div.cards div.card.--small{max-width:300px}div.cards a.card.--size-3,div.cards button.card.--size-3,div.cards div.card.--size-3{width:calc(33.33333% - 3em)}div.cards a.card.--size-4,div.cards button.card.--size-4,div.cards div.card.--size-4{width:calc(25% - 3em)}div.cards a.card.--size-5,div.cards button.card.--size-5,div.cards div.card.--size-5{width:calc(20% - 3em)}div.cards a.card.--flex,div.cards button.card.--flex,div.cards div.card.--flex{flex:1}div.cards a.card.--column,div.cards button.card.--column,div.cards div.card.--column{flex-direction:column}div.cards a.card.--tint,div.cards button.card.--tint,div.cards div.card.--tint{color:rgb(var(--tint));--color:var(--tint)}div.cards a.card>span.title,div.cards button.card>span.title,div.cards div.card>span.title{font-size:1.25em;font-weight:700}div.cards a.card>span.text,div.cards button.card>span.text,div.cards div.card>span.text{font-size:1em}div.cards a.card>span.text i,div.cards button.card>span.text i,div.cards div.card>span.text i{font-style:normal;font-weight:700}div.cards a.card>span.iconify,div.cards button.card>span.iconify,div.cards div.card>span.iconify{font-size:4em;flex-shrink:0}div.cards a.card>img.icon,div.cards button.card>img.icon,div.cards div.card>img.icon{width:4em;height:4em;padding:.25em;background:rgb(var(--background));border-radius:var(--radius);flex-shrink:0}div.cards a.card>div.content,div.cards button.card>div.content,div.cards div.card>div.content{display:flex;flex-direction:row;gap:2em;flex:1}div.cards a.card>div.content.--column,div.cards button.card>div.content.--column,div.cards div.card>div.content.--column{flex-direction:column}div.cards a.card>div.content.--center,div.cards button.card>div.content.--center,div.cards div.card>div.content.--center{align-items:center}@media(max-width:768px){div.cards a.card>div.content,div.cards button.card>div.content,div.cards div.card>div.content{gap:1em;flex-direction:column}div.cards a.card>div.content.--center,div.cards button.card>div.content.--center,div.cards div.card>div.content.--center{align-items:flex-start}}div.cards a.card>div.content>span.iconify,div.cards button.card>div.content>span.iconify,div.cards div.card>div.content>span.iconify{font-size:4em;flex-shrink:0}div.cards a.card>div.content>img.icon,div.cards button.card>div.content>img.icon,div.cards div.card>div.content>img.icon{width:2em;height:2em;padding:.25em;background:rgb(var(--background));border-radius:var(--radius);flex-shrink:0}div.cards a.card>div.content>div.details,div.cards button.card>div.content>div.details,div.cards div.card>div.content>div.details{display:flex;flex-direction:column;gap:.5em;flex:1}div.cards a.card>div.content>div.details>span.title,div.cards button.card>div.content>div.details>span.title,div.cards div.card>div.content>div.details>span.title{font-size:1.25em;font-weight:700}div.cards a.card>div.content>div.details>span.title.--small,div.cards button.card>div.content>div.details>span.title.--small,div.cards div.card>div.content>div.details>span.title.--small{font-size:1em}div.cards a.card>div.content>div.details>span.text,div.cards button.card>div.content>div.details>span.text,div.cards div.card>div.content>div.details>span.text{font-size:1em;color:rgba(var(--color),.8)}div.cards a.card>div.content>div.details>span.text i,div.cards button.card>div.content>div.details>span.text i,div.cards div.card>div.content>div.details>span.text i{font-style:normal;font-weight:600;color:rgb(var(--color))}div.cards a.card>div.content>div.details>span.help,div.cards button.card>div.content>div.details>span.help,div.cards div.card>div.content>div.details>span.help{display:flex;align-items:center;gap:.5em;font-size:1em;color:rgba(var(--color),.8);line-height:1.2}div.cards a.card>div.content>div.details>span.help span.iconify,div.cards button.card>div.content>div.details>span.help span.iconify,div.cards div.card>div.content>div.details>span.help span.iconify{font-size:1.5em}div.cards a.card>div.content>div.details>div.actions,div.cards button.card>div.content>div.details>div.actions,div.cards div.card>div.content>div.details>div.actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5em;margin-top:1em;font-size:.9em}div.cards a.card>div.content>div.details>div.actions .--right,div.cards button.card>div.content>div.details>div.actions .--right,div.cards div.card>div.content>div.details>div.actions .--right{margin-left:auto}@media(max-width:768px){div.cards a.card>div.content>div.details>div.actions,div.cards button.card>div.content>div.details>div.actions,div.cards div.card>div.content>div.details>div.actions{flex-direction:column;align-items:stretch;gap:.75em}div.cards a.card>div.content>div.details>div.actions .--right,div.cards button.card>div.content>div.details>div.actions .--right,div.cards div.card>div.content>div.details>div.actions .--right{margin-left:0}div.cards a.card>div.content>div.details>div.actions a,div.cards a.card>div.content>div.details>div.actions button,div.cards button.card>div.content>div.details>div.actions a,div.cards button.card>div.content>div.details>div.actions button,div.cards div.card>div.content>div.details>div.actions a,div.cards div.card>div.content>div.details>div.actions button{width:100%;justify-content:center}}div.cards a.card>div.content>div.details>div.editor,div.cards button.card>div.content>div.details>div.editor,div.cards div.card>div.content>div.details>div.editor{display:flex;flex-direction:column;gap:.5em}div.cards a.card>div.content>div.details>div.editor>textarea,div.cards button.card>div.content>div.details>div.editor>textarea,div.cards div.card>div.content>div.details>div.editor>textarea{flex:1;background:rgb(var(--background-second));border:1px solid rgb(var(--border));border-radius:var(--radius);padding:1em;min-height:140px;color:rgb(var(--color));font-size:1em;resize:vertical}div.cards a.card:hover,div.cards button.card:hover{background:rgba(var(--tint),.1);border-color:rgba(var(--tint),.5);color:rgb(var(--tint));cursor:pointer;box-shadow:0 2px 2px rgba(var(--color),.1)}@media(max-width:768px){div.cards{flex-direction:column;gap:1em;padding:0;margin:0}div.cards a.card,div.cards button.card,div.cards div.card{padding:1em;margin:0;border-radius:var(--radius);box-shadow:var(--shadow);background:rgb(var(--background));border:1px solid rgb(var(--border));color:rgb(var(--color));text-decoration:none;transition:all var(--transition)}}