@keyframes translation-progress-spin{0%{rotate:0deg}to{rotate:360deg}}main.demo .demo-page-header{background:var(--surface2);padding-block:var(--space-fluid-lg,3rem);border-block-end:1px solid var(--border)}main.demo .demo-page-title{font-size:var(--fs-3xl,2rem);color:var(--text1);text-wrap:balance;margin-block-end:.5rem;font-weight:700}main.demo .demo-page-subtitle{font-size:var(--fs-lg,1.125rem);color:var(--text3);text-wrap:pretty;margin-block-start:.25rem;font-weight:400}main.demo .demo-section{padding-block:var(--space-fluid-xl,4rem);border-block-end:1px solid var(--border)}main.demo .demo-section--odd{background:var(--surface1)}main.demo .demo-section--even{background:var(--surface2)}main.demo .demo-section__inner{max-width:1200px;padding-inline:var(--space-fluid-md,1.5rem);margin-inline:auto}main.demo .demo-section-heading{border-block-end:2px solid var(--border);align-items:baseline;gap:.75rem;margin-block-end:.5rem;padding-block-end:.75rem;display:flex}main.demo .demo-section-title{font-size:var(--fs-2xl,1.5rem);letter-spacing:-.01em;color:var(--text1);text-wrap:balance;margin:0;font-weight:700}main.demo .demo-section-number{font-size:var(--fs-sm,.875rem);color:var(--text3);font-variant-numeric:tabular-nums;font-weight:600}main.demo .demo-section-description{max-width:68ch;font-size:var(--fs-base,1rem);color:var(--text3);text-wrap:pretty;margin-block:.75rem 0;line-height:1.65}main.demo .demo-section-body{margin-block-start:2rem}main.demo .demo-btn-group{margin-block-end:3rem}main.demo .demo-group-label{font-size:var(--fs-sm,.875rem);color:var(--text2);margin-block-end:.75rem;font-weight:600}main.demo .demo-button-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}main.demo .demo-form-row{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}main.demo .demo-form-row>*{flex:1;min-width:200px}main.demo .demo-skeleton-block{height:5rem}@media (width<=640px){main.demo .demo-page-title{font-size:var(--fs-2xl,1.5rem)}main.demo .demo-page-subtitle{font-size:var(--fs-base,1rem)}main.demo .demo-section{padding-block:var(--space-fluid-lg,2.5rem)}main.demo .demo-section-title{font-size:var(--fs-xl,1.25rem)}}main.demo .demo-card-footer-link{font-weight:var(--font-medium);color:var(--text2);align-items:center;gap:.375rem;display:inline-flex}main.demo .demo-card-footer-link svg{width:.875em;height:.875em;color:var(--text3)}main.demo .uk-card-footer{justify-content:space-between;align-items:center;display:flex}main.demo .demo-card-stat-value{font-family:var(--font-display);font-size:var(--fs-3xl,2rem);font-weight:var(--font-bold);letter-spacing:-.04em;color:var(--text1);margin-block-end:var(--space-1);line-height:1}main.demo .demo-card-stat-value--sm{font-size:var(--fs-2xl,1.5rem)}main.demo .demo-card-stat-label{font-size:var(--fs-sm);color:var(--text3);align-items:center;gap:.5rem;margin:0;display:flex}main.demo .demo-card-stat-delta{font-size:var(--fs-xs);font-weight:var(--font-semibold);border-radius:2px;align-items:center;padding:.125rem .375rem;display:inline-flex}main.demo .demo-card-stat-delta--up{color:oklch(55% .22 155);background:oklch(55% .22 155/.12)}main.demo .demo-card-stat-delta--down{color:oklch(55% .27 25);background:oklch(55% .27 25/.12)}main.demo .demo-card-cta-link{font-size:var(--fs-sm);font-weight:var(--font-semibold);color:var(--brand1);transition:text-decoration-color var(--duration-150) var(--ease-out);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}main.demo .demo-card-cta-link:hover{text-underline-offset:2px;text-decoration:underline}main.demo .demo-card-cta-link svg{width:.75em;height:.75em;transition:transform var(--duration-150) var(--ease-out)}main.demo .demo-card-icon-wrap{background:oklch(from var(--surface3) l c h/80%);vertical-align:middle;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-inline-end:.375rem;display:inline-flex}main.demo .demo-card-icon-wrap svg{width:.875em;height:.875em;color:var(--text2)}main.demo .demo-card-icon-wrap--brand{background:oklch(from var(--brand1) l c h/15%)}main.demo .demo-card-icon-wrap--brand svg{color:var(--brand1)}main.demo .demo-glass-cell{padding:var(--space-2);background:radial-gradient(ellipse at 20% 30%, oklch(60% .28 var(--h,201)) 0%, transparent 50%),radial-gradient(ellipse at 80% 65%, oklch(55% .26 calc(var(--h,201) + 180)) 0%, transparent 50%),radial-gradient(ellipse at 60% 5%, oklch(70% .2 calc(var(--h,201) + 90)) 0%, transparent 45%),var(--surface1);border-radius:4px}main.demo .demo-card-media-placeholder{background:linear-gradient(135deg, oklch(28% .2 var(--h,201)) 0%, oklch(48% .28 var(--h,201)) 45%, oklch(68% .24 var(--h,201)) 100%);height:160px}main.demo .uk-card.uk-card-hover:hover .demo-card-cta-link svg{transform:translate(3px)}main.demo .demo-cards-equal-row{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=640px){main.demo .demo-cards-equal-row{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){main.demo .demo-cards-equal-row{grid-template-columns:repeat(3,1fr)}}main.demo .demo-cards-equal-row>.uk-card{min-height:0}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal){transition:box-shadow .3s cubic-bezier(.4,0,.2,1),translate .2s cubic-bezier(.4,0,.2,1),scale .2s cubic-bezier(.4,0,.2,1)}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal) .uk-card-title{transition:translate .25s cubic-bezier(.4,0,.2,1)}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal) .uk-card-body{transition:translate .3s cubic-bezier(.4,0,.2,1) 30ms}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal) .uk-card-footer{transition:border-color .25s 50ms,translate .35s cubic-bezier(.4,0,.2,1) 50ms}@starting-style{main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal){opacity:0;scale:.98}}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal):hover{translate:0 -16px;scale:1.03;box-shadow:0 2px 4px oklch(0% 0 0/.1),0 8px 20px oklch(0% 0 0/.15),0 24px 48px oklch(0% 0 0/.08)}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal):hover .uk-card-title{translate:0 -6px}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal):hover .uk-card-body{translate:0 -3px}main.demo .demo-cards-equal-row .uk-card:not(.uk-card-dark,.uk-card-feature,.uk-card-minimal):hover .uk-card-footer{translate:0 -2px}