.demo-stage[data-astro-cid-jeb73yfr]{container:stage/inline-size}.demo-container[data-astro-cid-jeb73yfr]{padding:var(--space-l)}.demo-anchor-name[data-astro-cid-jeb73yfr]{padding-block-start:var(--space-xl);& .demo-avatar{anchor-name:--avatar;max-inline-size:var(--space-xl);aspect-ratio:1;padding:var(--space-m);background-color:#fff;border-radius:50%;place-items:center;margin-inline:auto;display:grid}& .demo-hello{position-area:start span-all;padding-block:var(--space-xs);padding-inline:var(--space-s);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:center;background-color:teal;border-radius:8px;place-items:center;position:absolute;inset-block-end:16px}& .demo-hello:not([popover]){position-anchor:--avatar;display:grid}& :where(.demo-hello[popover]){inset:unset;position-visibility:always;color:inherit;border:none;margin:0;overflow:visible}& :where(.demo-hello[popover]:popover-open){display:grid}& .demo-hello:after{content:"";clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:teal;block-size:9px;inline-size:10px;display:block;position:absolute;inset-block-end:-9px}& .demo-hello.--popover{position:revert;position-anchor:none;position-area:none}& .demo-popover-anchor{position-area:start span-all}& .demo-hello-btn{--shadow-size:2px;--shadow-color:black;row-gap:var(--space-xs);min-inline-size:100px;padding:var(--space-s);border:solid 1px var(--shadow-color);border-block-end-color:var(--shadow-color);box-shadow:0 var(--shadow-size) 0 var(--shadow-color);color:#042020;font-family:var(--font-family-en);font-size:var(--font-size-p-xs);text-transform:uppercase;cursor:pointer;translate:0 calc(-1 * var(--shadow-size));background-color:#eaf5f5;border-radius:8px;justify-items:center;margin:auto;line-height:1.1;display:grid;position:relative}& .demo-hello-btn:active{box-shadow:none;translate:0}& .demo-hello-btn img{max-inline-size:32px}}.demo-anchor-name[data-astro-cid-jeb73yfr].--multi{gap:var(--space-xl);justify-content:center;display:flex}.demo-anchor-scope[data-astro-cid-jeb73yfr]{anchor-scope:all}@container stage (inline-size<460px){.demo-anchor-name[data-astro-cid-jeb73yfr].--multi{flex-direction:column;& .demo-hello{position-area:span-all end;inset-block:0;inset-inline-start:calc(anchor(end) + 16px)}& .demo-hello:after{margin:auto;inset-block:0;inset-inline-start:-8px;rotate:90deg}}}@container stage (inline-size>=460px){.demo-anchor-name[data-astro-cid-jeb73yfr].--multi{grid-template-columns:repeat(3,1fr)}}.demo-anchor-select[data-astro-cid-jeb73yfr]{& .demo-container{background-color:#577575}& .demo-grid-bg{aspect-ratio:4/3;background-color:#2b3b3b;border-radius:8px;max-inline-size:460px;margin:auto;padding:8px}& .demo-grid{anchor-name:--anchor-select-container;aspect-ratio:4/3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;inline-size:100%;display:grid;position:relative;container-type:size}& .demo-grid-line{z-index:10;pointer-events:none;display:block;position:absolute}&[data-position-guide=false] .demo-grid-line[data-astro-cid-jeb73yfr]{opacity:0}& .demo-grid-line.--inline{border-inline:2px solid #2b3b3b;inset-block:0;inset-inline-start:anchor(--anchor-select start);inset-inline-end:anchor(--anchor-select end)}& .demo-grid-line.--block{border-block:2px solid #2b3b3b;inset-block-start:anchor(--anchor-select start);inset-block-end:anchor(--anchor-select end);inset-inline:0}& .demo-grid-cell{background-color:#7f9f9f;block-size:100%;inline-size:100%}& .demo-anchor{anchor-name:--anchor-select;position-anchor:--anchor-select-container;gap:var(--space-xs);block-size:33.3333cqb;inline-size:33.3333cqi;font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);text-transform:uppercase;background-color:#003d3d;justify-content:center;align-items:center;display:flex;position:absolute}& .demo-anchor-label{display:none}& .demo-positioned{position-anchor:--anchor-select;mix-blend-mode:hard-light;background-color:#cb0;background-image:repeating-linear-gradient(-45deg,#0003 0 2px,#cb0 0 6px);place-self:stretch stretch;display:grid;position:absolute}& .demo-positioned.--anchor-select{position-area:start}& .demo-positioned.--anchor-func{block-size:33.3333cqb;inline-size:33.3333cqi;inset:auto}&[data-position-fill=false] .demo-positioned[data-astro-cid-jeb73yfr]{block-size:100%;inline-size:100%;max-inline-size:calc(anchor-size(block) / 2);max-block-size:calc(anchor-size(block) / 2)}&[data-position-fill=false] [data-astro-cid-jeb73yfr].demo-positioned.--anchor-select{place-self:unset}&[data-justify-self=true] .demo-positioned[data-astro-cid-jeb73yfr]{justify-self:anchor-center}&[data-align-self=true] .demo-positioned[data-astro-cid-jeb73yfr]{align-self:anchor-center}& .demo-pager{column-gap:var(--space-l);row-gap:var(--space-m);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-m);display:flex}& .demo-pager-target{anchor-name:--pager;anchor-scope:--pager;font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);text-transform:uppercase}& .demo-pager-target:after{content:"";position-anchor:--pager;align-self:anchor-center;aspect-ratio:1;background-image:url("data:image/svg+xml;utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"10\" fill=\"white\"><rect x=\"4\" y=\"0\" width=\"2\" height=\"2\" /><rect x=\"2\" y=\"2\" width=\"2\" height=\"2\" /><rect x=\"0\" y=\"4\" width=\"2\" height=\"2\" /><rect x=\"2\" y=\"6\" width=\"2\" height=\"2\" /><rect x=\"4\" y=\"8\" width=\"2\" height=\"2\" /></svg>");background-repeat:no-repeat;inline-size:1em;display:block;position:absolute;inset-block:0}& .demo-pager-target.--prev:after{inset-inline-end:calc(anchor(start) + 4px)}& .demo-pager-target.--next:after{inset-inline-start:calc(anchor(end) + 4px);scale:-1 1}& .demo-pager-target:hover,& .demo-pager-target:active{mix-blend-mode:overlay}& .demo-controls{font-family:var(--font-family-en);font-size:var(--font-size-p-s);background-color:#062d2d}& .demo-tab-list{grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}& .demo-tab{padding-block:var(--space-s);padding-inline:var(--space-s);text-transform:uppercase;cursor:pointer;line-height:1.2;position:relative}& .demo-tab+.demo-tab[data-astro-cid-jeb73yfr]{border-inline-start:2px solid #000}& .demo-tab[aria-selected=true]{cursor:default;pointer-events:none}& .demo-tab[aria-selected=false]{color:color-mix(in srgb, currentColor 60%, transparent);background-color:#153232}& .demo-tab:after{content:"";pointer-events:none;background-color:#000;block-size:2px;inline-size:100%;display:block;position:absolute;inset-block-end:0;inset-inline-start:0}& .demo-tab[aria-selected=true]:after{visibility:hidden}& .demo-panel{padding-block:var(--space-l);padding-inline:var(--space-m);border-block-end:2px solid #000}& .demo-panel[aria-hidden=true]{display:none}& .demo-check-list{column-gap:var(--space-l);row-gap:var(--space-m);padding-block:var(--space-l);padding-inline:var(--space-m);flex-wrap:wrap;justify-content:end;display:flex}& .demo-check-list+.demo-check-list[data-astro-cid-jeb73yfr]{border-block-start:2px solid #000}& .demo-check-list.--center{justify-content:center}& .demo-check-list.--option{column-gap:var(--space-m);font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);text-transform:uppercase;padding-block-start:0}& .demo-check-list-item{gap:var(--space-xs);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;display:grid}& .demo-check-list-item input[type=checkbox]{appearance:none;background-color:#000;border:2px solid #007575;border-radius:0;block-size:16px;inline-size:16px;position:relative}& .demo-check-list-item input[type=checkbox]:before{display:none}& .demo-check-list-item input[type=checkbox]:checked:after{content:"";aspect-ratio:1;background-color:#ffc400;inline-size:8px;margin:auto;display:block;position:absolute;inset:0}& .demo-select{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;align-items:center;line-height:1.2;display:flex}& .demo-select-multi{gap:var(--space-m);place-items:center;display:grid}& .demo-select-inner{max-inline-size:460px;position:relative}& .demo-select-inner:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"12\" fill=\"%2392dddd\"><path d=\"M3,0l3,4H0L3,0Z\"/><path d=\"M3,12L0,8h6l-3,4Z\"/></svg>");background-size:auto 100%;block-size:12px;inline-size:6px;margin-block:auto;display:block;position:absolute;inset-block:0;inset-inline-end:16px}& .demo-select select{text-overflow:ellipsis;inline-size:100cqi;max-inline-size:240px;padding-block:var(--space-xs);text-align:center;white-space:nowrap;border:2px solid #007575;padding-inline:2.4em;overflow:hidden}& .demo-label-icon{gap:var(--space-xs);justify-content:center;align-items:center;display:flex}& .demo-label-icon:before{content:"";aspect-ratio:1;border:1px solid;inline-size:14px;display:block}& .demo-label-icon.--1:before{border-block-start-width:4px}& .demo-label-icon.--2:before{border-inline-end-width:4px}& .demo-label-icon.--3:before{border-block-end-width:4px}& .demo-label-icon.--4:before{border-inline-start-width:4px}}@container stage (inline-size>=540px){.demo-anchor-select[data-astro-cid-jeb73yfr]{& .demo-anchor-label{display:revert}& .demo-select-multi{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"top right""left bottom"}& .demo-select{gap:var(--space-xs);flex-wrap:wrap;justify-self:center;align-items:center;line-height:1.2;display:flex}& .demo-select-multi .demo-select{display:grid}& .demo-select.--1{grid-area:top}& .demo-select.--2{grid-area:right}& .demo-select.--3{grid-area:bottom}& .demo-select.--4{grid-area:left}}}.demo-timetable[data-astro-cid-jeb73yfr]{padding-block:var(--space-l);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:center;overflow-wrap:break-word;word-wrap:break-word;background-color:#2b3b3b;line-height:1.4;overflow:auto;& .demo-table{background-color:#7f9f9f;grid-template-columns:auto repeat(3,minmax(8em,1fr));grid-template-areas:".stage-research stage-design stage-dev""time-1000. . .""time-1030. . .""time-1100. . .""time-1130. . .""time-1200. . .""time-1230. . .""time-1300. . .""time-1330. . .""time-1400. . .""time-1430. . .""time-1500. . .";align-items:center;gap:2px;padding:2px;display:grid;position:relative;overflow:auto}& .demo-timetable-item{background-color:#003d3d;flex-direction:column;justify-content:center;gap:4px;padding:4px;display:flex;position:absolute}& .demo-timetable-time{font-size:var(--font-size-p-xs)}& .demo-guide{background:#0e1515;block-size:100%;padding:8px}}.demo-fallbacks-container[data-astro-cid-jeb73yfr]{container-type:inline-size}.demo-fallbacks[data-astro-cid-jeb73yfr]{container-type:inline-size;& .demo-fallbacks-inner{background-color:#2b3b3b;border-radius:8px;inline-size:fit-content;margin:auto;padding:4px;padding-block-start:24px;position:relative}& .demo-bar-svg{inline-size:36px;position:absolute;inset-block-start:8px;inset-inline-start:8px}& .demo-content{position:relative;overflow:clip}& .demo-content-inner{block-size:180px;inline-size:min(320px,100cqi);min-inline-size:min(260px,100cqi);max-inline-size:calc(100cqi - 8px);padding:var(--space-l);resize:both;background-color:#b9caca;border-end-end-radius:4px;border-end-start-radius:4px;margin:auto;display:grid;overflow:auto}& .demo-item{anchor-scope:all}& .demo-avatar{anchor-name:--avatar;max-inline-size:var(--space-xl);aspect-ratio:1;margin-block:var(--space-xl);padding:var(--space-m);background-color:#fff;border-radius:50%;place-items:center;margin-inline:auto;display:grid}& .demo-hello{position-anchor:--avatar;position-area:start span-all;position-visibility:no-overflow;position-try-fallbacks:flip-block;padding-block-end:8px;position:absolute;inset-block-end:8px}& .demo-hello-inner{font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:center;background-color:teal;border-radius:8px;place-items:center;padding-block:8px;padding-inline:16px;display:grid}& .demo-hello:after{content:"";clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:teal;block-size:9px;inline-size:10px;margin:auto;display:block;position:absolute;inset-block-end:0;inset-inline:0}}