.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;visibility:hidden;width:0;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);z-index:100000}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.greyd-burger-btn { --button-color: none;
--button-size: 48px;
--button-radius: 2px;
display: grid;
place-items: center;
padding: 0;
margin: 0;
width: var(--button-size);
height: var(--button-size);
border-radius: var(--button-radius);
background: var(--button-color); --burger-color: currentColor;
--burger-width: 28px;
--burger-stroke: 3px;
--burger-gap: 6px;
color: var(--burger-color)
}
.greyd-burger {
width: var(--burger-width);
height: calc( var(--burger-stroke) + var(--burger-stroke) + var(--burger-stroke) + var(--burger-gap) + var(--burger-gap) );
display: inline-block;
position: relative;
}
.greyd-burger-inner {
display: block;
top: 50%;
margin-top: calc( var(--burger-stroke) / -2 );
}
.greyd-burger-inner,
.greyd-burger-inner::before,
.greyd-burger-inner::after {
position: absolute;
width: var(--burger-width);
height: var(--burger-stroke);
border-radius: 0; background: currentColor;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.greyd-burger-inner::before,
.greyd-burger-inner::after {
content: "";
display: block;
}
.greyd-burger-inner::before {
top: calc( -1 * ( var(--burger-stroke) + var(--burger-gap) ) );
}
.greyd-burger-inner::after {
bottom: calc( -1 * ( var(--burger-stroke) + var(--burger-gap) ) );
} .greyd-burger--boring .greyd-burger-inner,
.greyd-burger--boring .greyd-burger-inner::before,
.greyd-burger--boring .greyd-burger-inner::after {
transition-property: none;
}
.greyd-burger--boring.is-active .greyd-burger-inner {
transform: rotate(45deg);
}
.greyd-burger--boring.is-active .greyd-burger-inner::before {
top: 0;
opacity: 0;
}
.greyd-burger--boring.is-active .greyd-burger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .greyd-burger--collapse .greyd-burger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--collapse .greyd-burger-inner::after {
top: calc( -2 * ( var(--burger-stroke) + var(--burger-gap) ) );
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.greyd-burger--collapse .greyd-burger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--collapse.is-active .greyd-burger-inner {
transform: translate3d(0, calc( -1 * ( var(--burger-stroke) + var(--burger-gap) ) ), 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.greyd-burger--collapse.is-active .greyd-burger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.greyd-burger--collapse.is-active .greyd-burger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .greyd-burger--elastic .greyd-burger-inner {
top: calc( var(--burger-stroke) / 2 );
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.greyd-burger--elastic .greyd-burger-inner::before {
top: calc( var(--burger-stroke) + var(--burger-gap) );
transition: opacity 0.125s 0.275s ease;
}
.greyd-burger--elastic .greyd-burger-inner::after {
top: calc( 2 * ( var(--burger-stroke) + var(--burger-gap) ) );
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.greyd-burger--elastic.is-active .greyd-burger-inner {
transform: translate3d(0, calc( var(--burger-stroke) + var(--burger-gap) ), 0) rotate(135deg);
transition-delay: 0.075s;
}
.greyd-burger--elastic.is-active .greyd-burger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.greyd-burger--elastic.is-active .greyd-burger-inner::after {
transform: translate3d(0, calc( -2 * ( var(--burger-stroke) + var(--burger-gap) ) ), 0) rotate(-270deg);
transition-delay: 0.075s;
} .greyd-burger--spin .greyd-burger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--spin .greyd-burger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.greyd-burger--spin .greyd-burger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--spin.is-active .greyd-burger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.greyd-burger--spin.is-active .greyd-burger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.greyd-burger--spin.is-active .greyd-burger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .greyd-burger--spring .greyd-burger-inner {
top: calc( var(--burger-stroke) / 2 );
transition: background 0s 0.13s linear;
}
.greyd-burger--spring .greyd-burger-inner::before {
top: calc( var(--burger-stroke) + var(--burger-gap) );
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--spring .greyd-burger-inner::after {
top: calc( 2 * ( var(--burger-stroke) + var(--burger-gap) ) );
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--spring.is-active .greyd-burger-inner {
transition-delay: 0.22s;
background: transparent !important;
}
.greyd-burger--spring.is-active .greyd-burger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, calc( var(--burger-stroke) + var(--burger-gap) ), 0) rotate(45deg);
}
.greyd-burger--spring.is-active .greyd-burger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, calc( var(--burger-stroke) + var(--burger-gap) ), 0) rotate(-45deg);
} .greyd-burger--squeeze .greyd-burger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--squeeze .greyd-burger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.greyd-burger--squeeze .greyd-burger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.greyd-burger--squeeze.is-active .greyd-burger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.greyd-burger--squeeze.is-active .greyd-burger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.greyd-burger--squeeze.is-active .greyd-burger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .greyd-burger.shape-e:not(.is-active) .greyd-burger-inner {
width: calc( var(--burger-width) * 0.66 );
}
.greyd-burger.shape-e-reverse:not(.is-active) .greyd-burger-inner {
width: calc( var(--burger-width) * 0.66 );
}
.greyd-burger.shape-e-reverse:not(.is-active) .greyd-burger-inner,
.greyd-burger.shape-e-reverse:not(.is-active) .greyd-burger-inner::before,
.greyd-burger.shape-e-reverse:not(.is-active) .greyd-burger-inner::after {
right: 0;
} .greyd-burger.shape-f:not(.is-active) .greyd-burger-inner::after {
width: calc( var(--burger-width) * 0.5 );
}
.greyd-burger.shape-f-reverse:not(.is-active) .greyd-burger-inner::after {
width: calc( var(--burger-width) * 0.5 );
right: 0;
} .greyd-burger.shape-kebab:not(.is-active) .greyd-burger-inner::before,
.greyd-burger.shape-kebab:not(.is-active) .greyd-burger-inner::after {
width: calc( var(--burger-width) * 0.6 );
left: calc( var(--burger-width) * 0.2 );
} .greyd-burger.shape-equal:not(.is-active) .greyd-burger-inner {
background: transparent;
transition-property: transform background;
}.wp-block-greyd-popover {
--dialog-color: currentColor;
--dialog-background: var(--wp--preset--color--light, var(--color62, #e9e6ed));
--dialog-radius: 0;
--dialog-padding: calc(2 * var(--wp--style--block-gap--horizontal, var(--gutter, 1rem))); --dialog-margin: var(--wp--style--block-gap--horizontal, var(--gutter, 1rem)); --dialog-border: none;
--dialog-box-shadow: 0 19px 38px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 22%);
--dialog-origin: center center;
--backdrop-color: linear-gradient(165deg, rgb(0, 0, 0, .5), rgb(0, 0, 0, 1));
--backdrop-opacity: 50;
--backdrop-blur: 2px;
--close-size: 28px;
--close-color: currentColor;
--close-background: var(--dialog-background);
--close-radius: 100%;
--tri-size: 0px;  --button-width: 0;
--button-height: 0;
--button-align: 0;
--button-left: 0;
--button-right: 0;
--button-delta: 0;  } .wp-block-greyd-popover-button {
outline: 0;
appearance: none;
border: 0;
cursor: pointer !important;
display: flex !important;
align-items: center;
justify-content: center;
}
:where( .wp-block-greyd-popover-button.link ) {
background: none;
padding: 0;
margin: 0;
} .wp-block-greyd-popover .wp-block-greyd-popover-popup {
position: relative;
width: var(--button-width);
margin: var(--button-align);
}
.wp-block-greyd-popover [role=dialog] {
box-sizing: border-box;
position: fixed;
z-index: 99999; padding: var(--dialog-padding);
margin: var(--dialog-margin);
color: var(--dialog-color); --text-color: var(--dialog-color);
background: var(--dialog-background);
border-radius: var(--dialog-radius);
border: var(--dialog-border);
box-shadow: var(--dialog-box-shadow);
overflow: hidden;
}
.wp-block-greyd-popover :is([role="alertdialog"], [role="dialog"]):is([open], :focus-within) {
overflow-y: auto; scale: 1;
}
.wp-block-greyd-popover [role=dialog]:not([open]) {
visibility: hidden;
scale: 0;
opacity: 0;
overflow: hidden;
} .wp-block-greyd-popover .dialog-backdrop {
position: fixed;
z-index: 9999;
inset: 0;
overflow-y: auto;
-webkit-backdrop-filter: blur(var(--backdrop-blur));
backdrop-filter: blur(var(--backdrop-blur));
}
.wp-block-greyd-popover .dialog-backdrop::before {
content: "";
position: absolute;
inset: 0;
background: var(--backdrop-color);
opacity: calc(var(--backdrop-opacity) / 100);
}
.wp-block-greyd-popover :not(
[role="alertdialog"][open]
[role="dialog"][open],
[role="dialog"]:focus-within,
[tabindex="0"]
) + .dialog-backdrop {
display: none !important;
}
.wp-block-greyd-popover .is-variation-dropdown[role="alertdialog"][open] + [tabindex="0"] + .dialog-backdrop,
.wp-block-greyd-popover .is-variation-dropdown[role="dialog"][open] + [tabindex="0"] + .dialog-backdrop,
.wp-block-greyd-popover .is-variation-dropdown[role="dialog"]:focus-within + [tabindex="0"] + .dialog-backdrop
{
display: none !important;
} body.has-dialog {
overflow: hidden;
} .wp-block-greyd-popover .popover-close-button {
appearance: none;
border: none;
background: none;
color: currentColor;
position: relative;
box-sizing: content-box; z-index: 1;
cursor: pointer;
width: var(--close-size);
height: var(--close-size);
--close-outset: calc(var(--close-size) / 4);
padding: var(--close-outset);
margin: calc(var(--close-outset) * -1);
transition: transform .2s, opacity .2s;
border-radius: var(--close-radius); margin-left: auto;
display: block;
}
.wp-block-greyd-popover .popover-close-button:hover {
transform: scale(1.05);
opacity: 0.8;
}
.wp-block-greyd-popover .popover-close-button:before,
.wp-block-greyd-popover .popover-close-button:after {
position: absolute;
top: var(--close-outset);
left: calc(var(--close-outset) + var(--close-size) / 2 - 1px);
content: ' ';
height: calc(var(--close-size) + 1px);
width: 2px;
background-color: var(--close-color);
}
.wp-block-greyd-popover .popover-close-button:before {
transform: rotate(45deg);
}
.wp-block-greyd-popover .popover-close-button:after {
transform: rotate(-45deg);
}
.popover-close-button.is-hidden {
display: none;
}  .wp-block-greyd-popover [role=dialog] {
--vw-100: calc(var(--vw-unit, 1vw) * 100); --dialog-margin-x: calc(var(--dialog-margin) * 2);
--dialog-margin-y: calc(var(--dialog-margin) * 2);
top: 0;
left: 0;
bottom: 0;
right: 0; width: var(--dialog-width, calc(320px + 30vw));
max-width: calc(var(--vw-100) - var(--dialog-margin-x));
height: var(--dialog-height, fit-content);
min-height: auto;
max-height: calc(100vh - var(--dialog-margin-y));
transform-origin: var(--dialog-origin);
}
body.admin-bar .wp-block-greyd-popover [role=dialog] {
max-height: calc(100vh - var(--dialog-margin-y) - var(--wp-admin--admin-bar--height, 0)); } .wp-block-greyd-popover [role=dialog].is-variation-default {
transition: scale .3s, opacity .2s;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-default,
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-center-center {
margin: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-right,
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-center-right {
margin-top: auto;
margin-bottom: auto;
left: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-left,
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-center-left {
margin-top: auto;
margin-bottom: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-top,
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-top-center {
margin-left: auto;
margin-right: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-bottom,
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-bottom-center {
margin-left: auto;
margin-right: auto;
top: auto;
} .wp-block-greyd-popover [role=dialog].is-variation-default.is-position-bottom-left {
top: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-top-right {
left: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-default.is-position-bottom-right {
top: auto;
left: auto;
}  .wp-block-greyd-popover [role=dialog].is-variation-overlay,
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas {
transition: transform .3s, opacity .2s;
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay:not([open]),
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas:not([open]) {
scale: 1;
transform: translateX(100%);
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-default,
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-default {
height: auto;
left: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-left:not([open]),
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-left:not([open]) {
transform: translateX(-100%);
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-left,
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-left {
height: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-top:not([open]),
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-top:not([open]) {
transform: translateY(-100%);
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-top,
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-top {
width: auto;
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-bottom:not([open]),
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-bottom:not([open]) {
transform: translateY(100%);
}
.wp-block-greyd-popover [role=dialog].is-variation-overlay.is-position-bottom,
.wp-block-greyd-popover [role=dialog].is-variation-offcanvas.is-position-bottom {
width: auto;
top: auto;
}  .is-offcanvas {
width: 100%;
transition: margin 0.3s;
overflow: hidden;
--offcanvas-delta: 0px;
}
.is-offcanvas.is-position-default { margin-left: var(--offcanvas-delta);
}
.is-offcanvas.is-position-left { margin-left: var(--offcanvas-delta);
}
.is-offcanvas.is-position-top { margin-top: var(--offcanvas-delta);
}
.is-offcanvas.is-position-bottom { margin-top: var(--offcanvas-delta);
} .wp-block-greyd-popover [role=dialog].is-variation-dropdown:is([open], :focus-within) {
overflow: visible;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown::before {
content: "";
position: absolute;
border: var(--tri-size) solid transparent;
z-index: -1;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown {
position: absolute;
width: var(--dialog-width, fit-content);
transition: scale .3s, opacity .2s;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-default::before {
border-right-color: var(--dialog-background);
left: calc(1px - (2 * var(--tri-size)));
bottom: calc(50% - var(--tri-size));
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-default {
max-width: calc(var(--button-right) - var(--dialog-margin-x));
left: 100%;
top: calc(0px - var(--button-height));
margin-top: auto;
margin-bottom: auto;
transform-origin: center left;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-left::before {
border-left-color: var(--dialog-background);
right: calc(1px - (2 * var(--tri-size)));
bottom: calc(50% - var(--tri-size));
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-left {
max-width: calc(var(--button-left) - var(--dialog-margin-x));
top: calc(0px - var(--button-height));
margin-top: auto;
margin-bottom: auto;
translate: calc(-100% - var(--dialog-margin-x));
transform-origin: center right;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-top::before {
border-top-color: var(--dialog-background);
bottom: calc(1px - (2 * var(--tri-size))); left: calc(0px - var(--button-delta) + (0.5 * var(--button-width)) - var(--tri-size));
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-top {
top: auto;
bottom: var(--button-height);
left: min(0px, var(--button-delta));
margin-left: auto;
margin-right: auto;
transform-origin: bottom center;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-bottom:before {
border-bottom-color: var(--dialog-background);
top: calc(1px - (2 * var(--tri-size))); left: calc(0px - var(--button-delta) + (0.5 * var(--button-width)) - var(--tri-size));
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown.is-position-bottom {
left: min(0px, var(--button-delta));
margin-left: auto;
margin-right: auto;
transform-origin: top center;
} .wp-block-greyd-popover [role=dialog].is-variation-dropdown + * + .dialog-backdrop,
.wp-block-greyd-popover [role=dialog].is-variation-dropdown + .dialog-backdrop {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
.wp-block-greyd-popover [role=dialog].is-variation-dropdown + * + .dialog-backdrop::before,
.wp-block-greyd-popover [role=dialog].is-variation-dropdown + .dialog-backdrop::before {
opacity: 0 !important;
}