[data-lk-component=image]{object-fit:var(--lk-image-fit,fill);width:100%;height:auto;display:block}[data-lk-image-radius]:not([data-lk-image-radius=none]):not([data-lk-image-radius=zero]){border-radius:var(--lk-size-md);overflow:hidden}.radius-test-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;display:grid}.radius-test-item{text-align:center;background:#f9f9f9;border:1px solid #ccc;padding:.5rem}.radius-test-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.radius-test-caption{color:#333;margin-top:.5rem;font-size:.875rem}[data-lk-image-border-radius="3xs"]{border-radius:var(--lk-size-3xs);overflow:hidden}[data-lk-image-border-radius="2xs"]{border-radius:var(--lk-size-2xs);overflow:hidden}[data-lk-image-border-radius=xs]{border-radius:var(--lk-size-xs);overflow:hidden}[data-lk-image-border-radius=sm]{border-radius:var(--lk-size-sm);overflow:hidden}[data-lk-image-border-radius=md]{border-radius:var(--lk-size-md);overflow:hidden}[data-lk-image-border-radius=lg]{border-radius:var(--lk-size-lg);overflow:hidden}[data-lk-image-border-radius=xl]{border-radius:var(--lk-size-xl);overflow:hidden}[data-lk-image-border-radius="2xl"]{border-radius:var(--lk-size-2xl);overflow:hidden}[data-lk-image-border-radius="3xl"]{border-radius:var(--lk-size-3xl);overflow:hidden}[data-lk-image-border-radius="4xl"]{border-radius:var(--lk-size-4xl);overflow:hidden}.size-test-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;display:grid}.size-test-item{text-align:center;background:#f5f5f5;border:1px solid #ccc;padding:.5rem}.size-test-img{object-fit:cover;display:block}.size-test-caption{color:#333;margin-top:.5rem;font-size:.875rem}[data-lk-image-width="3xs"]{width:var(--lk-size-3xs);overflow:hidden}[data-lk-image-width="2xs"]{width:var(--lk-size-2xs);overflow:hidden}[data-lk-image-width=xs]{width:var(--lk-size-xs);overflow:hidden}[data-lk-image-width=sm]{width:var(--lk-size-sm);overflow:hidden}[data-lk-image-width=md]{width:var(--lk-size-md);overflow:hidden}[data-lk-image-width=lg]{width:var(--lk-size-lg);overflow:hidden}[data-lk-image-width=xl]{width:var(--lk-size-xl);overflow:hidden}[data-lk-image-width="2xl"]{width:var(--lk-size-2xl);overflow:hidden}[data-lk-image-width="3xl"]{width:var(--lk-size-3xl);overflow:hidden}[data-lk-image-width="4xl"]{width:var(--lk-size-4xl);overflow:hidden}[data-lk-image-height="3xs"]{height:var(--lk-size-3xs);overflow:hidden}[data-lk-image-height="2xs"]{height:var(--lk-size-2xs);overflow:hidden}[data-lk-image-height=xs]{height:var(--lk-size-xs);overflow:hidden}[data-lk-image-height=sm]{height:var(--lk-size-sm);overflow:hidden}[data-lk-image-height=md]{height:var(--lk-size-md);overflow:hidden}[data-lk-image-height=lg]{height:var(--lk-size-lg);overflow:hidden}[data-lk-image-height=xl]{height:var(--lk-size-xl);overflow:hidden}[data-lk-image-height="2xl"]{height:var(--lk-size-2xl);overflow:hidden}[data-lk-image-height="3xl"]{height:var(--lk-size-3xl);overflow:hidden}[data-lk-image-height="4xl"]{height:var(--lk-size-4xl);overflow:hidden}.objectfit-test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.objectfit-test-grid figure{text-align:center;background:#f9f9f9;border:1px solid #ccc;padding:.5rem}.objectfit-test-grid [data-lk-image-object-fit]{background-color:#ddd;width:300px;height:300px}[data-lk-image-object-fit=cover]{object-fit:cover}[data-lk-image-object-fit=contain]{object-fit:contain}[data-lk-image-object-fit=fill]{object-fit:fill}[data-lk-image-object-fit=none]{object-fit:none}[data-lk-image-object-fit=scale-down]{object-fit:scale-down}.aspect-test-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;display:grid}.aspect-test-item{text-align:center;background:#fafafa;border:1px solid #ccc;padding:.5rem}.aspect-test-img{object-fit:cover;width:100%;height:auto;display:block}.aspect-test-caption{color:#333;margin-top:.5rem;font-size:.875rem}[data-lk-image-aspect=auto]{aspect-ratio:auto}[data-lk-image-aspect="1/1"]{aspect-ratio:1}[data-lk-image-aspect="2.39/1"]{aspect-ratio:2.39}[data-lk-image-aspect="2/1"]{aspect-ratio:2}[data-lk-image-aspect="16/9"]{aspect-ratio:16/9}[data-lk-image-aspect="3/2"]{aspect-ratio:3/2}[data-lk-image-aspect="4/3"]{aspect-ratio:4/3}[data-lk-image-aspect="5/4"]{aspect-ratio:5/4}[data-lk-image-aspect="1/2.39"]{aspect-ratio:1/2.39}[data-lk-image-aspect="1/2"]{aspect-ratio:1/2}[data-lk-image-aspect="9/16"]{aspect-ratio:9/16}[data-lk-image-aspect="4/5"]{aspect-ratio:4/5}
[data-lk-component=icon-button]{padding:var(--lk-size-xs);cursor:pointer;background:0 0;border-radius:100em;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}[data-lk-component=icon-button]>[data-lk-button-content-wrap]{justify-content:center;align-items:center;display:flex}[data-lk-icon-button-color=primary]{background-color:var(--lk-primary);color:var(--lk-onprimary)}[data-lk-icon-button-color=primarycontainer]{background-color:var(--lk-primarycontainer);color:var(--lk-onprimarycontainer)}[data-lk-icon-button-color=secondary]{background-color:var(--lk-secondary);color:var(--lk-onsecondary)}[data-lk-icon-button-color=secondarycontainer]{background-color:var(--lk-secondarycontainer);color:var(--lk-onsecondarycontainer)}[data-lk-icon-button-color=tertiary]{background-color:var(--lk-tertiary);color:var(--lk-ontertiary)}[data-lk-icon-button-color=tertiarycontainer]{background-color:var(--lk-tertiarycontainer);color:var(--lk-ontertiarycontainer)}[data-lk-icon-button-color=error]{background-color:var(--lk-error);color:var(--lk-onerror)}[data-lk-icon-button-color=errorcontainer]{background-color:var(--lk-errorcontainer);color:var(--lk-onerrorcontainer)}[data-lk-icon-button-color=success]{background-color:var(--lk-success);color:var(--lk-onsuccess)}[data-lk-icon-button-color=successcontainer]{background-color:var(--lk-successcontainer);color:var(--lk-onsuccesscontainer)}[data-lk-icon-button-color=warning]{background-color:var(--lk-warning);color:var(--lk-onwarning)}[data-lk-icon-button-color=warningcontainer]{background-color:var(--lk-warningcontainer);color:var(--lk-onwarningcontainer)}[data-lk-icon-button-color=info]{background-color:var(--lk-info);color:var(--lk-oninfo)}[data-lk-icon-button-color=infocontainer]{background-color:var(--lk-infocontainer);color:var(--lk-oninfocontainer)}[data-lk-icon-button-color=surface]{background-color:var(--lk-surface);color:var(--lk-onsurface)}[data-lk-icon-button-color=surfacecontainer]{background-color:var(--lk-surfacecontainer);color:var(--lk-onsurfacecontainer)}[data-lk-icon-button-color=surfacevariant]{background-color:var(--lk-surfacevariant);color:var(--lk-onsurfacevariant)}[data-lk-icon-button-color=surfacecontainerlowest]{background-color:var(--lk-surfacecontainerlowest);color:var(--lk-onsurfacecontainerlowest)}[data-lk-icon-button-color=surfacecontainerlow]{background-color:var(--lk-surfacecontainerlow);color:var(--lk-onsurfacecontainerlow)}[data-lk-icon-button-color=surfacecontainerhigh]{background-color:var(--lk-surfacecontainerhigh);color:var(--lk-onsurfacecontainerhigh)}[data-lk-icon-button-color=surfacecontainerhighest]{background-color:var(--lk-surfacecontainerhighest);color:var(--lk-onsurfacecontainerhighest)}[data-lk-icon-button-color=inversesurface]{background-color:var(--lk-inversesurface);color:var(--lk-oninversesurface)}[data-lk-icon-button-variant=outline]{border:solid 1px var(--lk-outlinevariant);background-color:#0000}[data-lk-icon-button-variant=text]{background-color:#0000}