:host{--g2ui-feed-color-primary: green;--g2ui-feed-color-secondary: blue;--g2ui-feed-color-tertiary: purple;--g2ui-feed-background-color: #eee;--g2ui-feed-border-radius: .5em;--g2ui-feed-font-size: .875rem;--g2ui-feed-text-color: #333;--g2ui-feed-button-color: #fff}:host{--g2ui-feed-container-wrapper-gap: 1em;--g2ui-feed-container-button-h: 180;--g2ui-feed-container-button-s: 8%;--g2ui-feed-container-button-border-width: 1px;--g2ui-feed-container-button-border-radius: 3em;--g2ui-feed-container-button-font-size: inherit;--g2ui-feed-container-button-font-weight: 600;--g2ui-feed-container-button-padding: .3333em 1.125em;--g2ui-feed-container-button-align-items: center;--g2ui-feed-container-button-flex-direction: row;--g2ui-feed-container-button-justify-content: flex-start;--g2ui-feed-container-button-width: auto;--g2ui-feed-container-button-background-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 94%);--g2ui-feed-container-button-background-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 99%);--g2ui-feed-container-button-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 50%);--g2ui-feed-container-button-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 30%);--g2ui-feed-container-button-border-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 85%);--g2ui-feed-container-button-border-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 80%);--g2ui-feed-container-dropdown-background-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 24%);--g2ui-feed-container-dropdown-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 94%);--g2ui-feed-container-dropdown-border-radius: 1em;--g2ui-feed-container-dropdown-button-background-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 24%);--g2ui-feed-container-dropdown-button-background-color-hover: var(--g2ui-feed-color-primary);--g2ui-feed-container-dropdown-button-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 94%);--g2ui-feed-container-dropdown-button-color-hover: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 94%)}@media (prefers-color-scheme: dark){:host{--g2ui-feed-container-button-background-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 20%);--g2ui-feed-container-button-background-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 40%);--g2ui-feed-container-button-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 80%);--g2ui-feed-container-button-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 100%);--g2ui-feed-container-button-border-color: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 30%);--g2ui-feed-container-button-border-color-active: hsl(var(--g2ui-feed-container-button-h) var(--g2ui-feed-container-button-s) 50%)}}:host{container-type:inline-size;display:block}@container (min-width: 640px){.wrapper{display:grid;gap:var(--g2ui-feed-container-wrapper-gap);grid-template-columns:fit-content(40ch) auto}.wrapper menu{--g2ui-feed-container-button-flex-direction: column;--g2ui-feed-container-button-align-items: flex-start;--g2ui-feed-container-button-width: 100%;overflow:hidden;text-align:left}.wrapper #feeds-popover{display:contents}.wrapper h1{display:none}.wrapper menu ul ul{display:flex;flex-direction:column;gap:.5ex}.wrapper menu [popovertarget]{display:none}}g2ui-feed-container-button-filter{margin-block-end:1rem}::slotted(*){display:none}::slotted(.active){display:block}.hide{display:none}menu,menu ul{margin:0;padding:0}menu li{list-style:none}menu>ul{align-items:var(--g2ui-feed-container-button-align-items);block-size:auto;display:flex;flex-direction:var(--g2ui-feed-container-button-flex-direction);gap:.5ex;justify-content:var(--g2ui-feed-container-button-justify-content);margin:0;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-color:transparent transparent;scrollbar-width:none}@media (hover: hover){menu>ul{padding-block-end:.5em;scroll-snap-type:y;scrollbar-color:auto;scrollbar-width:auto}}menu>ul>li{flex:0 0 auto;list-style:none;scroll-snap-align:start;width:var(--g2ui-feed-container-button-width)}menu button{background-color:var(--g2ui-feed-container-button-background-color);border:var(--g2ui-feed-container-button-border-color) var(--g2ui-feed-container-button-border-width) solid;border-radius:var(--g2ui-feed-container-button-border-radius);color:var(--g2ui-feed-container-button-color);cursor:pointer;display:block;font-family:inherit;font-size:var(--g2ui-feed-container-button-font-size);font-weight:var(--g2ui-feed-container-button-font-weight);line-height:inherit;overflow:hidden;padding:var(--g2ui-feed-container-button-padding);text-align:inherit;text-decoration:none;text-overflow:ellipsis;transition:background-color .15s,border-color .15s,color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}menu>ul>li.active>button,menu>ul>li:has(li.active)>button,menu>ul>li>button:hover{background-color:var(--g2ui-feed-container-button-background-color-active);border-color:var(--g2ui-feed-container-button-border-color-active);color:var(--g2ui-feed-container-button-color-active)}menu>ul>li:has(:popover-open)>button{background-color:var(--g2ui-feed-container-button-background-color-active);border-color:var(--g2ui-feed-container-button-border-color-active);color:var(--g2ui-feed-container-button-color-active)}@container (min-width: 640px){menu li.active button,menu li button:hover{background-color:var(--g2ui-feed-container-button-background-color-active);border-color:var(--g2ui-feed-container-button-border-color-active);color:var(--g2ui-feed-container-button-color-active)}}menu ul ul{align-items:stretch;display:flex;flex-direction:column;gap:.5ex;max-inline-size:30ch}@container (min-width: 640px){menu ul ul{max-inline-size:40ch}}menu ul ul li{width:100%}[popovertarget]{align-items:center;display:flex;gap:.5ex;position:relative}@supports (position-anchor: --dropdown) and (inset-block-start: anchor(--dropdown bottom)){[popovertarget]{anchor-name:--dropdown}}[popovertarget]:after{background-color:currentColor;content:"";display:block;height:1em;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpath d='M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpath d='M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;width:1em}#feeds-popover{background-color:var(--g2ui-feed-container-dropdown-background-color);border:0;border-radius:var(--g2ui-feed-container-dropdown-border-radius);margin:.25rem 0 0;opacity:0;padding:0;position:absolute;transform:translateY(.25rem)}.no-popover #feeds-popover{display:block;opacity:1}.no-popover #feeds-popover[hidden]{display:none;opacity:0}@supports (position-anchor: --dropdown) and (inset-block-start: anchor(--dropdown bottom)){#feeds-popover{inset-block-start:anchor(--dropdown bottom);inset-inline-end:anchor(--dropdown right);inset-inline-start:auto;margin:0;position-anchor:--dropdown;transition:opacity .2s,display .2s allow-discrete,overlay .2s allow-discrete;transition-behavior:allow-discrete}}@supports not ((position-anchor: --dropdown) and (inset-block-start: anchor(--dropdown bottom))){#feeds-popover{inset:unset;inset-block-start:auto;inset-inline-end:var(--g2ui-feed-container-no-anchor-popover-inline-end, auto);inset-inline-start:auto;position:absolute}}#feeds-popover:popover-open{display:block;opacity:1}@supports (position-anchor: --dropdown) and (inset-block-start: anchor(--dropdown bottom)){@starting-style{#feeds-popover:popover-open{opacity:0}}}@container (max-width: 639px){#feeds-popover button{background:var(--g2ui-feed-container-dropdown-button-background-color);border:0;border-radius:0;color:var(--g2ui-feed-container-dropdown-button-color);cursor:pointer;font-size:inherit;line-height:inherit;padding:var(--g2ui-feed-container-button-padding);width:100%}#feeds-popover button:hover{background-color:var(--g2ui-feed-container-dropdown-button-background-color-hover);color:var(--g2ui-feed-container-dropdown-button-color-hover)}}@container (max-width: 639px){#feeds-popover ul li:first-child:not(:only-child) button{padding-block-start:.5em}}@container (max-width: 639px){#feeds-popover ul li:last-child:not(:only-child) button{padding-block-end:.6666em}}