@layer kapish.tokens{:root{--layout-shell-header-height: 3.5rem;--layout-shell-footer-height: 2.5rem;--layout-shell-sidebar-width: 16rem;--layout-shell-sidebar-collapsed-width: 3.5rem;--layout-shell-detail-width: 22rem;--layout-shell-drawer-height: 12rem;--layout-shell-gap: 0}}@layer kapish.components{.carrot-layout-shell{container-type:inline-size;container-name:shell;display:grid;min-height:100dvh;gap:var(--layout-shell-gap);grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}.carrot-layout-shell__header{grid-area:header;min-height:var(--layout-shell-header-height)}.carrot-layout-shell__sidebar{grid-area:sidebar;min-width:0}.carrot-layout-shell__main{grid-area:main;min-width:0;min-height:0}.carrot-layout-shell__detail{grid-area:detail;min-width:0}.carrot-layout-shell__drawer{grid-area:drawer;min-height:0}.carrot-layout-shell__footer{grid-area:footer;min-height:var(--layout-shell-footer-height)}.carrot-layout-shell[data-sidebar]{grid-template-columns:var(--layout-shell-sidebar-width) 1fr;grid-template-areas:"header header" "sidebar main" "footer footer"}.carrot-layout-shell[data-sidebar=collapsed]{grid-template-columns:var(--layout-shell-sidebar-collapsed-width) 1fr}.carrot-layout-shell[data-detail]{grid-template-columns:1fr var(--layout-shell-detail-width);grid-template-areas:"header header" "main detail" "footer footer"}.carrot-layout-shell[data-sidebar][data-detail]{grid-template-columns:var(--layout-shell-sidebar-width) 1fr var(--layout-shell-detail-width);grid-template-areas:"header header header" "sidebar main detail" "footer footer footer"}.carrot-layout-shell[data-sidebar=collapsed][data-detail]{grid-template-columns:var(--layout-shell-sidebar-collapsed-width) 1fr var(--layout-shell-detail-width)}.carrot-layout-shell[data-drawer]{grid-template-rows:auto 1fr var(--layout-shell-drawer-height) auto;grid-template-areas:"header" "main" "drawer" "footer"}.carrot-layout-shell[data-sidebar][data-drawer]{grid-template-columns:var(--layout-shell-sidebar-width) 1fr;grid-template-rows:auto 1fr var(--layout-shell-drawer-height) auto;grid-template-areas:"header header" "sidebar main" "sidebar drawer" "footer footer"}.carrot-layout-shell[data-sidebar=collapsed][data-drawer]{grid-template-columns:var(--layout-shell-sidebar-collapsed-width) 1fr}.carrot-layout-shell[data-sidebar][data-detail][data-drawer]{grid-template-columns:var(--layout-shell-sidebar-width) 1fr var(--layout-shell-detail-width);grid-template-rows:auto 1fr var(--layout-shell-drawer-height) auto;grid-template-areas:"header header header" "sidebar main detail" "sidebar drawer detail" "footer footer footer"}@media(max-width:768px){.carrot-layout-shell[data-sidebar],.carrot-layout-shell[data-detail],.carrot-layout-shell[data-drawer]{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto auto;grid-template-areas:"header" "sidebar" "main" "drawer" "detail" "footer"}}}@layer kapish.tokens{:root{--stage-split-max: 64rem;--stage-split-cols: 1fr 1fr;--stage-split-min: 30rem;--stage-panel-max: 28rem;--stage-gutter: 1.5rem;--stage-gap: 1.5rem}}@layer kapish.components{.carrot-stage{container-type:inline-size;container-name:stage;position:relative;min-block-size:100dvh;box-sizing:border-box}.carrot-stage__media,.carrot-stage__background,.carrot-stage__panel,.carrot-stage__header,.carrot-stage__footer{min-inline-size:0;min-block-size:0}.carrot-stage[data-stage=split]{display:grid;grid-template-columns:var(--stage-split-cols);grid-template-rows:minmax(var(--stage-split-min),auto);grid-template-areas:"panel media";max-inline-size:var(--stage-split-max);margin-inline:auto;align-content:center}.carrot-stage[data-stage=split][data-media=start]{grid-template-areas:"media panel"}.carrot-stage[data-stage=split]>.carrot-stage__panel{grid-area:panel}.carrot-stage[data-stage=split]>.carrot-stage__media{grid-area:media}@media(max-width:480px){.carrot-stage[data-stage=split][data-collapse=xs]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse=xs]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse=xs]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}@media(max-width:640px){.carrot-stage[data-stage=split][data-collapse=sm]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse=sm]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse=sm]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}@media(max-width:768px){.carrot-stage[data-stage=split][data-collapse=md]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse=md]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse=md]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}@media(max-width:1024px){.carrot-stage[data-stage=split][data-collapse=lg]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse=lg]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse=lg]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}@media(max-width:1280px){.carrot-stage[data-stage=split][data-collapse=xl]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse=xl]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse=xl]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}@media(max-width:1536px){.carrot-stage[data-stage=split][data-collapse="2xl"]{display:block;max-inline-size:none;margin-inline:0}.carrot-stage[data-stage=split][data-collapse="2xl"]>.carrot-stage__media{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=split][data-collapse="2xl"]>.carrot-stage__panel{position:relative;z-index:1;min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,var(--stage-panel-max));justify-content:center;align-content:center;padding:var(--stage-gutter)}}.carrot-stage[data-stage=centered]{display:grid;place-content:center;padding:var(--stage-gutter)}.carrot-stage[data-stage=centered]>.carrot-stage__background{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=centered]>.carrot-stage__panel{position:relative;z-index:1;inline-size:min(100%,var(--stage-panel-max))}.carrot-stage[data-stage=hero]{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";gap:var(--stage-gap);padding:var(--stage-gutter)}.carrot-stage[data-stage=hero]>.carrot-stage__background{position:absolute;inset:0;z-index:0}.carrot-stage[data-stage=hero]>.carrot-stage__header{grid-area:header;position:relative;z-index:1}.carrot-stage[data-stage=hero]>.carrot-stage__panel{grid-area:main;position:relative;z-index:1;align-self:center;justify-self:center;inline-size:min(100%,var(--stage-panel-max))}.carrot-stage[data-stage=hero]>.carrot-stage__footer{grid-area:footer;position:relative;z-index:1}}