.demo-skip-link{position:absolute;top:0;left:1rem;z-index:2000;padding:.5rem 1rem;background:var(--local-bloc-primary1);color:var(--local-font-color-bloc-primary1);border-radius:0 0 .5rem .5rem;text-decoration:none;font-weight:600;transform:translateY(-100%)}.demo-skip-link:focus{transform:translateY(0);color:var(--local-font-color-bloc-primary1)}#main-content:focus{outline:none}.demo-ulkcolorgrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));grid-gap:2rem 1rem}.demo-ulkcolorgrid__colorbloc{padding:1rem;border-radius:1rem}.demo-ulkcolorgrid__colorbloc--1{color:#000}.demo-ulkcolorgrid__colorbloc--2{color:#fff}.demo-ulkcolorgrid li{box-sizing:content-box;display:grid;gap:.5rem;border-radius:1rem;border:.25rem solid var(--local-bloc-neutre1);padding:1rem}.demo-ulkcolorgrid li:first-of-type{border:.25rem solid var(--local-bloc-neutre1)}.demo-topbar.ulk-s-grid--topbarfull{width:100%;background:var(--local-bloc-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:1rem;padding-bottom:1rem}@media screen and (max-width: 575.98px){.demo-topbar.ulk-s-grid--topbarfull{border-bottom:4px solid var(--local-font-color-bloc-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:2.75rem}}:root.dark .demo-topbar__brand .ulk-c-logo__item{filter:none}.demo-topbar__separator{display:none;width:4px;height:2.25rem;background:var(--local-font-color-bloc-primary1)}@media screen and (min-width: 576px){.demo-topbar__separator{display:block}}.demo-topbar__title{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap;color:var(--local-font-color-bloc-primary1)}@media screen and (max-width: 575.98px){.demo-topbar__title{font-size:1.15rem}}.demo-topbar .dropdown-menu{max-width:min(15rem,100vw - 2rem);z-index:3}.demo-topbar .dropdown-menu .dropdown-item{display:flex;align-items:flex-start;gap:.5rem;white-space:normal}.demo-topbar .dropdown-menu .dropdown-item input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.demo-topbar__theme-item{display:flex;justify-content:center}.demo-topbar.ulk-s-grid{margin-bottom:0}.demo-count-badge{font-size:1rem;font-weight:600;color:var(--local-font-color);background:var(--local-bloc-neutre1);padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.demo-count-badge--primary1{color:var(--local-font-color-bloc-primary1);background:var(--local-bloc-primary1)}#demo-searchicon-sentinel{height:1px}.demo-searchicon{position:sticky;background:var(--local-background);top:0;width:100%;z-index:3;padding:var(--local-gap);border-bottom:2px solid var(--local-bloc-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-bloc-primary1)}.demo-searchicon__field{position:relative;width:100%;max-width:1000px;margin:0 auto}.demo-searchicon__icon{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);color:var(--local-font-color);opacity:.6;pointer-events:none;font-size:1rem}.demo-searchicon__hint{position:absolute;top:50%;left:2rem;transform:translateY(-50%);display:flex;align-items:center;gap:.4rem;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 4.5rem)}.demo-searchicon__hint-text{color:var(--local-font-color);opacity:.6;overflow:hidden;text-overflow:ellipsis}.demo-searchicon__input{display:inline-block;width:100%;padding:.5rem 2.5rem .5rem 2rem;border-radius:.5rem;border:2px solid var(--local-font-color);background:var(--local-background);color:var(--local-font-color);outline:none;box-shadow:none}.demo-searchicon__input:focus{border-color:var(--local-font-color);outline:2px solid var(--local-bloc-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:.5rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);padding:.25rem;cursor:pointer}.demo-searchicon__clear,.demo-searchicon__clear:hover,.demo-searchicon__clear:focus{color:var(--local-font-color)}.demo-searchicon__filters{display:flex;flex-wrap:wrap;gap:.5rem;max-width:1000px;margin:.75rem auto 0}.demo-searchicon__filter-btn{padding:.35rem .9rem;border-radius:999px;border:2px solid var(--local-bloc-neutre1);background:rgba(0,0,0,0);color:var(--local-font-color);font-size:.85rem;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-bloc-primary1)}.demo-searchicon__filter-btn[aria-pressed=true]{background:var(--local-bloc-primary1);border-color:var(--local-bloc-primary1);color:var(--local-font-color-bloc-primary1)}.demo-searchicon__hint-text--short{display:none}@media screen and (max-width: 575.98px){.demo-searchicon__input{font-size:1rem}.demo-searchicon__hint-text{font-size:.85rem}.demo-searchicon__hint .demo-count-badge{font-size:.8rem}.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-font-color-bloc-primary1);border-color:var(--local-font-color-bloc-primary1)}.demo-searchicon.is-stuck .demo-searchicon__filter-btn:hover,.demo-searchicon.is-stuck .demo-searchicon__filter-btn[aria-pressed=true]{background:var(--local-font-color-bloc-primary1);border-color:var(--local-font-color-bloc-primary1);color:#fff}.demo-iconzone{border:2px solid var(--local-bloc-neutre1);padding:var(--local-padding);border-radius:.5rem;overflow-x:hidden}.demo-iconzone__header{display:flex;align-items:baseline;gap:.5rem}.demo-ulkicongrid{display:flex;flex-direction:column;padding:0;overflow-x:clip}.demo-ulkiconcat-group{display:grid;grid-template-columns:10rem 1fr;gap:1.25rem;align-items:start;padding-top:1.5rem}.demo-ulkiconcat-group:first-child{padding-top:0}@media screen and (max-width: 575.98px){.demo-ulkiconcat-group{grid-template-columns:1fr;gap:.5rem}}.demo-ulkiconcat-group__label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0;padding:.25rem 0;font-size:1rem;font-weight:500;letter-spacing:.02em;text-transform:capitalize;position:sticky;top:calc(var(--local-navbar-height, 5rem) + 8px)}.demo-ulkiconcat-group__label::before{content:none}.demo-ulkiconcat-group__icons{grid-template-columns:repeat(auto-fill, minmax(3rem, 1fr));gap:.5rem;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-background);border-radius:.5rem;padding:.5rem;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-bloc-primary1);transform:translateY(-2px)}.demo-ulkiconcat-group__icons li:hover .ulkicon,.demo-ulkiconcat-group__icons li:focus-visible .ulkicon{color:#000}.demo-ulkiconcat-group__icons li:focus-visible{outline:2px solid var(--local-bloc-primary1);outline-offset:2px}.demo-ulkiconcat-group__icons li::after{content:attr(data-icon);position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translateX(-50%);background:var(--local-font-color);color:var(--local-background);font-size:.7rem;font-weight:500;white-space:nowrap;padding:.2rem .5rem;border-radius:.25rem;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:2rem}.demo-ulkicongrid .js-classname{display:none}.demo-ulkiconcat-group__label{scroll-margin-top:calc(var(--local-navbar-height, 5rem) + 8px)}.demo-changelog__list{display:flex;flex-direction:column;gap:.25rem;margin:0 0 1rem;padding-inline-start:1.25rem}.demo-changelog__item{display:block;width:100%;text-align:left;padding:.25rem .5rem;border-radius:.5rem;background:rgba(0,0,0,0)}.demo-changelog__item:hover,.demo-changelog__item:focus{background:var(--local-background)}.demo-changelog__full-link{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-weight:600;background:rgba(0,0,0,0);padding:0 0 0 .75rem}#demo-changelog-full ul{padding-inline-start:1.25rem}#demo-changelog-full>ul{padding-inline-start:0;list-style:none}#demo-changelog-entry-body,#demo-changelog-full{font-size:1rem;font-weight:400}#demo-changelog-entry-body ul,#demo-changelog-full ul{gap:.15rem}.ulk-c-modal__content__header .ulk-c-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:999px;background:var(--local-bloc-primary1)}.ulk-c-modal__content__header .ulk-c-button .ulkicon{color:#000}.demo-topbar .ulk-c-navbar--right{align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:.5rem}.demo-anchor-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:.5rem;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-font-color-bloc-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:.3rem;width:1.75rem;height:3px;background:var(--local-font-color-bloc-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-font-color-bloc-primary1)}.demo-topbar .ulk-c-navbar--right .dropdown>#ulk-c-button--params:hover{--local-background-color: color-mix(in oklab, var(--local-bloc-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 #000;outline-offset:2px}}.demo-topbar__burger{display:none;color:var(--local-font-color-bloc-primary1)}.demo-topbar__burger:hover{--local-background-color: color-mix(in oklab, var(--local-bloc-primary1), black 15%)}.demo-topbar__burger:focus-visible{outline:2px solid #000;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:.75rem;background:var(--local-background);box-shadow:-6px 0 18px rgba(0,0,0,.18);padding:3rem 1rem 1rem;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:.5rem;right:.5rem;aspect-ratio:1/1;padding:.5rem;font-size:1.5rem;line-height:1;background:var(--local-bloc-primary1);border:0;border-radius: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-font-color);--bs-dropdown-link-color: var(--local-font-color);--bs-dropdown-link-hover-color: var(--local-font-color);--bs-dropdown-link-hover-bg: var(--local-bloc-neutre1);--bs-dropdown-header-color: var(--local-font-color)}}.demo-wrapper{padding:0}.demo-topbar__changelog-link{white-space:nowrap}#demo-changelog-section{scroll-margin-top:calc(var(--local-navbar-height, 5rem) + 8px)}.demo-usage{scroll-margin-top:calc(var(--local-navbar-height, 5rem) + 8px)}.demo-usage h2{margin-bottom:1rem}.demo-usage h3{margin-top:2rem;margin-bottom:.75rem}.demo-usage p{margin-bottom:1rem;font-size:1rem}.demo-usage hr{margin:1.5rem 0}.demo-usage__codeblock{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--local-bloc-neutre1);border-radius:.5rem}.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:2.25rem;height:2.25rem;padding:0;border-radius:.5rem;background:var(--local-bloc-primary1);color:#000;font-size:1.1rem}.demo-usage__copy-feedback{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:var(--local-font-color);color:var(--local-background);font-size:.75rem;font-weight:500;white-space:nowrap;padding:.25rem .6rem;border-radius:.3rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.demo-usage__copy-feedback:not(:empty){opacity:1}main h3{font-size:1.15rem}main h2::before,main h3::before{top:50%;transform:translateY(-50%)}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(2rem,(100vw - 1320px)/2 - 3.75rem);bottom:2rem;border-radius:999px;border:1px solid color-mix(in oklab, var(--local-background), transparent 60%)}.oc{position:fixed;inset:0 0 0 auto;width:min(320px,100%);height:100%;background:var(--local-background, #fff);color:var(--local-font-color, #000);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:.5rem;right:.5rem;font-size:1.5rem;padding:.5rem;line-height:1;background:var(--local-bloc-primary1, #fff);border-radius: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}}