.demo-request__layout{display:flex;align-items:center;gap:1.6rem}@media screen and (max-width: 575.98px){.demo-request__layout{flex-direction:column;text-align:center}}.demo-request__icon{flex-shrink:0;font-size:13rem;line-height:1;color:var(--local-fg-accent2)}.demo-skip-link{position:absolute;top:0;left:1.6rem;z-index:2000;padding:.8rem 1.6rem;background:var(--local-bg-primary1);color:var(--local-fg-on-primary1);border-radius:0 0 .8rem .8rem;text-decoration:none;font-weight:600;transform:translateY(-100%)}.demo-skip-link:focus{transform:translateY(0);color:var(--local-fg-on-primary1)}#main-content:focus{outline:none}.demo-ulkcolorgrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));grid-gap:3.2rem 1.6rem}.demo-ulkcolorgrid__colorbloc{padding:1.6rem;border-radius:1.6rem}.demo-ulkcolorgrid__colorbloc--1{color:#000}.demo-ulkcolorgrid__colorbloc--2{color:#fff}.demo-ulkcolorgrid li{box-sizing:content-box;display:grid;gap:.8rem;border-radius:1.6rem;border:.4rem solid var(--local-bg-neutral1);padding:1.6rem}.demo-ulkcolorgrid li:first-of-type{border:.4rem solid var(--local-bg-neutral1)}.demo-topbar.ulk-s-grid--topbarfull{width:100%;background:var(--local-bg-primary1);justify-content:space-between;align-items:center;flex-wrap:wrap}.demo-topbar.ulk-s-grid--topbarfull .ulk-c-navbar--right{position:static;padding-top:1.6rem;padding-bottom:1.6rem}@media screen and (max-width: 575.98px){.demo-topbar.ulk-s-grid--topbarfull{border-bottom:4px solid var(--local-fg-on-primary1)}}.demo-topbar__brand{display:flex;align-items:center;flex-wrap:wrap;gap:var(--local-gap)}.demo-topbar__brand .ulk-c-logo--topbar{border-bottom:0;padding-bottom:0;max-width:none;margin-right:0}@media screen and (max-width: 575.98px){.demo-topbar__brand .ulk-c-logo__item{width:4.4rem}}:root.dark .demo-topbar__brand .ulk-c-logo__item{filter:none}.demo-topbar__separator{display:none;width:4px;height:3.6rem;background:var(--local-fg-on-primary1)}@media screen and (min-width: 576px){.demo-topbar__separator{display:block}}.demo-topbar__title{margin:0;font-size:2.4rem;font-weight:600;white-space:nowrap;color:var(--local-fg-on-primary1)}@media screen and (max-width: 575.98px){.demo-topbar__title{font-size:1.84rem}}.demo-topbar .dropdown-menu{max-width:min(24rem,100vw - 3.2rem);z-index:3}.demo-topbar .dropdown-menu .dropdown-item{display:flex;align-items:flex-start;gap:.8rem;white-space:normal}.demo-topbar .dropdown-menu .dropdown-item input[type=checkbox]{margin-top:.32rem;flex-shrink:0}.demo-topbar__theme-item{display:flex;justify-content:center}.demo-topbar.ulk-s-grid{margin-bottom:0}.demo-count-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:1.6rem;font-weight:600;color:var(--local-fg);background:var(--local-bg-neutral1);padding:.24rem .8rem;border-radius:999px;white-space:nowrap}.demo-count-badge--primary1{color:var(--local-fg-on-primary1);background:var(--local-bg-primary1)}#demo-searchicon-sentinel{height:1px}.demo-searchicon{position:sticky;background:var(--local-bg);top:0;width:100%;z-index:3;padding:var(--local-gap);border-bottom:2px solid var(--local-bg-primary1);transition:background-color .35s ease,width .35s ease,margin-left .35s ease,margin-right .35s ease,border-color .35s ease}.demo-searchicon.is-stuck{border-bottom-color:rgba(0,0,0,0);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--local-bg-primary1)}.demo-searchicon__field{position:relative;width:100%;margin:0 auto}.demo-searchicon__icon{position:absolute;top:50%;left:.96rem;transform:translateY(-50%);color:var(--local-fg);opacity:.6;pointer-events:none;font-size:1.6rem}.demo-searchicon__hint{position:absolute;top:50%;left:3.2rem;transform:translateY(-50%);display:flex;align-items:center;gap:.64rem;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 7.2rem)}.demo-searchicon__hint-text{color:var(--local-fg);opacity:.6;overflow:hidden;text-overflow:ellipsis}.demo-searchicon__input{display:inline-block;width:100%;padding:.8rem 4rem .8rem 3.2rem;border-radius:.8rem;border:2px solid var(--local-fg);background:var(--local-bg);color:var(--local-fg);outline:none;box-shadow:none}.demo-searchicon__input:focus{border-color:var(--local-fg);outline:2px solid var(--local-bg-primary1);outline-offset:1px;box-shadow:none}.demo-searchicon__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.demo-searchicon__clear{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);padding:.4rem;cursor:pointer}.demo-searchicon__clear,.demo-searchicon__clear:hover,.demo-searchicon__clear:focus{color:var(--local-fg)}.demo-searchicon__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem auto 0}.demo-searchicon__filter-btn{padding:.56rem 1.44rem;border-radius:999px;border:2px solid var(--local-fg);background:rgba(0,0,0,0);color:var(--local-fg);font-size:1.36rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.demo-searchicon__filter-btn:hover{border-color:var(--local-bg-primary1)}.demo-searchicon__filter-btn[aria-pressed=true]{background:var(--local-bg-primary1);border-color:var(--local-bg-primary1);color:var(--local-fg-on-primary1)}.demo-searchicon__hint-text--short{display:none}@media screen and (max-width: 575.98px){.demo-searchicon__input{font-size:1.6rem}.demo-searchicon__hint-text{font-size:1.36rem}.demo-searchicon__hint .demo-count-badge{font-size:1.28rem}.demo-searchicon__hint-text--full{display:none}.demo-searchicon__hint-text--short{display:inline}}.demo-searchicon.is-stuck .demo-searchicon__filter-btn{color:var(--local-fg-on-primary1);border-color:var(--local-fg-on-primary1)}.demo-searchicon.is-stuck .demo-searchicon__filter-btn:hover,.demo-searchicon.is-stuck .demo-searchicon__filter-btn[aria-pressed=true]{background:var(--local-fg-on-primary1);border-color:var(--local-fg-on-primary1);color:var(--local-fg-on-primary2)}.demo-iconzone{border:2px solid var(--local-bg-neutral1);padding:var(--local-padding);border-radius:.8rem;overflow-x:hidden}.demo-iconzone__header{display:flex;align-items:baseline;gap:.8rem}.demo-ulkicongrid{display:flex;flex-direction:column;padding:0;overflow-x:clip}.demo-ulkiconcat-group{display:grid;grid-template-columns:16rem 1fr;gap:2rem;align-items:start;padding-top:2.4rem}.demo-ulkiconcat-group:first-child{padding-top:0}@media screen and (max-width: 575.98px){.demo-ulkiconcat-group{grid-template-columns:1fr;gap:.8rem}}.demo-ulkiconcat-group__label{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0;padding:.4rem 0;font-size:1.6rem;font-weight:500;letter-spacing:.02em;text-transform:capitalize;position:sticky;top:calc(var(--local-navbar-height, 8rem) + 8px)}.demo-ulkiconcat-group__label::before{content:none}.demo-ulkiconcat-group__icons{display:grid;grid-template-columns:repeat(auto-fill, minmax(4.8rem, 1fr));gap:.8rem;padding:0}.demo-ulkiconcat-group__icons li{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background-color:var(--local-bg);border-radius:.8rem;padding:.8rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.demo-ulkiconcat-group__icons li:hover,.demo-ulkiconcat-group__icons li:focus-visible{background-color:var(--local-bg-primary1);transform:translateY(-2px)}.demo-ulkiconcat-group__icons li:hover .ulkicon,.demo-ulkiconcat-group__icons li:focus-visible .ulkicon{color:var(--local-fg-on-primary1)}.demo-ulkiconcat-group__icons li:focus-visible{outline:2px solid var(--local-bg-primary1);outline-offset:2px}.demo-ulkiconcat-group__icons li::after{content:attr(data-icon);position:absolute;bottom:calc(100% + .56rem);left:50%;transform:translateX(-50%);background:var(--local-fg);color:var(--local-bg);font-size:1.12rem;font-weight:500;white-space:nowrap;padding:.32rem .8rem;border-radius:.4rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease;z-index:10}.demo-ulkiconcat-group__icons li:hover::after,.demo-ulkiconcat-group__icons li:focus-visible::after{opacity:1;visibility:visible}.demo-ulkicongrid .ulkicon{font-size:3.2rem}.demo-ulkicongrid .js-classname{display:none}.demo-ulkiconcat-group__label{scroll-margin-top:calc(var(--local-navbar-height, 8rem) + 8px)}.demo-changelog__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.4rem}.demo-changelog__entry{margin-bottom:.8rem}.demo-changelog__section{margin-bottom:1.6rem}.demo-changelog__section:last-child{margin-bottom:0}.demo-changelog__section ul{margin:0;padding-inline-start:2rem}.demo-changelog__section ul li{-moz-column-break-inside:avoid;break-inside:avoid}.demo-changelog__section[data-category=new-icon] ul,.demo-changelog__section[data-category=modified-icon] ul,.demo-changelog__section[data-category=nomenclature] ul{-moz-column-width:22rem;column-width:22rem;-moz-column-gap:2.4rem;column-gap:2.4rem}.demo-changelog__section-title{margin:0 0 .4rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--local-fg-neutral2)}#demo-changelog-full>ul{padding-inline-start:0;list-style:none}#demo-changelog-entry-body,#demo-changelog-full{font-size:1.6rem;font-weight:400}#demo-changelog-entry-body ul,#demo-changelog-full ul{gap:.24rem}.ulk-c-modal__content__header .ulk-c-button{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border-radius:999px;background:var(--local-bg-primary1)}.ulk-c-modal__content__header .ulk-c-button .ulkicon{color:var(--local-fg-on-primary1)}.demo-topbar .ulk-c-navbar--right{align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:.8rem}.demo-anchor-btn{display:inline-flex;align-items:center;justify-content:center;gap:.64rem;padding:.8rem 1.44rem;border-radius:.8rem;text-decoration:none;white-space:nowrap}@media screen and (min-width: 768px){.demo-topbar .demo-anchor-btn{position:relative;background:rgba(0,0,0,0);color:var(--local-fg-on-primary1)}.demo-topbar .demo-anchor-btn:hover,.demo-topbar .demo-anchor-btn:focus-visible{text-decoration:none}.demo-topbar .demo-anchor-btn::after{content:"";position:absolute;left:50%;bottom:.48rem;width:2.8rem;height:3px;background:var(--local-fg-on-primary1);border-radius:999px;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .3s ease-out}.demo-topbar .demo-anchor-btn:hover::after,.demo-topbar .demo-anchor-btn:focus-visible::after{transform:translateX(-50%) scaleX(1)}.demo-topbar .ulk-c-navbar--right .dropdown>#ulk-c-button--params{color:var(--local-fg-on-primary1)}.demo-topbar .ulk-c-navbar--right .dropdown>#ulk-c-button--params:hover{--local-background-color: color-mix(in oklab, var(--local-bg-primary1), black 15%)}.demo-topbar .demo-anchor-btn:focus-visible,.demo-topbar .ulk-c-navbar--right .dropdown>#ulk-c-button--params:focus-visible{outline:2px solid var(--local-fg-on-primary1);outline-offset:2px}}.demo-topbar__burger{display:none;color:var(--local-fg-on-primary1)}.demo-topbar__burger:hover{--local-background-color: color-mix(in oklab, var(--local-bg-primary1), black 15%)}.demo-topbar__burger:focus-visible{outline:2px solid var(--local-fg-on-primary1);outline-offset:2px}.demo-topbar__menu-close{display:none}@media screen and (max-width: 767.98px){.demo-topbar__burger{display:inline-flex}.demo-topbar.ulk-s-grid--topbarfull .ulk-c-navbar--right{position:fixed;inset:0 0 0 auto;width:min(320px,100%);height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.2rem;background:var(--local-bg);box-shadow:-6px 0 18px rgba(0,0,0,.18);padding:4.8rem 1.6rem 1.6rem;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;z-index:1600}.demo-topbar.ulk-s-grid--topbarfull .ulk-c-navbar--right.is-open{transform:translateX(0);visibility:visible;transition:transform .25s ease,visibility 0s linear 0s}.demo-topbar__menu-close{display:flex;align-items:center;justify-content:center;position:absolute;top:.8rem;right:.8rem;aspect-ratio:1/1;padding:.8rem;font-size:2.4rem;line-height:1;background:var(--local-bg-primary1);border:0;border-radius:3.2rem;cursor:pointer}.demo-topbar .ulk-c-navbar--right .dropdown>#ulk-c-button--params{display:none}.demo-topbar .ulk-c-navbar--right .dropdown-menu{display:block !important;position:static !important;inset:auto !important;transform:none !important;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:rgba(0,0,0,0);--bs-dropdown-color: var(--local-fg);--bs-dropdown-link-color: var(--local-fg);--bs-dropdown-link-hover-color: var(--local-fg);--bs-dropdown-link-hover-bg: var(--local-bg-neutral1);--bs-dropdown-header-color: var(--local-fg)}}.demo-wrapper{padding:0}.demo-topbar__changelog-link{white-space:nowrap}#demo-changelog-section{scroll-margin-top:calc(var(--local-navbar-height, 8rem) + 8px)}.demo-usage{scroll-margin-top:calc(var(--local-navbar-height, 8rem) + 8px)}.demo-usage h2{margin-bottom:1.6rem}.demo-usage p{margin-bottom:1.6rem;font-size:1.6rem}.demo-usage hr{margin:2.4rem 0}.demo-usage__codeblock{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.4rem;padding:1.2rem 1.6rem;background:var(--local-bg-neutral1);border-radius:.8rem}.demo-usage__codeblock code{flex:1 1 auto;min-width:0;word-break:break-all;text-align:left}.demo-usage__copy{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:.8rem;background:var(--local-bg-primary1);color:var(--local-fg-on-primary1);font-size:1.76rem;cursor:pointer}.demo-usage__copy-feedback{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translateX(-50%);background:var(--local-fg);color:var(--local-bg);font-size:1.2rem;font-weight:500;white-space:nowrap;padding:.4rem .96rem;border-radius:.48rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.demo-usage__copy-feedback:not(:empty){opacity:1}main h3{font-size:1.84rem}main h2::before,main h3::before{top:50%;transform:translateY(-50%)}.demo-releaselist{display:flex;flex-direction:column;gap:2.4rem}.demo-releaselist__item .demo-usage__codeblock{margin-bottom:0}.demo-releaselist__downloads{display:flex;flex-wrap:wrap;gap:1.2rem}.demo-legalbar__item--text{display:block}.demo-offcanvas-utilities-row{display:flex;align-items:center;gap:.75rem}.demo-offcanvas-doclink{justify-content:center}.demo-usage__infoblock{padding:2.4rem;background:var(--local-bg-neutral1);border-radius:.8rem}.demo-usage__icon-example{display:block;width:-moz-fit-content;width:fit-content;font-size:5rem}code{font-family:monospace;background:var(--local-bg-neutral1);color:var(--local-fg-accent2);padding:.15em .5em;border-radius:.4rem;font-size:.9em}.demo-usage__codeblock code{background:rgba(0,0,0,0);padding:0;border-radius:0;font-size:1em}.ulk-c-card__title>.demo-count-badge--primary1{color:var(--local-fg-on-primary1)}main h2::before{height:1.15em}main h3::before{height:1em}.modal-backdrop{--bs-backdrop-zindex: 1540}#changelogEntryModal,#changelogFullModal{--bs-modal-zindex: 1550}#ulk-backtotop{position:fixed;left:auto;right:max(3.2rem,(100vw - 1320px)/2 - 6rem);bottom:3.2rem;border-radius:999px;border:1px solid color-mix(in oklab, var(--local-bg), transparent 60%)}.oc{position:fixed;inset:0 0 0 auto;width:min(320px,100%);height:100%;background:var(--local-bg);color:var(--local-fg);box-shadow:-6px 0 18px rgba(0,0,0,.18);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;z-index:1600}@media screen and (min-width: 768px){.oc{width:min(520px,100%)}}.oc.open{transform:translateX(0);visibility:visible;transition:transform .25s ease,visibility 0s linear 0s}.oc iframe{border:0;width:100%;height:100%}.oc-close{aspect-ratio:1/1;position:absolute;top:.8rem;right:.8rem;font-size:2.4rem;padding:.8rem;line-height:1;background:var(--local-bg-primary1, #fff);border-radius:3.2rem;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.oc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;transition:opacity .2s ease;z-index:1590}.oc-backdrop.show{opacity:1}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){.demo-searchicon,.demo-searchicon__filter-btn,.demo-topbar .demo-anchor-btn::after,.demo-topbar.ulk-s-grid--topbarfull .ulk-c-navbar--right,.demo-usage__copy-feedback,.demo-ulkiconcat-group__icons li,.demo-changelog__item,.oc,.oc-backdrop{transition:none !important}}