layout-style-css 1.0.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/CONTRIBUTING.md +50 -0
  3. package/README.md +205 -16
  4. package/SECURITY.md +45 -0
  5. package/demo/assets/social-card.png +0 -0
  6. package/demo/index.html +358 -82
  7. package/dist/layout-all.css +5 -0
  8. package/dist/layout-base.css +67 -0
  9. package/dist/layout-style-css.css +571 -0
  10. package/dist/layout-style-css.min.css +1 -1
  11. package/dist/layout-style-f-pattern.css +76 -0
  12. package/dist/layout-style-mondrian.css +77 -0
  13. package/dist/layout-style-split-screen.css +62 -0
  14. package/dist/layout-style-synthwave.css +88 -0
  15. package/dist/layout-style-z-pattern.css +76 -0
  16. package/dist/layout-ui-style-kit-bridge.css +115 -0
  17. package/docs/wiki/Contributing.md +30 -0
  18. package/docs/wiki/Demo-And-GitHub-Pages.md +39 -0
  19. package/docs/wiki/Getting-Started.md +68 -0
  20. package/docs/wiki/Home.md +48 -0
  21. package/docs/wiki/Installation-And-CDN.md +58 -0
  22. package/docs/wiki/Layout-Primitives.md +57 -0
  23. package/docs/wiki/Layout-Recipes.md +80 -0
  24. package/docs/wiki/Layout-Styles.md +43 -0
  25. package/docs/wiki/Release-And-Publishing.md +69 -0
  26. package/docs/wiki/Security-And-Support.md +34 -0
  27. package/docs/wiki/UI-Style-Kit-Compatibility.md +54 -0
  28. package/docs/wiki/_Sidebar.md +14 -0
  29. package/package.json +12 -2
  30. package/styles/layout-base.css +67 -0
  31. package/styles/layout-style-f-pattern.css +76 -0
  32. package/styles/layout-style-mondrian.css +77 -0
  33. package/styles/layout-style-split-screen.css +62 -0
  34. package/styles/layout-style-synthwave.css +88 -0
  35. package/styles/layout-style-z-pattern.css +76 -0
  36. package/styles/layout-ui-style-kit-bridge.css +115 -0
  37. package/demo/assets/social-card.svg +0 -17
