.demo-anchor-name[data-astro-cid-s3c5a5kj]{padding:var(--space-l);padding-block-start:var(--space-xl);&:where(.--multi){gap:var(--space-xl);justify-content:center;display:flex}}.demo-anchor-scope[data-astro-cid-s3c5a5kj]{anchor-scope:all}.demo-avatar[data-astro-cid-s3c5a5kj]{anchor-name:--avatar;max-inline-size:min(var(--space-xl), 20vi);aspect-ratio:1;padding:var(--space-m);background-color:#fff;border-radius:50%;place-items:center;margin-inline:auto;display:grid}.demo-avatar[data-astro-cid-s3c5a5kj] img[data-astro-cid-s3c5a5kj]{max-inline-size:32px}.demo-hello[data-astro-cid-s3c5a5kj]{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[data-astro-cid-s3c5a5kj]:not([popover]){position-anchor:--avatar;display:grid}[data-astro-cid-s3c5a5kj]:where(.demo-hello[popover]){inset:unset;color:inherit;border:none;margin:0;overflow:visible}[data-astro-cid-s3c5a5kj]:where(.demo-hello[popover]:popover-open){block-size:auto;display:grid}.demo-hello[data-astro-cid-s3c5a5kj]: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[data-astro-cid-s3c5a5kj].--popover{position:revert;position-anchor:none;position-area:none}.demo-popover-anchor[data-astro-cid-s3c5a5kj]{position-area:start span-all}.demo-hello-btn[data-astro-cid-s3c5a5kj]{--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[data-astro-cid-s3c5a5kj]:active{box-shadow:none;translate:0}.demo-hello-btn[data-astro-cid-s3c5a5kj] img[data-astro-cid-s3c5a5kj]{max-inline-size:32px}@container stage (inline-size<460px){.demo-anchor-name[data-astro-cid-s3c5a5kj]:where(.--multi){row-gap:var(--space-l);flex-direction:column;padding-block-start:var(--space-l)}.demo-hello[data-astro-cid-s3c5a5kj]{position-area:span-all end;inset-block:0;inset-inline-start:calc(anchor(end) + 16px)}.demo-hello[data-astro-cid-s3c5a5kj]:after{margin:auto;inset-block:0;inset-inline-start:-8px;rotate:90deg}}@container stage (inline-size>=460px){.demo-anchor-name[data-astro-cid-s3c5a5kj].--multi{grid-template-columns:repeat(3,1fr)}}.demo-timetable[data-astro-cid-75dlffct]{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:#384c4c;line-height:1.4;display:block}.demo-timetable-inner[data-astro-cid-75dlffct]{padding:var(--space-l);overflow:auto}.demo-table[data-astro-cid-75dlffct]{background-color:#7f9f9f;grid-template-columns:auto repeat(3,minmax(8em,1fr));align-items:center;gap:2px;padding:2px;display:grid;position:relative;overflow:auto}.demo-timetable-item[data-astro-cid-75dlffct]{background-color:#003d3d;flex-direction:column;justify-content:center;gap:4px;padding:4px;display:flex;position:absolute}.demo-timetable-time[data-astro-cid-75dlffct]{font-size:var(--font-size-p-xs)}.demo-guide[data-astro-cid-75dlffct]{background:#0e1515;block-size:100%;padding:8px}.demo-guide[data-astro-cid-75dlffct].--time{grid-column:1}.demo-guide-line[data-astro-cid-75dlffct]{--border-color:#b3e6e6;z-index:10;opacity:0;mix-blend-mode:hard-light;pointer-events:none;transition:opacity .2s;display:block;position:absolute}[data-astro-cid-75dlffct][data-timetable-guide=true] .demo-guide-line[data-astro-cid-75dlffct]{opacity:1}.demo-guide-line[data-astro-cid-75dlffct].--stage{border-inline-start:1px solid var(--border-color);inset-block:2px}.demo-guide-line[data-astro-cid-75dlffct].--time{inset-inline:2px;border-block-start:1px solid var(--border-color);inset-inline-end:anchor(--stage-dev end)}.demo-guide-line[data-astro-cid-75dlffct].--table{z-index:9;border:2px solid var(--border-color);background-color:#577575;inset:0;inset-inline-end:calc(anchor(--stage-dev end) - 2px)}.demo-check-list[data-astro-cid-75dlffct]{padding-block:var(--space-s);padding-inline:var(--space-l);background-color:#042020;justify-content:end;display:flex}.demo-check-list-item[data-astro-cid-75dlffct]{gap:var(--space-xs);text-transform:uppercase;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;display:grid}.demo-check-list-item[data-astro-cid-75dlffct] input[data-astro-cid-75dlffct][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[data-astro-cid-75dlffct] input[data-astro-cid-75dlffct][type=checkbox]:checked:after{content:"";aspect-ratio:1;background-color:#ffc400;inline-size:8px;margin:auto;display:block;position:absolute;inset:0}.demo-container[data-astro-cid-e56xjj4b]{padding:var(--space-l);background-color:#577575}.demo-grid-bg[data-astro-cid-e56xjj4b]{background-color:#232f2f;border-radius:8px;max-inline-size:460px;margin:auto;padding:8px}.demo-grid[data-astro-cid-e56xjj4b]{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[data-astro-cid-e56xjj4b]{z-index:10;pointer-events:none;display:block;position:absolute}[data-astro-cid-e56xjj4b][data-position-guide=false] .demo-grid-line[data-astro-cid-e56xjj4b]{opacity:0}.demo-grid-line[data-astro-cid-e56xjj4b].--inline{border-inline:2px solid #232f2f;inset-block:0;inset-inline-start:anchor(--anchor-select start);inset-inline-end:anchor(--anchor-select end)}.demo-grid-line[data-astro-cid-e56xjj4b].--block{border-block:2px solid #232f2f;inset-block-start:anchor(--anchor-select start);inset-block-end:anchor(--anchor-select end);inset-inline:0}.demo-grid-cell[data-astro-cid-e56xjj4b]{background-color:#7f9f9f;block-size:100%;inline-size:100%}.demo-anchor[data-astro-cid-e56xjj4b]{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[data-astro-cid-e56xjj4b]{display:none}.demo-positioned[data-astro-cid-e56xjj4b]{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[data-astro-cid-e56xjj4b].--anchor-select{position-area:start}.demo-positioned[data-astro-cid-e56xjj4b].--anchor-func{block-size:33.3333cqb;inline-size:33.3333cqi;inset:auto}[data-astro-cid-e56xjj4b][data-position-fill=false] .demo-positioned[data-astro-cid-e56xjj4b]{block-size:100%;inline-size:100%;max-inline-size:calc(anchor-size(block) / 2);max-block-size:calc(anchor-size(block) / 2)}[data-astro-cid-e56xjj4b][data-position-fill=false] [data-astro-cid-e56xjj4b].demo-positioned.--anchor-select{place-self:unset}[data-astro-cid-e56xjj4b][data-justify-self=true] .demo-positioned[data-astro-cid-e56xjj4b]{justify-self:anchor-center}[data-astro-cid-e56xjj4b][data-align-self=true] .demo-positioned[data-astro-cid-e56xjj4b]{align-self:anchor-center}.demo-pager[data-astro-cid-e56xjj4b]{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[data-astro-cid-e56xjj4b]{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[data-astro-cid-e56xjj4b]: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[data-astro-cid-e56xjj4b].--prev:after{inset-inline-end:calc(anchor(start) + 4px)}.demo-pager-target[data-astro-cid-e56xjj4b].--next:after{inset-inline-start:calc(anchor(end) + 4px);scale:-1 1}.demo-pager-target[data-astro-cid-e56xjj4b]:hover,.demo-pager-target[data-astro-cid-e56xjj4b]:active{mix-blend-mode:overlay}.demo-controls[data-astro-cid-e56xjj4b]{font-family:var(--font-family-en);font-size:var(--font-size-p-s);background-color:#042020}.demo-tab-list[data-astro-cid-e56xjj4b]{grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}.demo-tab[data-astro-cid-e56xjj4b]{padding-block:var(--space-s);padding-inline:var(--space-s);text-transform:uppercase;cursor:pointer;line-height:1.2;position:relative}.demo-tab[data-astro-cid-e56xjj4b]+.demo-tab[data-astro-cid-e56xjj4b]{border-inline-start:2px solid #000}.demo-tab[data-astro-cid-e56xjj4b][aria-selected=true]{cursor:default;pointer-events:none}.demo-tab[data-astro-cid-e56xjj4b][aria-selected=false]{color:color-mix(in srgb, currentColor 60%, transparent);background-color:#153232}.demo-tab[data-astro-cid-e56xjj4b]: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[data-astro-cid-e56xjj4b][aria-selected=true]:after{visibility:hidden}.demo-panel[data-astro-cid-e56xjj4b]{padding-block:var(--space-l);padding-inline:var(--space-m);border-block-end:2px solid #000}.demo-panel[data-astro-cid-e56xjj4b][aria-hidden=true]{display:none}.demo-check-list[data-astro-cid-e56xjj4b]{column-gap:var(--space-l);row-gap:var(--space-s);padding-block:var(--space-m);flex-wrap:wrap;justify-content:end;display:flex}.demo-check-list[data-astro-cid-e56xjj4b].--center{justify-content:center}.demo-check-list[data-astro-cid-e56xjj4b].--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[data-astro-cid-e56xjj4b]{gap:var(--space-xs);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;display:grid}.demo-check-list-item[data-astro-cid-e56xjj4b] input[data-astro-cid-e56xjj4b][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[data-astro-cid-e56xjj4b] input[data-astro-cid-e56xjj4b][type=checkbox]:checked:after{content:"";aspect-ratio:1;background-color:#ffc400;inline-size:8px;margin:auto;display:block;position:absolute;inset:0}.demo-select-multi[data-astro-cid-e56xjj4b]{gap:var(--space-m);place-items:center;display:grid}.demo-select[data-astro-cid-e56xjj4b]{gap:var(--space-xs);flex-direction:column;align-items:center;line-height:1.2;display:flex}.demo-select-inner[data-astro-cid-e56xjj4b]{max-inline-size:460px;position:relative}.demo-select-inner[data-astro-cid-e56xjj4b]: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[data-astro-cid-e56xjj4b] select[data-astro-cid-e56xjj4b]{text-overflow:ellipsis;inline-size:100%;max-inline-size:min(240px,80cqi);padding-block:var(--space-xs);text-align:center;white-space:nowrap;border:2px solid #007575;padding-inline:2.4em;overflow:hidden}.demo-label-icon[data-astro-cid-e56xjj4b]{gap:var(--space-xs);justify-content:center;align-items:center;padding-inline:2.4em;display:flex}.demo-label-icon[data-astro-cid-e56xjj4b]:before{content:"";aspect-ratio:1;border:1px solid;inline-size:14px;display:block}.demo-label-icon[data-astro-cid-e56xjj4b].--1:before{border-block-start-width:4px}.demo-label-icon[data-astro-cid-e56xjj4b].--2:before{border-inline-end-width:4px}.demo-label-icon[data-astro-cid-e56xjj4b].--3:before{border-block-end-width:4px}.demo-label-icon[data-astro-cid-e56xjj4b].--4:before{border-inline-start-width:4px}@container stage (inline-size>=540px){.demo-anchor-label[data-astro-cid-e56xjj4b]{display:revert}.demo-check-list[data-astro-cid-e56xjj4b]{padding-block:var(--space-l)}.demo-pager[data-astro-cid-e56xjj4b]{margin-block-start:var(--space-l)}.demo-select-multi[data-astro-cid-e56xjj4b]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"top right""left bottom"}.demo-select[data-astro-cid-e56xjj4b]{flex-flow:wrap;justify-content:center;display:flex}.demo-select[data-astro-cid-e56xjj4b].--1{grid-area:top}.demo-select[data-astro-cid-e56xjj4b].--2{grid-area:right}.demo-select[data-astro-cid-e56xjj4b].--3{grid-area:bottom}.demo-select[data-astro-cid-e56xjj4b].--4{grid-area:left}.demo-label-icon[data-astro-cid-e56xjj4b]{padding-inline:0}}.demo-container[data-astro-cid-yeancwfd]{padding:var(--space-l)}.demo-fallbacks-container[data-astro-cid-yeancwfd]{container-type:inline-size}.demo-fallbacks[data-astro-cid-yeancwfd]{container-type:inline-size;& .demo-fallbacks-inner{background-color:#232f2f;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{contain:content}& .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-try-fallbacks:flip-block;justify-self:anchor-center;margin-block:8px;padding-block:8px;position:absolute;inset-block-end:anchor(start)}& .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.--tail:after{content:"";clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:teal;block-size:9px;inline-size:10px;margin-inline:auto;display:block;position:absolute;inset-block-end:0;inset-inline:0}}.demo-stage[data-astro-cid-jeb73yfr]{container:stage/inline-size}@supports not (anchor-name:--supports){.demo-stage[data-astro-cid-jeb73yfr]:after{content:"このデモは、お使いのブラウザには対応していません 🙇‍♂️";padding:var(--space-m);text-align:center;background-color:teal;display:block}.demo-stage[data-astro-cid-jeb73yfr]>[data-astro-cid-jeb73yfr]{display:none}}