.lt-pattern-library{color:var(--color-primary-obsidian-black);font-weight:500;padding-block:24px}.lt-pattern-library__heading{margin-bottom:24px}.lt-pattern-library__section{border-top:2px solid var(--color-brand-primary);margin-block:48px;padding-top:16px}.lt-pattern-library__section-title{font-size:1.5rem;font-weight:500;margin:0 0 16px}.lt-pattern-library{padding-bottom:calc(var(--pl-toolbar-h, 0px) + 24px)}.lt-pattern-library__toolbar{background:var(--color-white,#fff);border-top:1px solid rgba(0,0,0,.12);bottom:0;box-shadow:0 -4px 16px rgba(0,0,0,.08);left:0;max-height:60vh;overflow:auto;position:fixed;right:0;z-index:500}.lt-pattern-library__toolbar-bar{align-items:center;display:flex;flex-wrap:wrap;gap:4px 16px;padding:6px 16px}.lt-pattern-library__toolbar-title{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.lt-pattern-library__status{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:4px 6px;list-style:none;margin:0;min-width:0;padding:0}.lt-pattern-library__status li{display:inline-flex}.lt-pattern-library__status-pill{background:var(--color-brand-surface-subtle);border:1px solid var(--color-brand-primary);border-radius:999px;color:var(--color-brand-primary);cursor:pointer;font:inherit;font-size:.75rem;line-height:1.2;padding:3px 9px;white-space:nowrap}.lt-pattern-library__status-pill:hover{background:var(--color-brand-surface-subtle-hover)}.lt-pattern-library__status-pill.is-off{background:transparent;border-color:rgba(0,0,0,.2);color:inherit;opacity:.6}.lt-pattern-library__status-pill.is-off:hover{opacity:1}.lt-pattern-library__status-pill.is-dismiss{align-items:center;display:inline-flex;gap:6px;padding-right:7px}.lt-pattern-library__status-pill.is-clear{background:transparent;border-color:currentcolor;color:inherit}.lt-pattern-library__status-pill.is-clear:hover{background:var(--color-brand-surface-subtle)}.lt-pattern-library__status-x{font-size:.875rem;line-height:1;opacity:.7}.lt-pattern-library__status-pill:hover .lt-pattern-library__status-x{opacity:1}.lt-pattern-library__toolbar-collapse{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin:0 0 0 auto;padding:0;width:28px}.lt-pattern-library__toolbar-collapse svg{transition:transform var(--motion-duration-base) var(--motion-ease-standard)}@media (prefers-reduced-motion:reduce){.lt-pattern-library__toolbar-collapse svg{transition:none}}.lt-pattern-library__toolbar-collapse svg{transform:rotate(180deg)}.lt-pattern-library__toolbar-collapse:hover{background:var(--color-brand-surface-subtle)}.lt-pattern-library__toolbar.is-collapsed .lt-pattern-library__toolbar-collapse svg{transform:none}.lt-pattern-library__toolbar-body{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:8px 24px;padding:8px 16px 10px}.lt-pattern-library__toolbar.is-collapsed .lt-pattern-library__toolbar-body{display:none}.lt-pattern-library__group{border:0;display:flex;flex-wrap:wrap;gap:8px 12px;margin:0;min-width:0;padding:0}.lt-pattern-library__group legend{float:left;font-size:.6875rem;font-weight:500;letter-spacing:.04em;line-height:1.6;margin-right:4px;opacity:.7;padding:0;text-transform:uppercase}.lt-pattern-library__group label{align-items:center;cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px}.lt-pattern-library__group input[type=checkbox],.lt-pattern-library__group input[type=radio]{appearance:auto;display:inline-block;height:16px;margin:0;opacity:1;position:static;width:16px}.lt-pattern-library__ctl{background:var(--color-brand-surface-subtle);border:1px solid var(--color-brand-primary);border-radius:999px;color:var(--color-brand-primary);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:500;line-height:1.2;margin:2px 0;padding:4px 10px}.lt-pattern-library__ctl:hover{background:var(--color-brand-surface-subtle-hover)}.lt-pattern-library__ctl[aria-pressed=true]{background:var(--color-brand-primary);color:var(--color-brand-on-primary)}.lt-pattern-library__ctl--clear{background:transparent;border-color:currentcolor;color:inherit}.lt-pattern-library__jumpnav{display:flex;flex-wrap:wrap;gap:2px 12px;width:100%}.lt-pattern-library__jumpnav a{font-size:.8125rem}.lt-pattern-library__hint,.lt-pattern-library__note{font-size:.8125rem;line-height:1.5;margin:8px 0;opacity:.85}.lt-pattern-library__hint code,.lt-pattern-library__note code{font-size:.75rem}.lt-pattern-library__facts p,.lt-pattern-library__list li{font-size:.875rem;line-height:1.6}.lt-pattern-library__spec{margin-block:32px}.lt-pattern-library__spec-head{display:grid;gap:4px;margin-bottom:8px}.lt-pattern-library__spec-title{align-items:center;display:flex;flex-wrap:wrap;font-size:1.0625rem;font-weight:500;gap:8px;margin:0}.lt-pattern-library__mode{border:1px solid;border-radius:999px;font-size:.6875rem;letter-spacing:.04em;line-height:1;padding:3px 8px;text-transform:uppercase}.lt-pattern-library__mode--staged{color:var(--color-brand-special,#b50f36)}.lt-pattern-library__mode--live{color:var(--color-brand-primary)}.lt-pattern-library__classes{font-size:.75rem;line-height:1.5;opacity:.8;overflow-wrap:anywhere}.lt-pattern-library__motion{font-size:.75rem;line-height:1.5;margin:0;opacity:.85}.lt-pattern-library__motion i{display:block;opacity:.8}.lt-pattern-library__stage{background:repeating-conic-gradient(rgba(0,0,0,.04) 0 25%,transparent 0 50%) 0 0/24px 24px;border:1px dashed rgba(0,0,0,.25);border-radius:8px;contain:layout paint;isolation:isolate;min-height:120px;overflow:hidden;padding:16px;position:relative}.lt-pattern-library__stage--overlay{--pl-frame-h:520px;min-height:0;padding:calc(var(--pl-frame-h) + 8px) 8px 8px}.lt-pattern-library__stage--narrow{max-width:375px}.lt-pattern-library__stage--tall{--pl-frame-h:720px;min-height:720px}.lt-pattern-library__stage--xtall{--pl-frame-h:960px;min-height:960px}.lt-pattern-library__stage--dark{background-color:#1b1a24;color:var(--color-white,#fff)}.lt-pattern-library__stage--overlay .custom-popup,.lt-pattern-library__stage--overlay .header-nav--primary,.lt-pattern-library__stage--overlay .pwr-x-media-viewer,.lt-pattern-library__stage--overlay .search-popup--tools,.lt-pattern-library__stage--overlay [data-lt-media-frame].is-fullscreen-overlay{height:var(--pl-frame-h);inset:0 0 auto;position:absolute;z-index:1}.lt-pattern-library__stage--overlay .header-nav--primary{top:0}.lt-pattern-library__stage--overlay .pwr-x-media-viewer:not(.is-pl-playing){animation:none}.lt-pattern-library__stage--overlay .custom-popup.custom-popup--tray .custom-popup--inner{height:min(480px,100%)}.lt-pattern-library__stage--overlay .pwr-adv-back-to-top{bottom:24px;opacity:1;position:absolute;right:24px;visibility:visible}.lt-pattern-library__stage--overlay .custom-popup--search{background-color:rgba(0,0,0,.85)}.lt-pattern-library__stage--overlay .pwr-x-media-viewer__stage img{height:auto;max-height:100%;max-width:100%;object-fit:contain}.lt-pattern-library__stage--overlay dialog.pwr-x-share[open]{display:block;inset:auto;margin:24px auto;max-width:560px;position:static}.lt-pattern-library__stage--overlay .lt-skeleton{margin:0}.lt-pattern-library__stage--overlay>.lt-pattern-library__ctl,.lt-pattern-library__stage--overlay>.lt-pattern-library__note{position:relative;z-index:2}.lt-pattern-library__stage--inflow{min-height:120px;padding:16px}.lt-pattern-library__stage--inflow .header-nav--primary{height:auto;inset:auto;position:relative}.lt-pattern-library__frame{background:var(--color-white,#fff);border:0;display:block;height:var(--pl-frame-h);inset:0 0 auto;position:absolute;width:100%}.lt-pattern-library__nav--desktop{margin:0 0 300px}.lt-pattern-library__nav--desktop>.navigation-primary>ul.mainmenu{background:#1b1a24;padding:0 16px}.lt-pattern-library__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;margin-block:8px}.lt-pattern-library__row--dark{background:#1b1a24;border-radius:8px;padding:16px}.lt-pattern-library__row--brand{background:var(--color-brand-primary);border-radius:8px;padding:16px}.lt-pattern-library__swatches{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.lt-pattern-library__swatch{display:grid;font-size:.75rem;gap:2px;line-height:1.4;min-width:0}.lt-pattern-library__swatch code{font-size:.6875rem;opacity:.8;overflow-wrap:anywhere}.lt-pattern-library__swatch--wide{grid-column:1/-1}.lt-pattern-library__swatch--wide .lt-pattern-library__swatch-chip{height:40px}.lt-pattern-library__swatch-chip{background:var(--pl-swatch);border:1px solid rgba(0,0,0,.12);border-radius:8px;display:block;height:56px;margin-bottom:4px}.lt-pattern-library__swatch-name{font-weight:500}.lt-pattern-library__pairs{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lt-pattern-library__pair{background:var(--pl-pair-bg);border:1px solid rgba(0,0,0,.12);border-radius:8px;color:var(--pl-pair-fg);display:grid;font-size:.75rem;gap:4px;padding:12px 14px}.lt-pattern-library__pair code{color:inherit;font-size:.6875rem;opacity:.85}.lt-pattern-library__pair-sample{font-size:2rem;font-weight:500;line-height:1}.lt-pattern-library__pair-name{font-weight:500}.lt-pattern-library__hsform{max-width:760px}.lt-pattern-library__hsform .hs-form fieldset{border:0;margin:0;max-width:500px;padding:0}.lt-pattern-library__hsform .hs-form fieldset:after{clear:both;content:"";display:table}.lt-pattern-library__hsform .hs-form fieldset.form-columns-1 .hs-form-field{width:100%}.lt-pattern-library__hsform .hs-form fieldset.form-columns-2 .hs-form-field{float:left;width:50%}.lt-pattern-library__hsform .hs-form fieldset.form-columns-3 .hs-form-field{float:left;width:33.33%}.lt-pattern-library__hsform .hs-form .inputs-list{list-style:none;margin:0;padding:0}.lt-pattern-library__hsform .hs-form .inputs-list input{vertical-align:middle}.lt-pattern-library__native{color:var(--body-text-color);font-weight:var(--body-text-weight)}.lt-pattern-library__gauges{display:grid;gap:10px;margin-bottom:12px}.lt-pattern-library__gauge{align-items:center;display:grid;gap:8px 16px;grid-template-columns:minmax(0,1fr) auto}@media (min-width:768px){.lt-pattern-library__gauge{grid-template-columns:260px minmax(0,1fr) auto}}.lt-pattern-library__gauge .lt-pattern-library__ctl{margin:0}.lt-pattern-library__gauge-label{font-size:.8125rem}.lt-pattern-library__gauge-label b{font-weight:500}.lt-pattern-library__gauge-track{background:var(--color-brand-surface-subtle);border-radius:999px;display:block;grid-column:1/-1;height:10px;overflow:hidden}@media (min-width:768px){.lt-pattern-library__gauge-track{grid-column:auto}}.lt-pattern-library__gauge-fill{background:var(--color-brand-primary);border-radius:inherit;display:block;height:100%;transform:scaleX(0);transform-origin:left center;transition:transform var(--pl-dur,var(--motion-duration-slow)) var(--pl-ease,var(--motion-ease-standard))}.is-pl-reset .lt-pattern-library__gauge-fill{transform:scaleX(0);transition:none}.is-pl-on .lt-pattern-library__gauge-fill{transform:scaleX(1)}.lt-pattern-library__tokens{display:grid;gap:4px 12px;grid-template-columns:1fr;list-style:none;margin:0 0 16px;padding:0}.lt-pattern-library__tokens li{display:grid;font-size:.75rem;gap:2px 12px;grid-template-columns:1fr}@media (min-width:768px){.lt-pattern-library__tokens li{grid-template-columns:260px minmax(0,1fr) minmax(0,1fr)}}.lt-pattern-library__tokens code{font-size:.75rem;overflow-wrap:anywhere}.lt-pattern-library__token-name{font-weight:500}.lt-pattern-library__token-resolved{opacity:.7}.lt-pattern-library__loading-box{align-items:center;border-radius:10px;display:flex;font-size:.8125rem;justify-content:center;min-height:120px;padding:16px;text-align:center;width:240px}.lt-pattern-library__loading-box--flat{background:var(--color-brand-surface-subtle);min-height:64px;width:auto}.lt-pattern-library__menu-fragment{list-style:none;margin:0;padding:0}.lt-pattern-library__inline-wrap{display:inline-block;position:relative}.lt-pattern-library__inline-wrap .spotlight__when-popover{position:static}.lt-pattern-library__calendar-stub{align-items:center;background:rgba(0,0,0,.05);border:1px dashed rgba(0,0,0,.25);border-radius:8px;display:flex;font-size:.8125rem;justify-content:center;min-height:240px;padding:16px;text-align:center}.lt-pattern-library__thumb{color:inherit;display:inline-grid;font-size:.8125rem;gap:8px;text-decoration:none}.lt-pattern-library__thumb img{border-radius:8px;display:block;height:auto;width:300px}.lt-pattern-library__figure{border-radius:8px;max-width:480px;overflow:hidden;position:relative}.lt-pattern-library__figure img{display:block;height:auto;width:100%}.lt-pattern-library__cards-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0}.lt-pattern-library__filters,.lt-pattern-library__tools{position:static}.lt-pattern-library__legacy-card{max-width:320px;overflow:hidden}.lt-pattern-library__legacy-card .sliders--item-img{overflow:hidden}.lt-pattern-library__legacy-card .sliders--item-img img{display:block;height:auto;width:100%}.lt-pattern-library__qualmark{height:auto;width:119px}.lt-pattern-library__sidebar{max-width:360px}.lt-pattern-library__placeholder{min-height:240px}.lt-pattern-library__intro .row-fluid{margin:0}.lt-pattern-library__guidelines .accordion-content{padding-block:8px}.lt-pattern-library__details summary{cursor:pointer}.lt-pattern-library__story{min-height:480px}.lt-pattern-library__alert,.lt-pattern-library__crumb-row{margin-block:8px}.lt-pattern-library__form{max-width:480px}.lt-pattern-library__video{aspect-ratio:16/9;border-radius:8px;max-width:480px;overflow:hidden;position:relative;width:100%}.lt-pattern-library__video .lt-video-poster{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.lt-pattern-library__plyr-stub{align-items:center;background:rgba(0,0,0,.7);color:var(--color-white,#fff);display:flex;font-size:.8125rem;inset:0;justify-content:center;position:absolute;text-align:center;transition:opacity var(--motion-duration-slower) var(--motion-ease-standard)}.lt-pattern-library__plyr-stub:not(.player--visible){opacity:0}.lt-pattern-library__swiper{padding:16px 0}.lt-pattern-library__aos{background:var(--color-brand-surface-subtle);border-radius:8px;display:inline-block;padding:16px 24px}html.lt-pl-freeze *,html.lt-pl-freeze :after,html.lt-pl-freeze :before{animation-play-state:paused!important}