package/dist/layout-style-css.min.css CHANGED
@@ -1 +1 @@
1
- @layer ly.tokens{:where(.ly-root){--ly-space-0:0;--ly-space-1:0.25rem;--ly-space-2:0.5rem;--ly-space-3:0.75rem;--ly-space-4:1rem;--ly-space-5:1.5rem;--ly-space-6:2rem;--ly-space-7:3rem;--ly-space-8:4rem;--ly-space-9:6rem;--ly-container-sm:40rem;--ly-container-md:56rem;--ly-container-lg:72rem;--ly-container-xl:88rem;--ly-container-wide:112rem;--ly-container-max:var(--ly-container-lg);--ly-content-readable:68ch;--ly-page-padding-inline:clamp(1rem,4vw,3rem);--ly-section-padding-block:clamp(3rem,7vw,6rem);--ly-gap:var(--ly-space-5);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:var(--ly-space-4);--ly-cluster-gap:var(--ly-space-3);--ly-grid-columns:12;--ly-grid-min:16rem;--ly-sidebar-min:14rem;--ly-sidebar-width:18rem;--ly-sidebar-max:22rem;--ly-pane-fixed:22rem;--ly-header-height:4.5rem;--ly-radius-sm:0.5rem;--ly-radius:0.875rem;--ly-radius-lg:1.5rem;--ly-radius-xl:2.25rem;--ly-z-header:20;--ly-z-sidebar:10}}@layer ly.reset{:where(.ly-root),:where(.ly-root *){box-sizing:border-box}:where(.ly-root){min-width:0;margin:0}:where(.ly-root img),:where(.ly-root svg),:where(.ly-root video),:where(.ly-root canvas){max-width:100%}}@layer ly.layout{.ly-page{min-height:100svh}.ly-header,.ly-footer,.ly-main,.ly-wrapper,.ly-section,.ly-surface{min-width:0}.ly-header{min-height:var(--ly-header-height)}.ly-header--sticky{position:sticky;top:0;z-index:var(--ly-z-header)}.ly-container,.ly-wrapper{width:min(100% - (var(--ly-page-padding-inline) * 2),var(--ly-container-max));margin-inline:auto}.ly-container--sm,.ly-wrapper--sm{--ly-container-max:var(--ly-container-sm)}.ly-container--md,.ly-wrapper--md{--ly-container-max:var(--ly-container-md)}.ly-container--lg,.ly-wrapper--lg{--ly-container-max:var(--ly-container-lg)}.ly-container--xl,.ly-wrapper--xl{--ly-container-max:var(--ly-container-xl)}.ly-container--wide,.ly-wrapper--wide{--ly-container-max:var(--ly-container-wide)}.ly-container--fluid,.ly-wrapper--fluid{width:100%;max-width:none;padding-inline:var(--ly-page-padding-inline)}.ly-wrapper--readable{--ly-container-max:var(--ly-content-readable)}.ly-readable{max-width:var(--ly-content-readable)}.ly-section{padding-block:var(--ly-section-padding-block)}.ly-section--compact{--ly-section-padding-block:var(--ly-space-7)}.ly-section--flush{--ly-section-padding-block:0}.ly-stack{display:flex;flex-direction:column;gap:var(--ly-stack-gap)}.ly-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ly-cluster-gap)}.ly-grid{display:grid;grid-template-columns:repeat(var(--ly-grid-columns),minmax(0,1fr));gap:var(--ly-grid-gap)}.ly-grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-grid-min)),1fr))}.ly-row{display:flex;flex-wrap:wrap;margin-inline:calc(var(--ly-gutter,var(--ly-gap)) * -0.5)}.ly-col{flex:1 1 0;min-width:0;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-sidebar-layout{display:grid;grid-template-columns:1fr;gap:var(--ly-gap)}.ly-sidebar-layout>*{min-width:0}.ly-sidebar{min-width:0}.ly-content{min-width:0}.ly-split{display:grid;grid-template-columns:1fr;gap:var(--ly-gap);align-items:var(--ly-split-align,center)}.ly-split>*{min-width:0}.ly-panes{display:grid;grid-template-columns:1fr;gap:var(--ly-gap)}.ly-panes>*{min-width:0}.ly-surface{border-radius:var(--ly-radius)}.ly-surface--raised{border-radius:var(--ly-radius-lg)}.ly-divider{min-height:1px;margin-block:var(--ly-space-5)}.ly-frame{aspect-ratio:var(--ly-frame-ratio,16 / 9);overflow:hidden}.ly-frame>*{width:100%;height:100%;object-fit:cover}.ly-scroll-area{min-height:0;overflow:auto}.ly-app-shell{min-height:100svh;display:grid;grid-template-areas:"header" "main";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ly-app-header{grid-area:header;min-width:0}.ly-app-sidebar{grid-area:sidebar;display:none;min-width:0}.ly-app-main{grid-area:main;min-width:0}.ly-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;clip-path:inset(50%) !important;white-space:nowrap !important}}@layer ly.responsive{@media (min-width:48rem){.ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-width)) minmax(0,1fr)}.ly-app-sidebar{display:block;position:sticky;top:0;z-index:var(--ly-z-sidebar);height:100svh;overflow:auto}.ly-sidebar-layout{grid-template-columns:minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-max)) minmax(0,1fr);align-items:start}.ly-sidebar-layout--right{grid-template-columns:minmax(0,1fr) minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-max))}.ly-split{grid-template-columns:minmax(0,var(--ly-split-primary,1fr)) minmax(0,var(--ly-split-secondary,1fr))}.ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,var(--ly-pane-fixed)),0.7fr)}}@media (min-width:64rem){.ly-panes--three{grid-template-columns:minmax(min(100%,14rem),0.35fr) minmax(0,1fr) minmax(min(100%,14rem),0.35fr)}}}@layer ly.utilities{.ly-cols-1{--ly-grid-columns:1}.ly-cols-2{--ly-grid-columns:2}.ly-cols-3{--ly-grid-columns:3}.ly-cols-4{--ly-grid-columns:4}.ly-cols-5{--ly-grid-columns:5}.ly-cols-6{--ly-grid-columns:6}.ly-cols-7{--ly-grid-columns:7}.ly-cols-8{--ly-grid-columns:8}.ly-cols-9{--ly-grid-columns:9}.ly-cols-10{--ly-grid-columns:10}.ly-cols-11{--ly-grid-columns:11}.ly-cols-12{--ly-grid-columns:12}.ly-cols-16{--ly-grid-columns:16}.ly-span-1{grid-column:span 1}.ly-span-2{grid-column:span 2}.ly-span-3{grid-column:span 3}.ly-span-4{grid-column:span 4}.ly-span-5{grid-column:span 5}.ly-span-6{grid-column:span 6}.ly-span-7{grid-column:span 7}.ly-span-8{grid-column:span 8}.ly-span-9{grid-column:span 9}.ly-span-10{grid-column:span 10}.ly-span-11{grid-column:span 11}.ly-span-12{grid-column:span 12}.ly-span-13{grid-column:span 13}.ly-span-14{grid-column:span 14}.ly-span-15{grid-column:span 15}.ly-span-16{grid-column:span 16}.ly-span-full{grid-column:1 / -1}.ly-col-1{flex:0 0 auto;width:8.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-2{flex:0 0 auto;width:16.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-3{flex:0 0 auto;width:25%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-4{flex:0 0 auto;width:33.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-5{flex:0 0 auto;width:41.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-6{flex:0 0 auto;width:50%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-7{flex:0 0 auto;width:58.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-8{flex:0 0 auto;width:66.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-9{flex:0 0 auto;width:75%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-10{flex:0 0 auto;width:83.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-11{flex:0 0 auto;width:91.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-12{flex:0 0 auto;width:100%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-gap-0{--ly-gap:var(--ly-space-0);--ly-grid-gap:var(--ly-space-0);--ly-stack-gap:var(--ly-space-0);--ly-cluster-gap:var(--ly-space-0)}.ly-gap-1{--ly-gap:var(--ly-space-1);--ly-grid-gap:var(--ly-space-1);--ly-stack-gap:var(--ly-space-1);--ly-cluster-gap:var(--ly-space-1)}.ly-gap-2{--ly-gap:var(--ly-space-2);--ly-grid-gap:var(--ly-space-2);--ly-stack-gap:var(--ly-space-2);--ly-cluster-gap:var(--ly-space-2)}.ly-gap-3{--ly-gap:var(--ly-space-3);--ly-grid-gap:var(--ly-space-3);--ly-stack-gap:var(--ly-space-3);--ly-cluster-gap:var(--ly-space-3)}.ly-gap-4{--ly-gap:var(--ly-space-4);--ly-grid-gap:var(--ly-space-4);--ly-stack-gap:var(--ly-space-4);--ly-cluster-gap:var(--ly-space-4)}.ly-gap-5{--ly-gap:var(--ly-space-5);--ly-grid-gap:var(--ly-space-5);--ly-stack-gap:var(--ly-space-5);--ly-cluster-gap:var(--ly-space-5)}.ly-gap-6{--ly-gap:var(--ly-space-6);--ly-grid-gap:var(--ly-space-6);--ly-stack-gap:var(--ly-space-6);--ly-cluster-gap:var(--ly-space-6)}.ly-gap-7{--ly-gap:var(--ly-space-7);--ly-grid-gap:var(--ly-space-7);--ly-stack-gap:var(--ly-space-7);--ly-cluster-gap:var(--ly-space-7)}.ly-gap-8{--ly-gap:var(--ly-space-8);--ly-grid-gap:var(--ly-space-8);--ly-stack-gap:var(--ly-space-8);--ly-cluster-gap:var(--ly-space-8)}.ly-gap-9{--ly-gap:var(--ly-space-9);--ly-grid-gap:var(--ly-space-9);--ly-stack-gap:var(--ly-space-9);--ly-cluster-gap:var(--ly-space-9)}.ly-pad-0{padding:var(--ly-space-0)}.ly-pad-1{padding:var(--ly-space-1)}.ly-pad-2{padding:var(--ly-space-2)}.ly-pad-3{padding:var(--ly-space-3)}.ly-pad-4{padding:var(--ly-space-4)}.ly-pad-5{padding:var(--ly-space-5)}.ly-pad-6{padding:var(--ly-space-6)}.ly-pad-7{padding:var(--ly-space-7)}.ly-pad-8{padding:var(--ly-space-8)}.ly-pad-9{padding:var(--ly-space-9)}.ly-px-4{padding-inline:var(--ly-space-4)}.ly-px-6{padding-inline:var(--ly-space-6)}.ly-px-8{padding-inline:var(--ly-space-8)}.ly-py-4{padding-block:var(--ly-space-4)}.ly-py-6{padding-block:var(--ly-space-6)}.ly-py-8{padding-block:var(--ly-space-8)}.ly-mx-auto{margin-inline:auto}.ly-w-full{width:100%}.ly-h-full{height:100%}.ly-min-h-screen{min-height:100svh}.ly-bleed{width:100vw;margin-inline:calc(50% - 50vw)}.ly-overflow-auto{overflow:auto}.ly-overflow-hidden{overflow:hidden}.ly-items-start{align-items:flex-start}.ly-items-center{align-items:center}.ly-items-end{align-items:flex-end}.ly-items-stretch{align-items:stretch}.ly-justify-start{justify-content:flex-start}.ly-justify-center{justify-content:center}.ly-justify-end{justify-content:flex-end}.ly-justify-between{justify-content:space-between}.ly-frame-1x1{--ly-frame-ratio:1 / 1}.ly-frame-2x1{--ly-frame-ratio:2 / 1}.ly-frame-3x2{--ly-frame-ratio:3 / 2}.ly-frame-4x3{--ly-frame-ratio:4 / 3}.ly-frame-16x9{--ly-frame-ratio:16 / 9}.ly-frame-21x9{--ly-frame-ratio:21 / 9}.ly-hidden{display:none !important}.ly-show-md-up,.ly-show-lg-up{display:none !important}@media (min-width:48rem){.ly-md-cols-1{--ly-grid-columns:1}.ly-md-cols-2{--ly-grid-columns:2}.ly-md-cols-3{--ly-grid-columns:3}.ly-md-cols-4{--ly-grid-columns:4}.ly-md-cols-6{--ly-grid-columns:6}.ly-md-cols-8{--ly-grid-columns:8}.ly-md-cols-12{--ly-grid-columns:12}.ly-md-cols-16{--ly-grid-columns:16}.ly-show-md-up{display:revert !important}}@media (min-width:64rem){.ly-lg-cols-1{--ly-grid-columns:1}.ly-lg-cols-2{--ly-grid-columns:2}.ly-lg-cols-3{--ly-grid-columns:3}.ly-lg-cols-4{--ly-grid-columns:4}.ly-lg-cols-6{--ly-grid-columns:6}.ly-lg-cols-8{--ly-grid-columns:8}.ly-lg-cols-12{--ly-grid-columns:12}.ly-lg-cols-16{--ly-grid-columns:16}.ly-show-lg-up{display:revert !important}}}@layer ly.bridge{:where(.ly-root[data-ui][data-theme][data-mode],[data-ui][data-theme][data-mode] .ly-root){--ly-ui-style-kit-bridge:1}:where(.ly-root[data-ui="minimal-saas"],[data-ui="minimal-saas"] .ly-root){--ly-ui-style-kit-bridge-style:minimal-saas}:where(.ly-root[data-ui="bento"],[data-ui="bento"] .ly-root){--ly-ui-style-kit-bridge-style:bento}:where(.ly-root[data-ui="maximalist"],[data-ui="maximalist"] .ly-root){--ly-ui-style-kit-bridge-style:maximalist}:where(.ly-root[data-ui="bauhaus"],[data-ui="bauhaus"] .ly-root){--ly-ui-style-kit-bridge-style:bauhaus}:where(.ly-root[data-ui="tactile"],[data-ui="tactile"] .ly-root){--ly-ui-style-kit-bridge-style:tactile}:where(.ly-root[data-ui="neumorphism"],[data-ui="neumorphism"] .ly-root){--ly-ui-style-kit-bridge-style:neumorphism}:where(.ly-root[data-ui="retrofuturism"],[data-ui="retrofuturism"] .ly-root){--ly-ui-style-kit-bridge-style:retrofuturism}:where(.ly-root[data-ui="brutalism"],[data-ui="brutalism"] .ly-root){--ly-ui-style-kit-bridge-style:brutalism}:where(.ly-root[data-ui="cyberpunk"],[data-ui="cyberpunk"] .ly-root){--ly-ui-style-kit-bridge-style:cyberpunk}:where(.ly-root[data-ui="y2k"],[data-ui="y2k"] .ly-root){--ly-ui-style-kit-bridge-style:y2k}:where(.ly-root[data-ui="retro-glass"],[data-ui="retro-glass"] .ly-root){--ly-ui-style-kit-bridge-style:retro-glass}}@layer ly.styles.minimal_saas{:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas){--ly-container-max:88rem;--ly-page-padding-inline:clamp(1rem,3vw,2.5rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(15rem,18vw,19rem);--ly-grid-min:16rem;--ly-gap:clamp(1rem,2vw,1.75rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.875rem,1.6vw,1.35rem)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-main{padding-block:clamp(1rem,2vw,2rem)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-container,:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,14rem),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,14rem),0.24fr) minmax(0,1fr)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-split,:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,18rem),0.44fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-panes--three{grid-template-columns:minmax(min(100%,13rem),0.22fr) minmax(0,1fr) minmax(min(100%,16rem),0.32fr)}}}@layer ly.styles.bento{:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento){--ly-container-max:104rem;--ly-page-padding-inline:clamp(1rem,3.5vw,3rem);--ly-section-padding-block:clamp(2rem,6vw,5rem);--ly-sidebar-width:clamp(13rem,16vw,17rem);--ly-grid-min:14rem;--ly-gap:clamp(1rem,2.5vw,2rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-main{padding-block:clamp(1rem,3vw,2.5rem)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-container,:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,13rem),0.26fr) minmax(0,1fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-3);height:calc(100svh - (var(--ly-space-3) * 2));margin:var(--ly-space-3) 0 var(--ly-space-3) var(--ly-space-3);overflow:auto}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-grid--auto>:nth-child(4n + 1){grid-column:span 2;min-height:14rem}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,12rem),0.3fr) minmax(0,1fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-split{grid-template-columns:minmax(0,0.78fr) minmax(min(100%,18rem),1.22fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-panes--two{grid-template-columns:minmax(0,1.18fr) minmax(min(100%,18rem),0.82fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-panes--three{grid-template-columns:minmax(min(100%,12rem),0.6fr) minmax(0,1.4fr) minmax(min(100%,14rem),0.8fr)}}}@layer ly.styles.maximalist{:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist){--ly-container-max:102rem;--ly-page-padding-inline:clamp(1rem,6vw,5.5rem);--ly-section-padding-block:clamp(4rem,13vw,10rem);--ly-sidebar-width:clamp(13rem,18vw,20rem);--ly-grid-min:14rem;--ly-gap:clamp(1.25rem,4vw,3rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1.5rem,4vw,3.5rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-main{padding-block:clamp(1rem,3vw,3rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-container,:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-section{padding-block:clamp(3.5rem,11vw,8rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{align-items:stretch}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto{grid-auto-rows:minmax(10rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{grid-template-columns:1fr}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto>:nth-child(5n + 1){grid-column:span 2;min-height:24rem}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto>:nth-child(5n + 3){transform:translateY(var(--ly-space-7))}}@media (min-width:56rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,13rem),0.28fr)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-sidebar{display:block;position:sticky;top:calc(var(--ly-gap) * 1.5);height:max-content;margin-block:clamp(2rem,8vw,7rem);transform:translateX(calc(var(--ly-gap) * -0.35));overflow:auto}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-sidebar-layout{grid-template-columns:minmax(0,1.55fr) minmax(min(100%,15rem),0.45fr)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{grid-template-columns:minmax(0,1.62fr) minmax(min(100%,16rem),0.54fr);gap:clamp(1.5rem,6vw,5rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-panes--two{grid-template-columns:minmax(min(100%,16rem),0.44fr) minmax(0,1.56fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-panes--three{grid-template-columns:minmax(min(100%,14rem),0.34fr) minmax(0,1.28fr) minmax(min(100%,18rem),0.58fr)}}}@layer ly.styles.bauhaus{:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus){--ly-container-max:92rem;--ly-page-padding-inline:clamp(1rem,2vw,2rem);--ly-section-padding-block:clamp(2.5rem,5vw,4.5rem);--ly-sidebar-width:clamp(8rem,12vw,12rem);--ly-grid-min:13rem;--ly-gap:clamp(0.75rem,1.6vw,1.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,1.5vw,1.25rem)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-main{padding-block:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-container,:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,7rem),0.18fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,8rem),0.22fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,12rem),0.5fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-panes--three{grid-template-columns:minmax(min(100%,10rem),0.25fr) minmax(0,1fr) minmax(min(100%,10rem),0.25fr)}}}@layer ly.styles.tactile{:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile){--ly-container-max:98rem;--ly-page-padding-inline:clamp(1rem,3vw,2.75rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(18rem,22vw,24rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.2vw,1.75rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-main{padding-block:clamp(1rem,2.5vw,2rem)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-container,:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,18rem),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,18rem),0.42fr) minmax(0,1fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-split{grid-template-columns:minmax(0,1.18fr) minmax(min(100%,18rem),0.82fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,20rem),0.62fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-panes--three{grid-template-columns:minmax(min(100%,17rem),0.4fr) minmax(0,1fr) minmax(min(100%,18rem),0.46fr)}}}@layer ly.styles.neumorphism{:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism){--ly-container-max:86rem;--ly-page-padding-inline:clamp(1.25rem,5vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:clamp(16rem,20vw,20rem);--ly-grid-min:16rem;--ly-gap:clamp(1.25rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1.25rem,2.5vw,2rem)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-main{padding-block:clamp(2rem,5vw,4rem)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-container,:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:56rem){:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.34fr);align-items:start}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,3vw,2rem);max-height:calc(100svh - clamp(2rem,6vw,4rem));margin:clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) 0;overflow:auto}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-sidebar-layout{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.42fr)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-split{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.5fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-panes--three{grid-template-columns:minmax(min(100%,15rem),0.38fr) minmax(0,1fr) minmax(min(100%,15rem),0.38fr)}}}@layer ly.styles.retrofuturism{:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism){--ly-container-max:110rem;--ly-page-padding-inline:clamp(1rem,4vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,7rem);--ly-sidebar-width:clamp(12rem,14vw,16rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2.4vw,2rem)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-main{padding-block:clamp(1.5rem,4vw,3rem)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-container,:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:56rem){:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-shell{grid-template-areas:"header header header" "sidebar main main";grid-template-columns:minmax(min(100%,12rem),0.24fr) minmax(0,1fr) minmax(min(100%,12rem),0.24fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,2vw,1.5rem);height:calc(100svh - clamp(2rem,4vw,3rem));margin:clamp(1rem,2vw,1.5rem) 0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);overflow:auto}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,12rem),0.32fr) minmax(0,1fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-split{grid-template-columns:minmax(0,1.35fr) minmax(min(100%,16rem),0.65fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-panes--two{grid-template-columns:minmax(min(100%,14rem),0.44fr) minmax(0,1.2fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-panes--three{grid-template-columns:minmax(min(100%,12rem),0.44fr) minmax(0,1.4fr) minmax(min(100%,12rem),0.44fr)}}}@layer ly.styles.brutalism{:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism){--ly-container-max:100vw;--ly-page-padding-inline:clamp(0.75rem,3vw,3rem);--ly-section-padding-block:clamp(2rem,6vw,5rem);--ly-sidebar-width:clamp(12rem,15vw,16rem);--ly-grid-min:12rem;--ly-gap:clamp(0.75rem,2vw,1.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-main{padding-block:0}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-container,:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-wrapper{width:min(100%,var(--ly-container-max))}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,12rem),0.22fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-sidebar-layout{grid-template-columns:minmax(0,1.55fr) minmax(min(100%,12rem),0.45fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-split{grid-template-columns:minmax(0,1.7fr) minmax(min(100%,12rem),0.3fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-panes--two{grid-template-columns:minmax(min(100%,12rem),0.35fr) minmax(0,1.65fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-panes--three{grid-template-columns:minmax(min(100%,11rem),0.28fr) minmax(0,1.42fr) minmax(min(100%,14rem),0.4fr)}}}@layer ly.styles.cyberpunk{:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk){--ly-container-max:104rem;--ly-page-padding-inline:clamp(0.75rem,2vw,2rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(10rem,12vw,12.5rem);--ly-grid-min:12rem;--ly-gap:clamp(0.75rem,1.8vw,1.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,1.5vw,1.25rem)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-main{padding-block:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-container,:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,var(--ly-sidebar-width)),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,10rem),0.24fr) minmax(0,1fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-split{grid-template-columns:minmax(0,1.2fr) minmax(min(100%,16rem),0.8fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,15rem),0.38fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-panes--three{grid-template-columns:minmax(min(100%,10rem),0.24fr) minmax(0,1fr) minmax(min(100%,16rem),0.38fr)}}}@layer ly.styles.y2k{:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k){--ly-container-max:84rem;--ly-page-padding-inline:clamp(1rem,5vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:clamp(17rem,22vw,21rem);--ly-grid-min:16rem;--ly-gap:clamp(1.25rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2.5vw,2rem)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-main{padding-block:clamp(2rem,6vw,4rem)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-container,:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:54rem){:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.34fr);align-items:start}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,4vw,3rem);max-height:calc(100svh - clamp(2rem,8vw,6rem));margin:clamp(3rem,8vw,6rem) clamp(1rem,5vw,3rem) clamp(2rem,6vw,4rem) 0;overflow:auto}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-sidebar-layout{grid-template-columns:minmax(0,0.92fr) minmax(min(100%,16rem),1.08fr)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-split{grid-template-columns:minmax(0,0.86fr) minmax(min(100%,18rem),1.14fr)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.56fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-panes--three{grid-template-columns:minmax(min(100%,16rem),0.5fr) minmax(0,1fr) minmax(min(100%,16rem),0.5fr)}}}@layer ly.styles.retro_glass{:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass){--ly-container-max:96rem;--ly-page-padding-inline:clamp(1rem,4vw,3rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:18rem;--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.6vw,2rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-main{padding:clamp(1rem,3vw,2rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-container,:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-wrapper{width:min(100%,var(--ly-container-max))}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-section{padding-block:clamp(2rem,6vw,5rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{align-items:stretch}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{grid-template-columns:1fr}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.62fr)}}@media (min-width:56rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),var(--ly-sidebar-width))}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-4);height:calc(100svh - (var(--ly-space-4) * 2));margin:var(--ly-space-4) var(--ly-space-4) var(--ly-space-4) 0;overflow:auto}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-sidebar-layout{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.48fr)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{grid-template-columns:minmax(0,1.1fr) minmax(min(100%,18rem),0.9fr)}}@media (min-width:78rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-panes--three{grid-template-columns:minmax(min(100%,15rem),0.4fr) minmax(0,1fr) minmax(min(100%,18rem),0.52fr)}}}
1
+ @layer ly.tokens{:where(.ly-root){--ly-space-0:0;--ly-space-1:0.25rem;--ly-space-2:0.5rem;--ly-space-3:0.75rem;--ly-space-4:1rem;--ly-space-5:1.5rem;--ly-space-6:2rem;--ly-space-7:3rem;--ly-space-8:4rem;--ly-space-9:6rem;--ly-container-sm:40rem;--ly-container-md:56rem;--ly-container-lg:72rem;--ly-container-xl:88rem;--ly-container-wide:112rem;--ly-container-max:var(--ly-container-lg);--ly-content-readable:68ch;--ly-page-padding-inline:clamp(1rem,4vw,3rem);--ly-section-padding-block:clamp(3rem,7vw,6rem);--ly-gap:var(--ly-space-5);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:var(--ly-space-4);--ly-cluster-gap:var(--ly-space-3);--ly-grid-columns:12;--ly-grid-min:16rem;--ly-card-grid-min:16rem;--ly-card-size-sm:10rem;--ly-card-size-md:14rem;--ly-card-size-lg:18rem;--ly-gallery-min:12rem;--ly-carousel-item-min:16rem;--ly-carousel-item-max:28rem;--ly-sidebar-min:14rem;--ly-sidebar-width:18rem;--ly-sidebar-max:22rem;--ly-pane-fixed:22rem;--ly-header-height:4.5rem;--ly-radius-sm:0.5rem;--ly-radius:0.875rem;--ly-radius-lg:1.5rem;--ly-radius-xl:2.25rem;--ly-z-header:20;--ly-z-sidebar:10}}@layer ly.reset{:where(.ly-root),:where(.ly-root *){box-sizing:border-box}:where(.ly-root){min-width:0;margin:0}:where(.ly-root img),:where(.ly-root svg),:where(.ly-root video),:where(.ly-root canvas){max-width:100%}}@layer ly.layout{.ly-page{min-height:100svh}.ly-header,.ly-footer,.ly-main,.ly-wrapper,.ly-section,.ly-surface{min-width:0}.ly-header{min-height:var(--ly-header-height)}.ly-header--sticky{position:sticky;top:0;z-index:var(--ly-z-header)}.ly-container,.ly-wrapper{width:min(100% - (var(--ly-page-padding-inline) * 2),var(--ly-container-max));margin-inline:auto}.ly-container--sm,.ly-wrapper--sm{--ly-container-max:var(--ly-container-sm)}.ly-container--md,.ly-wrapper--md{--ly-container-max:var(--ly-container-md)}.ly-container--lg,.ly-wrapper--lg{--ly-container-max:var(--ly-container-lg)}.ly-container--xl,.ly-wrapper--xl{--ly-container-max:var(--ly-container-xl)}.ly-container--wide,.ly-wrapper--wide{--ly-container-max:var(--ly-container-wide)}.ly-container--fluid,.ly-wrapper--fluid{width:100%;max-width:none;padding-inline:var(--ly-page-padding-inline)}.ly-wrapper--readable{--ly-container-max:var(--ly-content-readable)}.ly-readable{max-width:var(--ly-content-readable)}.ly-section{padding-block:var(--ly-section-padding-block)}.ly-section--compact{--ly-section-padding-block:var(--ly-space-7)}.ly-section--flush{--ly-section-padding-block:0}.ly-stack{display:flex;flex-direction:column;gap:var(--ly-stack-gap)}.ly-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ly-cluster-gap)}.ly-button-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ly-cluster-gap)}.ly-button-group>*{flex:0 1 auto;min-width:min(100%,var(--ly-button-min,8rem))}.ly-grid{display:grid;grid-template-columns:repeat(var(--ly-grid-columns),minmax(0,1fr));gap:var(--ly-grid-gap)}.ly-grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-grid-min)),1fr))}.ly-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-card-grid-min)),1fr));gap:var(--ly-grid-gap)}.ly-card-grid>*{min-width:0}.ly-card-sm{min-block-size:var(--ly-card-size-sm)}.ly-card-md{min-block-size:var(--ly-card-size-md)}.ly-card-lg{min-block-size:var(--ly-card-size-lg)}.ly-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-gallery-min)),1fr));gap:var(--ly-grid-gap)}.ly-gallery>*{min-width:0}.ly-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(100%,var(--ly-carousel-item-min)),var(--ly-carousel-item-max));gap:var(--ly-grid-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.ly-carousel>*{min-width:0;scroll-snap-align:start}.ly-row{display:flex;flex-wrap:wrap;margin-inline:calc(var(--ly-gutter,var(--ly-gap)) * -0.5)}.ly-col{flex:1 1 0;min-width:0;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-sidebar-layout{display:grid;grid-template-columns:1fr;gap:var(--ly-gap)}.ly-sidebar-layout>*{min-width:0}.ly-sidebar{min-width:0}.ly-content{min-width:0}.ly-split{display:grid;grid-template-columns:1fr;gap:var(--ly-gap);align-items:var(--ly-split-align,center)}.ly-split>*{min-width:0}.ly-panes{display:grid;grid-template-columns:1fr;gap:var(--ly-gap)}.ly-panes>*{min-width:0}.ly-surface{border-radius:var(--ly-radius)}.ly-surface--raised{border-radius:var(--ly-radius-lg)}.ly-divider{min-height:1px;margin-block:var(--ly-space-5)}.ly-frame{aspect-ratio:var(--ly-frame-ratio,16 / 9);overflow:hidden}.ly-frame>*{width:100%;height:100%;object-fit:cover}.ly-scroll-area{min-height:0;overflow:auto}.ly-app-shell{min-height:100svh;display:grid;grid-template-areas:"header" "main";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ly-app-header{grid-area:header;min-width:0}.ly-app-sidebar{grid-area:sidebar;display:none;min-width:0}.ly-app-main{grid-area:main;min-width:0}.ly-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;clip-path:inset(50%) !important;white-space:nowrap !important}}@layer ly.responsive{@media (min-width:48rem){.ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-width)) minmax(0,1fr)}.ly-app-sidebar{display:block;position:sticky;top:0;z-index:var(--ly-z-sidebar);height:100svh;overflow:auto}.ly-sidebar-layout{grid-template-columns:minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-max)) minmax(0,1fr);align-items:start}.ly-sidebar-layout--right{grid-template-columns:minmax(0,1fr) minmax(min(100%,var(--ly-sidebar-min)),var(--ly-sidebar-max))}.ly-split{grid-template-columns:minmax(0,var(--ly-split-primary,1fr)) minmax(0,var(--ly-split-secondary,1fr))}.ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,var(--ly-pane-fixed)),0.7fr)}}@media (min-width:64rem){.ly-panes--three{grid-template-columns:minmax(min(100%,14rem),0.35fr) minmax(0,1fr) minmax(min(100%,14rem),0.35fr)}}}@layer ly.utilities{.ly-cols-1{--ly-grid-columns:1}.ly-cols-2{--ly-grid-columns:2}.ly-cols-3{--ly-grid-columns:3}.ly-cols-4{--ly-grid-columns:4}.ly-cols-5{--ly-grid-columns:5}.ly-cols-6{--ly-grid-columns:6}.ly-cols-7{--ly-grid-columns:7}.ly-cols-8{--ly-grid-columns:8}.ly-cols-9{--ly-grid-columns:9}.ly-cols-10{--ly-grid-columns:10}.ly-cols-11{--ly-grid-columns:11}.ly-cols-12{--ly-grid-columns:12}.ly-cols-16{--ly-grid-columns:16}.ly-span-1{grid-column:span 1}.ly-span-2{grid-column:span 2}.ly-span-3{grid-column:span 3}.ly-span-4{grid-column:span 4}.ly-span-5{grid-column:span 5}.ly-span-6{grid-column:span 6}.ly-span-7{grid-column:span 7}.ly-span-8{grid-column:span 8}.ly-span-9{grid-column:span 9}.ly-span-10{grid-column:span 10}.ly-span-11{grid-column:span 11}.ly-span-12{grid-column:span 12}.ly-span-13{grid-column:span 13}.ly-span-14{grid-column:span 14}.ly-span-15{grid-column:span 15}.ly-span-16{grid-column:span 16}.ly-span-full{grid-column:1 / -1}.ly-col-1{flex:0 0 auto;width:8.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-2{flex:0 0 auto;width:16.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-3{flex:0 0 auto;width:25%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-4{flex:0 0 auto;width:33.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-5{flex:0 0 auto;width:41.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-6{flex:0 0 auto;width:50%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-7{flex:0 0 auto;width:58.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-8{flex:0 0 auto;width:66.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-9{flex:0 0 auto;width:75%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-10{flex:0 0 auto;width:83.333333%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-11{flex:0 0 auto;width:91.666667%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-col-12{flex:0 0 auto;width:100%;padding-inline:calc(var(--ly-gutter,var(--ly-gap)) * 0.5)}.ly-gap-0{--ly-gap:var(--ly-space-0);--ly-grid-gap:var(--ly-space-0);--ly-stack-gap:var(--ly-space-0);--ly-cluster-gap:var(--ly-space-0)}.ly-gap-1{--ly-gap:var(--ly-space-1);--ly-grid-gap:var(--ly-space-1);--ly-stack-gap:var(--ly-space-1);--ly-cluster-gap:var(--ly-space-1)}.ly-gap-2{--ly-gap:var(--ly-space-2);--ly-grid-gap:var(--ly-space-2);--ly-stack-gap:var(--ly-space-2);--ly-cluster-gap:var(--ly-space-2)}.ly-gap-3{--ly-gap:var(--ly-space-3);--ly-grid-gap:var(--ly-space-3);--ly-stack-gap:var(--ly-space-3);--ly-cluster-gap:var(--ly-space-3)}.ly-gap-4{--ly-gap:var(--ly-space-4);--ly-grid-gap:var(--ly-space-4);--ly-stack-gap:var(--ly-space-4);--ly-cluster-gap:var(--ly-space-4)}.ly-gap-5{--ly-gap:var(--ly-space-5);--ly-grid-gap:var(--ly-space-5);--ly-stack-gap:var(--ly-space-5);--ly-cluster-gap:var(--ly-space-5)}.ly-gap-6{--ly-gap:var(--ly-space-6);--ly-grid-gap:var(--ly-space-6);--ly-stack-gap:var(--ly-space-6);--ly-cluster-gap:var(--ly-space-6)}.ly-gap-7{--ly-gap:var(--ly-space-7);--ly-grid-gap:var(--ly-space-7);--ly-stack-gap:var(--ly-space-7);--ly-cluster-gap:var(--ly-space-7)}.ly-gap-8{--ly-gap:var(--ly-space-8);--ly-grid-gap:var(--ly-space-8);--ly-stack-gap:var(--ly-space-8);--ly-cluster-gap:var(--ly-space-8)}.ly-gap-9{--ly-gap:var(--ly-space-9);--ly-grid-gap:var(--ly-space-9);--ly-stack-gap:var(--ly-space-9);--ly-cluster-gap:var(--ly-space-9)}.ly-pad-0{padding:var(--ly-space-0)}.ly-pad-1{padding:var(--ly-space-1)}.ly-pad-2{padding:var(--ly-space-2)}.ly-pad-3{padding:var(--ly-space-3)}.ly-pad-4{padding:var(--ly-space-4)}.ly-pad-5{padding:var(--ly-space-5)}.ly-pad-6{padding:var(--ly-space-6)}.ly-pad-7{padding:var(--ly-space-7)}.ly-pad-8{padding:var(--ly-space-8)}.ly-pad-9{padding:var(--ly-space-9)}.ly-px-4{padding-inline:var(--ly-space-4)}.ly-px-6{padding-inline:var(--ly-space-6)}.ly-px-8{padding-inline:var(--ly-space-8)}.ly-py-4{padding-block:var(--ly-space-4)}.ly-py-6{padding-block:var(--ly-space-6)}.ly-py-8{padding-block:var(--ly-space-8)}.ly-mx-auto{margin-inline:auto}.ly-w-full{width:100%}.ly-h-full{height:100%}.ly-min-h-screen{min-height:100svh}.ly-bleed{width:100vw;margin-inline:calc(50% - 50vw)}.ly-overflow-auto{overflow:auto}.ly-overflow-hidden{overflow:hidden}.ly-items-start{align-items:flex-start}.ly-items-center{align-items:center}.ly-items-end{align-items:flex-end}.ly-items-stretch{align-items:stretch}.ly-justify-start{justify-content:flex-start}.ly-justify-center{justify-content:center}.ly-justify-end{justify-content:flex-end}.ly-justify-between{justify-content:space-between}.ly-frame-1x1{--ly-frame-ratio:1 / 1}.ly-frame-2x1{--ly-frame-ratio:2 / 1}.ly-frame-3x2{--ly-frame-ratio:3 / 2}.ly-frame-4x3{--ly-frame-ratio:4 / 3}.ly-frame-16x9{--ly-frame-ratio:16 / 9}.ly-frame-21x9{--ly-frame-ratio:21 / 9}.ly-hidden{display:none !important}.ly-show-md-up,.ly-show-lg-up{display:none !important}@media (min-width:48rem){.ly-md-cols-1{--ly-grid-columns:1}.ly-md-cols-2{--ly-grid-columns:2}.ly-md-cols-3{--ly-grid-columns:3}.ly-md-cols-4{--ly-grid-columns:4}.ly-md-cols-6{--ly-grid-columns:6}.ly-md-cols-8{--ly-grid-columns:8}.ly-md-cols-12{--ly-grid-columns:12}.ly-md-cols-16{--ly-grid-columns:16}.ly-show-md-up{display:revert !important}}@media (min-width:64rem){.ly-lg-cols-1{--ly-grid-columns:1}.ly-lg-cols-2{--ly-grid-columns:2}.ly-lg-cols-3{--ly-grid-columns:3}.ly-lg-cols-4{--ly-grid-columns:4}.ly-lg-cols-6{--ly-grid-columns:6}.ly-lg-cols-8{--ly-grid-columns:8}.ly-lg-cols-12{--ly-grid-columns:12}.ly-lg-cols-16{--ly-grid-columns:16}.ly-show-lg-up{display:revert !important}}}@layer ly.bridge{:where(.ly-root[data-ui][data-theme][data-mode],[data-ui][data-theme][data-mode] .ly-root){--ly-ui-style-kit-bridge:1;min-block-size:100svh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:100% 100%}:where(.ly-root[data-ui="minimal-saas"],[data-ui="minimal-saas"] .ly-root){--ly-ui-style-kit-bridge-style:minimal-saas}:where(.ly-root[data-ui="bento"],[data-ui="bento"] .ly-root){--ly-ui-style-kit-bridge-style:bento}:where(.ly-root[data-ui="maximalist"],[data-ui="maximalist"] .ly-root){--ly-ui-style-kit-bridge-style:maximalist}:where(.ly-root[data-ui="bauhaus"],[data-ui="bauhaus"] .ly-root){--ly-ui-style-kit-bridge-style:bauhaus}:where(.ly-root[data-ui="tactile"],[data-ui="tactile"] .ly-root){--ly-ui-style-kit-bridge-style:tactile}:where(.ly-root[data-ui="neumorphism"],[data-ui="neumorphism"] .ly-root){--ly-ui-style-kit-bridge-style:neumorphism}:where(.ly-root[data-ui="retrofuturism"],[data-ui="retrofuturism"] .ly-root){--ly-ui-style-kit-bridge-style:retrofuturism}:where(.ly-root[data-ui="brutalism"],[data-ui="brutalism"] .ly-root){--ly-ui-style-kit-bridge-style:brutalism}:where(.ly-root[data-ui="cyberpunk"],[data-ui="cyberpunk"] .ly-root){--ly-ui-style-kit-bridge-style:cyberpunk}:where(.ly-root[data-ui="y2k"],[data-ui="y2k"] .ly-root){--ly-ui-style-kit-bridge-style:y2k}:where(.ly-root[data-ui="retro-glass"],[data-ui="retro-glass"] .ly-root){--ly-ui-style-kit-bridge-style:retro-glass}:where(.saas-container,.bento-container,.max-container,.bau-container,.tactile-container,.neo-container,.retro-container,.brutal-container,.cyber-container,.y2k-container,.rg-container){width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max));margin-inline:auto}:where(.saas-section,.bento-section,.max-section,.bau-section,.tactile-section,.neo-section,.retro-section,.brutal-section,.cyber-section,.y2k-section,.rg-section){padding-block:var(--ly-section-padding-block)}:where(.saas-stack,.bento-stack,.max-stack,.bau-stack,.tactile-stack,.neo-stack,.retro-stack,.brutal-stack,.cyber-stack,.y2k-stack,.rg-stack){display:flex;flex-direction:column;gap:var(--ly-stack-gap)}:where(.saas-cluster,.bento-cluster,.max-cluster,.bau-cluster,.tactile-cluster,.neo-cluster,.retro-cluster,.brutal-cluster,.cyber-cluster,.y2k-cluster,.rg-cluster){display:flex;flex-wrap:wrap;align-items:center;gap:var(--ly-cluster-gap)}:where(.saas-grid,.bento-grid,.max-grid,.bau-grid,.tactile-grid,.neo-grid,.retro-grid,.brutal-grid,.cyber-grid,.y2k-grid,.rg-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-grid-min)),1fr));gap:var(--ly-grid-gap)}:where(.saas-split,.bento-split,.max-split,.bau-split,.tactile-split,.neo-split,.retro-split,.brutal-split,.cyber-split,.y2k-split,.rg-split){display:grid;grid-template-columns:1fr;gap:var(--ly-gap);align-items:var(--ly-split-align,center)}:where(.saas-split,.bento-split,.max-split,.bau-split,.tactile-split,.neo-split,.retro-split,.brutal-split,.cyber-split,.y2k-split,.rg-split)>*{min-width:0}:where(.saas-button-group,.bento-button-group,.max-button-group,.bau-button-group,.tactile-button-group,.neo-button-group,.retro-button-group,.brutal-button-group,.cyber-button-group,.y2k-button-group,.rg-button-group){display:flex;flex-wrap:wrap;align-items:center;gap:var(--ly-cluster-gap)}:where(.saas-button-group,.bento-button-group,.max-button-group,.bau-button-group,.tactile-button-group,.neo-button-group,.retro-button-group,.brutal-button-group,.cyber-button-group,.y2k-button-group,.rg-button-group)>*{flex:0 1 auto;min-width:min(100%,var(--ly-button-min,8rem))}:where(.saas-card-grid,.bento-card-grid,.max-card-grid,.bau-card-grid,.tactile-card-grid,.neo-card-grid,.retro-card-grid,.brutal-card-grid,.cyber-card-grid,.y2k-card-grid,.rg-card-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-card-grid-min)),1fr));gap:var(--ly-grid-gap)}:where(.saas-card-grid,.bento-card-grid,.max-card-grid,.bau-card-grid,.tactile-card-grid,.neo-card-grid,.retro-card-grid,.brutal-card-grid,.cyber-card-grid,.y2k-card-grid,.rg-card-grid)>*{min-width:0}:where(.saas-card-sm,.bento-card-sm,.max-card-sm,.bau-card-sm,.tactile-card-sm,.neo-card-sm,.retro-card-sm,.brutal-card-sm,.cyber-card-sm,.y2k-card-sm,.rg-card-sm){min-block-size:var(--ly-card-size-sm)}:where(.saas-card-md,.bento-card-md,.max-card-md,.bau-card-md,.tactile-card-md,.neo-card-md,.retro-card-md,.brutal-card-md,.cyber-card-md,.y2k-card-md,.rg-card-md){min-block-size:var(--ly-card-size-md)}:where(.saas-card-lg,.bento-card-lg,.max-card-lg,.bau-card-lg,.tactile-card-lg,.neo-card-lg,.retro-card-lg,.brutal-card-lg,.cyber-card-lg,.y2k-card-lg,.rg-card-lg){min-block-size:var(--ly-card-size-lg)}:where(.saas-gallery,.bento-gallery,.max-gallery,.bau-gallery,.tactile-gallery,.neo-gallery,.retro-gallery,.brutal-gallery,.cyber-gallery,.y2k-gallery,.rg-gallery){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ly-gallery-min)),1fr));gap:var(--ly-grid-gap)}:where(.saas-gallery,.bento-gallery,.max-gallery,.bau-gallery,.tactile-gallery,.neo-gallery,.retro-gallery,.brutal-gallery,.cyber-gallery,.y2k-gallery,.rg-gallery)>*{min-width:0}:where(.saas-carousel,.bento-carousel,.max-carousel,.bau-carousel,.tactile-carousel,.neo-carousel,.retro-carousel,.brutal-carousel,.cyber-carousel,.y2k-carousel,.rg-carousel){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(100%,var(--ly-carousel-item-min)),var(--ly-carousel-item-max));gap:var(--ly-grid-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}:where(.saas-carousel,.bento-carousel,.max-carousel,.bau-carousel,.tactile-carousel,.neo-carousel,.retro-carousel,.brutal-carousel,.cyber-carousel,.y2k-carousel,.rg-carousel)>*{min-width:0;scroll-snap-align:start}@media (min-width:48rem){:where(.saas-split,.bento-split,.max-split,.bau-split,.tactile-split,.neo-split,.retro-split,.brutal-split,.cyber-split,.y2k-split,.rg-split){grid-template-columns:minmax(0,var(--ly-split-primary,1fr)) minmax(0,var(--ly-split-secondary,1fr))}}}@layer ly.styles.minimal_saas{:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas){--ly-container-max:88rem;--ly-page-padding-inline:clamp(1rem,3vw,2.5rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(15rem,18vw,19rem);--ly-grid-min:16rem;--ly-gap:clamp(1rem,2vw,1.75rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.875rem,1.6vw,1.35rem)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-main{padding-block:clamp(1rem,2vw,2rem)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-container,:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,14rem),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,14rem),0.24fr) minmax(0,1fr)}:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-split,:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,18rem),0.44fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="minimal-saas"],.ly-root[layout-style="minimal-saas"],.ly-root.ly-layout-minimal-saas,.ly-root.ly-style-minimal-saas) .ly-panes--three{grid-template-columns:minmax(min(100%,13rem),0.22fr) minmax(0,1fr) minmax(min(100%,16rem),0.32fr)}}}@layer ly.styles.bento{:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento){--ly-container-max:104rem;--ly-page-padding-inline:clamp(1rem,3.5vw,3rem);--ly-section-padding-block:clamp(2rem,6vw,5rem);--ly-sidebar-width:clamp(13rem,16vw,17rem);--ly-grid-min:14rem;--ly-gap:clamp(1rem,2.5vw,2rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-main{padding-block:clamp(1rem,3vw,2.5rem)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-container,:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,13rem),0.26fr) minmax(0,1fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-3);height:calc(100svh - (var(--ly-space-3) * 2));margin:var(--ly-space-3) 0 var(--ly-space-3) var(--ly-space-3);overflow:auto}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-grid--auto>:nth-child(4n + 1){grid-column:span 2;min-height:14rem}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,12rem),0.3fr) minmax(0,1fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-split{grid-template-columns:minmax(0,0.78fr) minmax(min(100%,18rem),1.22fr)}:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-panes--two{grid-template-columns:minmax(0,1.18fr) minmax(min(100%,18rem),0.82fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="bento"],.ly-root[layout-style="bento"],.ly-root.ly-layout-bento,.ly-root.ly-style-bento) .ly-panes--three{grid-template-columns:minmax(min(100%,12rem),0.6fr) minmax(0,1.4fr) minmax(min(100%,14rem),0.8fr)}}}@layer ly.styles.maximalist{:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist){--ly-container-max:102rem;--ly-page-padding-inline:clamp(1rem,6vw,5.5rem);--ly-section-padding-block:clamp(4rem,13vw,10rem);--ly-sidebar-width:clamp(13rem,18vw,20rem);--ly-grid-min:14rem;--ly-gap:clamp(1.25rem,4vw,3rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1.5rem,4vw,3.5rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-main{padding-block:clamp(1rem,3vw,3rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-container,:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-section{padding-block:clamp(3.5rem,11vw,8rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{align-items:stretch}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto{grid-auto-rows:minmax(10rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{grid-template-columns:1fr}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto>:nth-child(5n + 1){grid-column:span 2;min-height:24rem}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-grid--auto>:nth-child(5n + 3){transform:translateY(var(--ly-space-7))}}@media (min-width:56rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,13rem),0.28fr)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-app-sidebar{display:block;position:sticky;top:calc(var(--ly-gap) * 1.5);height:max-content;margin-block:clamp(2rem,8vw,7rem);transform:translateX(calc(var(--ly-gap) * -0.35));overflow:auto}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-sidebar-layout{grid-template-columns:minmax(0,1.55fr) minmax(min(100%,15rem),0.45fr)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-split{grid-template-columns:minmax(0,1.62fr) minmax(min(100%,16rem),0.54fr);gap:clamp(1.5rem,6vw,5rem)}:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-panes--two{grid-template-columns:minmax(min(100%,16rem),0.44fr) minmax(0,1.56fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="maximalist"],.ly-root[layout-style="maximalist"],.ly-root.ly-layout-maximalist,.ly-root.ly-style-maximalist) .ly-panes--three{grid-template-columns:minmax(min(100%,14rem),0.34fr) minmax(0,1.28fr) minmax(min(100%,18rem),0.58fr)}}}@layer ly.styles.bauhaus{:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus){--ly-container-max:92rem;--ly-page-padding-inline:clamp(1rem,2vw,2rem);--ly-section-padding-block:clamp(2.5rem,5vw,4.5rem);--ly-sidebar-width:clamp(8rem,12vw,12rem);--ly-grid-min:13rem;--ly-gap:clamp(0.75rem,1.6vw,1.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,1.5vw,1.25rem)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-main{padding-block:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-container,:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,7rem),0.18fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,8rem),0.22fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,12rem),0.5fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="bauhaus"],.ly-root[layout-style="bauhaus"],.ly-root.ly-layout-bauhaus,.ly-root.ly-style-bauhaus) .ly-panes--three{grid-template-columns:minmax(min(100%,10rem),0.25fr) minmax(0,1fr) minmax(min(100%,10rem),0.25fr)}}}@layer ly.styles.tactile{:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile){--ly-container-max:98rem;--ly-page-padding-inline:clamp(1rem,3vw,2.75rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(18rem,22vw,24rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.2vw,1.75rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-main{padding-block:clamp(1rem,2.5vw,2rem)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-container,:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,18rem),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,18rem),0.42fr) minmax(0,1fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-split{grid-template-columns:minmax(0,1.18fr) minmax(min(100%,18rem),0.82fr)}:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,20rem),0.62fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="tactile"],.ly-root[layout-style="tactile"],.ly-root.ly-layout-tactile,.ly-root.ly-style-tactile) .ly-panes--three{grid-template-columns:minmax(min(100%,17rem),0.4fr) minmax(0,1fr) minmax(min(100%,18rem),0.46fr)}}}@layer ly.styles.neumorphism{:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism){--ly-container-max:86rem;--ly-page-padding-inline:clamp(1.25rem,5vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:clamp(16rem,20vw,20rem);--ly-grid-min:16rem;--ly-gap:clamp(1.25rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1.25rem,2.5vw,2rem)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-main{padding-block:clamp(2rem,5vw,4rem)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-container,:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:56rem){:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.34fr);align-items:start}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,3vw,2rem);max-height:calc(100svh - clamp(2rem,6vw,4rem));margin:clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) 0;overflow:auto}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-sidebar-layout{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.42fr)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-split{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)}:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.5fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="neumorphism"],.ly-root[layout-style="neumorphism"],.ly-root.ly-layout-neumorphism,.ly-root.ly-style-neumorphism) .ly-panes--three{grid-template-columns:minmax(min(100%,15rem),0.38fr) minmax(0,1fr) minmax(min(100%,15rem),0.38fr)}}}@layer ly.styles.retrofuturism{:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism){--ly-container-max:110rem;--ly-page-padding-inline:clamp(1rem,4vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,7rem);--ly-sidebar-width:clamp(12rem,14vw,16rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2.4vw,2rem)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-main{padding-block:clamp(1.5rem,4vw,3rem)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-container,:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:56rem){:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-shell{grid-template-areas:"header header header" "sidebar main main";grid-template-columns:minmax(min(100%,12rem),0.24fr) minmax(0,1fr) minmax(min(100%,12rem),0.24fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,2vw,1.5rem);height:calc(100svh - clamp(2rem,4vw,3rem));margin:clamp(1rem,2vw,1.5rem) 0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);overflow:auto}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,12rem),0.32fr) minmax(0,1fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-split{grid-template-columns:minmax(0,1.35fr) minmax(min(100%,16rem),0.65fr)}:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-panes--two{grid-template-columns:minmax(min(100%,14rem),0.44fr) minmax(0,1.2fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="retrofuturism"],.ly-root[layout-style="retrofuturism"],.ly-root.ly-layout-retrofuturism,.ly-root.ly-style-retrofuturism) .ly-panes--three{grid-template-columns:minmax(min(100%,12rem),0.44fr) minmax(0,1.4fr) minmax(min(100%,12rem),0.44fr)}}}@layer ly.styles.brutalism{:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism){--ly-container-max:100vw;--ly-page-padding-inline:clamp(0.75rem,3vw,3rem);--ly-section-padding-block:clamp(2rem,6vw,5rem);--ly-sidebar-width:clamp(12rem,15vw,16rem);--ly-grid-min:12rem;--ly-gap:clamp(0.75rem,2vw,1.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-main{padding-block:0}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-container,:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-wrapper{width:min(100%,var(--ly-container-max))}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,12rem),0.22fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-sidebar-layout{grid-template-columns:minmax(0,1.55fr) minmax(min(100%,12rem),0.45fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-split{grid-template-columns:minmax(0,1.7fr) minmax(min(100%,12rem),0.3fr)}:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-panes--two{grid-template-columns:minmax(min(100%,12rem),0.35fr) minmax(0,1.65fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="brutalism"],.ly-root[layout-style="brutalism"],.ly-root.ly-layout-brutalism,.ly-root.ly-style-brutalism) .ly-panes--three{grid-template-columns:minmax(min(100%,11rem),0.28fr) minmax(0,1.42fr) minmax(min(100%,14rem),0.4fr)}}}@layer ly.styles.cyberpunk{:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk){--ly-container-max:104rem;--ly-page-padding-inline:clamp(0.75rem,2vw,2rem);--ly-section-padding-block:clamp(2rem,5vw,4rem);--ly-sidebar-width:clamp(10rem,12vw,12.5rem);--ly-grid-min:12rem;--ly-gap:clamp(0.75rem,1.8vw,1.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,1.5vw,1.25rem)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-main{padding-block:clamp(0.75rem,2vw,1.5rem)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-container,:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-shell{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:minmax(min(100%,var(--ly-sidebar-width)),var(--ly-sidebar-width)) minmax(0,1fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,10rem),0.24fr) minmax(0,1fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-split{grid-template-columns:minmax(0,1.2fr) minmax(min(100%,16rem),0.8fr)}:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,15rem),0.38fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="cyberpunk"],.ly-root[layout-style="cyberpunk"],.ly-root.ly-layout-cyberpunk,.ly-root.ly-style-cyberpunk) .ly-panes--three{grid-template-columns:minmax(min(100%,10rem),0.24fr) minmax(0,1fr) minmax(min(100%,16rem),0.38fr)}}}@layer ly.styles.y2k{:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k){--ly-container-max:84rem;--ly-page-padding-inline:clamp(1rem,5vw,4rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:clamp(17rem,22vw,21rem);--ly-grid-min:16rem;--ly-gap:clamp(1.25rem,3vw,2.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2.5vw,2rem)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-main{padding-block:clamp(2rem,6vw,4rem)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-container,:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:54rem){:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.34fr);align-items:start}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-app-sidebar{display:block;position:sticky;top:clamp(1rem,4vw,3rem);max-height:calc(100svh - clamp(2rem,8vw,6rem));margin:clamp(3rem,8vw,6rem) clamp(1rem,5vw,3rem) clamp(2rem,6vw,4rem) 0;overflow:auto}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-sidebar-layout{grid-template-columns:minmax(0,0.92fr) minmax(min(100%,16rem),1.08fr)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-split{grid-template-columns:minmax(0,0.86fr) minmax(min(100%,18rem),1.14fr)}:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,17rem),0.56fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="y2k"],.ly-root[layout-style="y2k"],.ly-root.ly-layout-y2k,.ly-root.ly-style-y2k) .ly-panes--three{grid-template-columns:minmax(min(100%,16rem),0.5fr) minmax(0,1fr) minmax(min(100%,16rem),0.5fr)}}}@layer ly.styles.retro_glass{:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass){--ly-container-max:96rem;--ly-page-padding-inline:clamp(1rem,4vw,3rem);--ly-section-padding-block:clamp(3rem,8vw,6rem);--ly-sidebar-width:18rem;--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.6vw,2rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2vw,1.75rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-main{padding:clamp(1rem,3vw,2rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-container,:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-wrapper{width:min(100%,var(--ly-container-max))}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-section{padding-block:clamp(2rem,6vw,5rem)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{align-items:stretch}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{grid-template-columns:1fr}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.62fr)}}@media (min-width:56rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),var(--ly-sidebar-width))}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-4);height:calc(100svh - (var(--ly-space-4) * 2));margin:var(--ly-space-4) var(--ly-space-4) var(--ly-space-4) 0;overflow:auto}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-sidebar-layout{grid-template-columns:minmax(0,1fr) minmax(min(100%,16rem),0.48fr)}:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-split{grid-template-columns:minmax(0,1.1fr) minmax(min(100%,18rem),0.9fr)}}@media (min-width:78rem){:where(.ly-root[data-layout="retro-glass"],.ly-root[layout-style="retro-glass"],.ly-root.ly-layout-retro-glass,.ly-root.ly-style-retro-glass) .ly-panes--three{grid-template-columns:minmax(min(100%,15rem),0.4fr) minmax(0,1fr) minmax(min(100%,18rem),0.52fr)}}}@layer ly.styles.f_pattern{:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern){--ly-container-max:94rem;--ly-page-padding-inline:clamp(1rem,3vw,2.75rem);--ly-section-padding-block:clamp(2rem,5vw,4.5rem);--ly-sidebar-width:clamp(13rem,19vw,20rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.25vw,1.85rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.875rem,1.8vw,1.45rem)}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-app-main{padding-block:clamp(0.75rem,2vw,2rem)}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-container,:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-app-shell{grid-template-areas:"header header" "sidebar main";grid-template-columns:minmax(min(100%,13rem),0.3fr) minmax(0,1fr);grid-template-rows:auto 1fr}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-app-sidebar{display:block;position:sticky;top:0;height:100svh;overflow:auto}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-grid--auto>:nth-child(3n + 1){grid-column:span 2;min-height:13rem}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,14rem),0.34fr) minmax(0,1fr)}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-split{grid-template-columns:minmax(0,1.35fr) minmax(min(100%,18rem),0.65fr)}:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-panes--two{grid-template-columns:minmax(min(100%,15rem),0.38fr) minmax(0,1fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="f-pattern"],.ly-root[layout-style="f-pattern"],.ly-root.ly-layout-f-pattern,.ly-root.ly-style-f-pattern) .ly-panes--three{grid-template-columns:minmax(min(100%,13rem),0.28fr) minmax(0,1.28fr) minmax(min(100%,16rem),0.44fr)}}}@layer ly.styles.z_pattern{:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern){--ly-container-max:100rem;--ly-page-padding-inline:clamp(1rem,3.4vw,3rem);--ly-section-padding-block:clamp(2rem,5.5vw,5rem);--ly-sidebar-width:clamp(14rem,20vw,21rem);--ly-grid-min:15rem;--ly-gap:clamp(1rem,2.4vw,2rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.875rem,1.9vw,1.5rem)}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-app-main{padding-block:clamp(1rem,2.6vw,2.5rem)}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-container,:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-grid--auto{grid-auto-rows:minmax(8rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1.18fr) minmax(min(100%,15rem),0.42fr)}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-4);height:calc(100svh - (var(--ly-space-4) * 2));overflow:auto}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-grid--auto>:nth-child(4n + 2){grid-column:span 2;min-height:12rem}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-sidebar-layout{grid-template-columns:minmax(0,1fr) minmax(min(100%,15rem),0.36fr)}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-split{grid-template-columns:minmax(0,0.92fr) minmax(min(100%,19rem),1.08fr);align-items:end}:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-panes--two{grid-template-columns:minmax(0,1.25fr) minmax(min(100%,17rem),0.75fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="z-pattern"],.ly-root[layout-style="z-pattern"],.ly-root.ly-layout-z-pattern,.ly-root.ly-style-z-pattern) .ly-panes--three{grid-template-columns:minmax(0,1.1fr) minmax(min(100%,15rem),0.55fr) minmax(min(100%,14rem),0.35fr)}}}@layer ly.styles.split_screen{:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen){--ly-container-max:100vw;--ly-page-padding-inline:clamp(0.875rem,2.5vw,2rem);--ly-section-padding-block:clamp(1.5rem,4vw,3.5rem);--ly-sidebar-width:50vw;--ly-grid-min:14rem;--ly-gap:clamp(0.875rem,2vw,1.5rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.875rem,1.6vw,1.25rem)}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-app-main{padding-block:0}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-container,:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-wrapper{width:min(100%,var(--ly-container-max))}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-app-sidebar{display:block;min-height:100%;overflow:auto}:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-sidebar-layout,:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-split,:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-panes--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="split-screen"],.ly-root[layout-style="split-screen"],.ly-root.ly-layout-split-screen,.ly-root.ly-style-split-screen) .ly-panes--three{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}}@layer ly.styles.mondrian{:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian){--ly-container-max:108rem;--ly-page-padding-inline:clamp(0.75rem,2.5vw,2rem);--ly-section-padding-block:clamp(1.75rem,4.5vw,4rem);--ly-sidebar-width:clamp(11rem,16vw,17rem);--ly-grid-min:11rem;--ly-gap:clamp(0.75rem,1.6vw,1.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(0.75rem,1.5vw,1.2rem)}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-app-main{padding-block:clamp(0.75rem,1.8vw,1.5rem)}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-container,:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-grid--auto{grid-auto-rows:minmax(7rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-app-shell{grid-template-areas:"sidebar header header" "sidebar main main";grid-template-columns:minmax(min(100%,11rem),0.28fr) minmax(0,0.86fr) minmax(0,1.14fr);grid-template-rows:auto 1fr}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-app-sidebar{display:block;position:sticky;top:var(--ly-space-3);height:calc(100svh - (var(--ly-space-3) * 2));overflow:auto}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-grid--auto>:nth-child(5n + 1){grid-column:span 2;grid-row:span 2;min-height:15rem}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-sidebar-layout{grid-template-columns:minmax(min(100%,11rem),0.25fr) minmax(0,1fr)}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-split{grid-template-columns:minmax(0,0.7fr) minmax(min(100%,20rem),1.3fr)}:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-panes--two{grid-template-columns:minmax(min(100%,13rem),0.46fr) minmax(0,1.54fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="mondrian"],.ly-root[layout-style="mondrian"],.ly-root.ly-layout-mondrian,.ly-root.ly-style-mondrian) .ly-panes--three{grid-template-columns:minmax(min(100%,11rem),0.28fr) minmax(0,1.44fr) minmax(min(100%,13rem),0.28fr)}}}@layer ly.styles.synthwave{:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave){--ly-container-max:112rem;--ly-page-padding-inline:clamp(1rem,4vw,3.5rem);--ly-section-padding-block:clamp(2.5rem,7vw,6rem);--ly-sidebar-width:clamp(14rem,18vw,20rem);--ly-grid-min:14rem;--ly-gap:clamp(1rem,2.8vw,2.25rem);--ly-grid-gap:var(--ly-gap);--ly-stack-gap:clamp(1rem,2.2vw,1.8rem);--ly-carousel-item-min:18rem;--ly-carousel-item-max:34rem}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-app-main{padding-block:clamp(1rem,3vw,3rem)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-container,:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-wrapper{width:min(100% - var(--ly-page-padding-inline),var(--ly-container-max))}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-section{padding-block:var(--ly-section-padding-block)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-grid--auto{grid-auto-rows:minmax(9rem,auto)}@media (min-width:48rem){:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-app-shell{grid-template-areas:"header header" "main main" "sidebar sidebar";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-app-sidebar{display:block;overflow:auto}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-sidebar-layout{grid-template-columns:minmax(0,1.2fr) minmax(min(100%,17rem),0.8fr)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-split{grid-template-columns:minmax(0,1fr)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-panes--two{grid-template-columns:minmax(0,1.35fr) minmax(min(100%,17rem),0.65fr)}}@media (min-width:80rem){:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-app-shell{grid-template-areas:"header header" "main sidebar";grid-template-columns:minmax(0,1.52fr) minmax(min(100%,17rem),0.48fr)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-app-sidebar{position:sticky;top:var(--ly-space-5);height:calc(100svh - (var(--ly-space-5) * 2))}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-split{grid-template-columns:minmax(0,1.42fr) minmax(min(100%,20rem),0.58fr)}:where(.ly-root[data-layout="synthwave"],.ly-root[layout-style="synthwave"],.ly-root.ly-layout-synthwave,.ly-root.ly-style-synthwave) .ly-panes--three{grid-template-columns:minmax(min(100%,14rem),0.36fr) minmax(0,1.28fr) minmax(min(100%,16rem),0.36fr)}}}
package/dist/layout-style-f-pattern.css ADDED
@@ -0,0 +1,76 @@
1
+ /*
2
+ Layout style: f-pattern.
3
+ Top-led scan path with a persistent left rail and heavier early content rows.
4
+ Visual identity remains owned by ui-style-kit-css.
5
+ */
6
+
7
+ @layer ly.styles.f_pattern {
8
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) {
9
+ --ly-container-max: 94rem;
10
+ --ly-page-padding-inline: clamp(1rem, 3vw, 2.75rem);
11
+ --ly-section-padding-block: clamp(2rem, 5vw, 4.5rem);
12
+ --ly-sidebar-width: clamp(13rem, 19vw, 20rem);
13
+ --ly-grid-min: 15rem;
14
+ --ly-gap: clamp(1rem, 2.25vw, 1.85rem);
15
+ --ly-grid-gap: var(--ly-gap);
16
+ --ly-stack-gap: clamp(0.875rem, 1.8vw, 1.45rem);
17
+ }
18
+
19
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-app-main {
20
+ padding-block: clamp(0.75rem, 2vw, 2rem);
21
+ }
22
+
23
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-container,
24
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-wrapper {
25
+ width: min(100% - var(--ly-page-padding-inline), var(--ly-container-max));
26
+ }
27
+
28
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-section {
29
+ padding-block: var(--ly-section-padding-block);
30
+ }
31
+
32
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-grid--auto {
33
+ grid-auto-rows: minmax(8rem, auto);
34
+ }
35
+
36
+ @media (min-width: 48rem) {
37
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-app-shell {
38
+ grid-template-areas:
39
+ "header header"
40
+ "sidebar main";
41
+ grid-template-columns: minmax(min(100%, 13rem), 0.3fr) minmax(0, 1fr);
42
+ grid-template-rows: auto 1fr;
43
+ }
44
+
45
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-app-sidebar {
46
+ display: block;
47
+ position: sticky;
48
+ top: 0;
49
+ height: 100svh;
50
+ overflow: auto;
51
+ }
52
+
53
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-grid--auto > :nth-child(3n + 1) {
54
+ grid-column: span 2;
55
+ min-height: 13rem;
56
+ }
57
+
58
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-sidebar-layout {
59
+ grid-template-columns: minmax(min(100%, 14rem), 0.34fr) minmax(0, 1fr);
60
+ }
61
+
62
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-split {
63
+ grid-template-columns: minmax(0, 1.35fr) minmax(min(100%, 18rem), 0.65fr);
64
+ }
65
+
66
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-panes--two {
67
+ grid-template-columns: minmax(min(100%, 15rem), 0.38fr) minmax(0, 1fr);
68
+ }
69
+ }
70
+
71
+ @media (min-width: 80rem) {
72
+ :where(.ly-root[data-layout="f-pattern"], .ly-root[layout-style="f-pattern"], .ly-root.ly-layout-f-pattern, .ly-root.ly-style-f-pattern) .ly-panes--three {
73
+ grid-template-columns: minmax(min(100%, 13rem), 0.28fr) minmax(0, 1.28fr) minmax(min(100%, 16rem), 0.44fr);
74
+ }
75
+ }
76
+ }
package/dist/layout-style-mondrian.css ADDED
@@ -0,0 +1,77 @@
1
+ /*
2
+ Layout style: mondrian.
3
+ Asymmetrical rectangular blocks with staggered spans inspired by Mondrian
4
+ composition. Visual identity remains owned by ui-style-kit-css.
5
+ */
6
+
7
+ @layer ly.styles.mondrian {
8
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) {
9
+ --ly-container-max: 108rem;
10
+ --ly-page-padding-inline: clamp(0.75rem, 2.5vw, 2rem);
11
+ --ly-section-padding-block: clamp(1.75rem, 4.5vw, 4rem);
12
+ --ly-sidebar-width: clamp(11rem, 16vw, 17rem);
13
+ --ly-grid-min: 11rem;
14
+ --ly-gap: clamp(0.75rem, 1.6vw, 1.25rem);
15
+ --ly-grid-gap: var(--ly-gap);
16
+ --ly-stack-gap: clamp(0.75rem, 1.5vw, 1.2rem);
17
+ }
18
+
19
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-app-main {
20
+ padding-block: clamp(0.75rem, 1.8vw, 1.5rem);
21
+ }
22
+
23
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-container,
24
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-wrapper {
25
+ width: min(100% - var(--ly-page-padding-inline), var(--ly-container-max));
26
+ }
27
+
28
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-section {
29
+ padding-block: var(--ly-section-padding-block);
30
+ }
31
+
32
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-grid--auto {
33
+ grid-auto-rows: minmax(7rem, auto);
34
+ }
35
+
36
+ @media (min-width: 48rem) {
37
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-app-shell {
38
+ grid-template-areas:
39
+ "sidebar header header"
40
+ "sidebar main main";
41
+ grid-template-columns: minmax(min(100%, 11rem), 0.28fr) minmax(0, 0.86fr) minmax(0, 1.14fr);
42
+ grid-template-rows: auto 1fr;
43
+ }
44
+
45
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-app-sidebar {
46
+ display: block;
47
+ position: sticky;
48
+ top: var(--ly-space-3);
49
+ height: calc(100svh - (var(--ly-space-3) * 2));
50
+ overflow: auto;
51
+ }
52
+
53
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-grid--auto > :nth-child(5n + 1) {
54
+ grid-column: span 2;
55
+ grid-row: span 2;
56
+ min-height: 15rem;
57
+ }
58
+
59
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-sidebar-layout {
60
+ grid-template-columns: minmax(min(100%, 11rem), 0.25fr) minmax(0, 1fr);
61
+ }
62
+
63
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-split {
64
+ grid-template-columns: minmax(0, 0.7fr) minmax(min(100%, 20rem), 1.3fr);
65
+ }
66
+
67
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-panes--two {
68
+ grid-template-columns: minmax(min(100%, 13rem), 0.46fr) minmax(0, 1.54fr);
69
+ }
70
+ }
71
+
72
+ @media (min-width: 80rem) {
73
+ :where(.ly-root[data-layout="mondrian"], .ly-root[layout-style="mondrian"], .ly-root.ly-layout-mondrian, .ly-root.ly-style-mondrian) .ly-panes--three {
74
+ grid-template-columns: minmax(min(100%, 11rem), 0.28fr) minmax(0, 1.44fr) minmax(min(100%, 13rem), 0.28fr);
75
+ }
76
+ }
77
+ }
package/dist/layout-style-split-screen.css ADDED
@@ -0,0 +1,62 @@
1
+ /*
2
+ Layout style: split-screen.
3
+ Equal-weight shell columns for contrasting focal points or side-by-side
4
+ choices. Visual identity remains owned by ui-style-kit-css.
5
+ */
6
+
7
+ @layer ly.styles.split_screen {
8
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) {
9
+ --ly-container-max: 100vw;
10
+ --ly-page-padding-inline: clamp(0.875rem, 2.5vw, 2rem);
11
+ --ly-section-padding-block: clamp(1.5rem, 4vw, 3.5rem);
12
+ --ly-sidebar-width: 50vw;
13
+ --ly-grid-min: 14rem;
14
+ --ly-gap: clamp(0.875rem, 2vw, 1.5rem);
15
+ --ly-grid-gap: var(--ly-gap);
16
+ --ly-stack-gap: clamp(0.875rem, 1.6vw, 1.25rem);
17
+ }
18
+
19
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-app-main {
20
+ padding-block: 0;
21
+ }
22
+
23
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-container,
24
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-wrapper {
25
+ width: min(100%, var(--ly-container-max));
26
+ }
27
+
28
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-section {
29
+ padding-block: var(--ly-section-padding-block);
30
+ }
31
+
32
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-grid--auto {
33
+ grid-auto-rows: minmax(9rem, auto);
34
+ }
35
+
36
+ @media (min-width: 48rem) {
37
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-app-shell {
38
+ grid-template-areas:
39
+ "header header"
40
+ "main sidebar";
41
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
42
+ }
43
+
44
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-app-sidebar {
45
+ display: block;
46
+ min-height: 100%;
47
+ overflow: auto;
48
+ }
49
+
50
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-sidebar-layout,
51
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-split,
52
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-panes--two {
53
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
54
+ }
55
+ }
56
+
57
+ @media (min-width: 80rem) {
58
+ :where(.ly-root[data-layout="split-screen"], .ly-root[layout-style="split-screen"], .ly-root.ly-layout-split-screen, .ly-root.ly-style-split-screen) .ly-panes--three {
59
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
60
+ }
61
+ }
62
+ }
package/dist/layout-style-synthwave.css ADDED
@@ -0,0 +1,88 @@
1
+ /*
2
+ Layout style: synthwave.
3
+ Wide stage, dock-like support areas, and cinematic horizontal flow inspired
4
+ by retro-futuristic interface composition. Visual identity remains owned by
5
+ ui-style-kit-css.
6
+ */
7
+
8
+ @layer ly.styles.synthwave {
9
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) {
10
+ --ly-container-max: 112rem;
11
+ --ly-page-padding-inline: clamp(1rem, 4vw, 3.5rem);
12
+ --ly-section-padding-block: clamp(2.5rem, 7vw, 6rem);
13
+ --ly-sidebar-width: clamp(14rem, 18vw, 20rem);
14
+ --ly-grid-min: 14rem;
15
+ --ly-gap: clamp(1rem, 2.8vw, 2.25rem);
16
+ --ly-grid-gap: var(--ly-gap);
17
+ --ly-stack-gap: clamp(1rem, 2.2vw, 1.8rem);
18
+ --ly-carousel-item-min: 18rem;
19
+ --ly-carousel-item-max: 34rem;
20
+ }
21
+
22
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-app-main {
23
+ padding-block: clamp(1rem, 3vw, 3rem);
24
+ }
25
+
26
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-container,
27
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-wrapper {
28
+ width: min(100% - var(--ly-page-padding-inline), var(--ly-container-max));
29
+ }
30
+
31
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-section {
32
+ padding-block: var(--ly-section-padding-block);
33
+ }
34
+
35
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-grid--auto {
36
+ grid-auto-rows: minmax(9rem, auto);
37
+ }
38
+
39
+ @media (min-width: 48rem) {
40
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-app-shell {
41
+ grid-template-areas:
42
+ "header header"
43
+ "main main"
44
+ "sidebar sidebar";
45
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
46
+ }
47
+
48
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-app-sidebar {
49
+ display: block;
50
+ overflow: auto;
51
+ }
52
+
53
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-sidebar-layout {
54
+ grid-template-columns: minmax(0, 1.2fr) minmax(min(100%, 17rem), 0.8fr);
55
+ }
56
+
57
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-split {
58
+ grid-template-columns: minmax(0, 1fr);
59
+ }
60
+
61
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-panes--two {
62
+ grid-template-columns: minmax(0, 1.35fr) minmax(min(100%, 17rem), 0.65fr);
63
+ }
64
+ }
65
+
66
+ @media (min-width: 80rem) {
67
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-app-shell {
68
+ grid-template-areas:
69
+ "header header"
70
+ "main sidebar";
71
+ grid-template-columns: minmax(0, 1.52fr) minmax(min(100%, 17rem), 0.48fr);
72
+ }
73
+
74
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-app-sidebar {
75
+ position: sticky;
76
+ top: var(--ly-space-5);
77
+ height: calc(100svh - (var(--ly-space-5) * 2));
78
+ }
79
+
80
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-split {
81
+ grid-template-columns: minmax(0, 1.42fr) minmax(min(100%, 20rem), 0.58fr);
82
+ }
83
+
84
+ :where(.ly-root[data-layout="synthwave"], .ly-root[layout-style="synthwave"], .ly-root.ly-layout-synthwave, .ly-root.ly-style-synthwave) .ly-panes--three {
85
+ grid-template-columns: minmax(min(100%, 14rem), 0.36fr) minmax(0, 1.28fr) minmax(min(100%, 16rem), 0.36fr);
86
+ }
87
+ }
88
+ }