figure,
.wp-block-image {
margin: 0px;
}
:where(
.wp-block-image img[width="0"],
.wp-block-image img[width="1"]
) {
width: auto;
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-block-image.greyd-image .aligncenter,
.wp-block-image.greyd-image .alignleft,
.wp-block-image.greyd-image .alignright {
display: block;
}
.wp-block-image figure,
.wp-block-image img {
float: none;
vertical-align: middle;
}
:where( .wp-block-image img ) {
max-width: 100%;
height: auto; object-fit: contain; min-height: 0.1px;
}
.wp-block-image .alignright,
.wp-block-image .alignright > img {
float: none;
margin: 0 0 0 auto;
}
.wp-block-image .alignleft,
.wp-block-image .alignleft > img {
float: none;
margin: 0 auto 0 0;
}
.wp-block-image .aligncenter,
.wp-block-image .aligncenter > img {
margin: 0 auto 0 auto;
} figure.wp-block-image.aligncenter,
figure.wp-block-image.alignleft,
figure.wp-block-image.alignright {
display: block;
margin-left: 0 !important;
margin-right: 0 !important;
} .wp-block-image.is-style-rounded-corners img {
border-radius: 0.5em;
}
.wp-block-image.is-style-has-shadow img {
box-shadow: 0px 10px 15px -4px rgba(40, 40, 40, 0.25);
}
.wp-block-image.is-style-diagonal-up img {
clip-path: polygon(0 12%, 0 100%, 100% 88%, 100% 0);
}
.wp-block-image.is-style-diagonal-down img {
clip-path: polygon(0 0, 0 88%, 100% 100%, 100% 12%);
}
.wp-block-image.is-style-rotate-left img {
transform: rotate(357deg);
}
.wp-block-image.is-style-rotate-right img {
transform: rotate(3deg);
}
.wp-block-image.is-style-tilt-left img {
transform: perspective(400px) rotateY(10deg);
box-shadow: -40px 110px 50px -60px rgb(0 0 0 / 15%);
}
.wp-block-image.is-style-tilt-right img {
transform: perspective(400px) rotateY(350deg);
box-shadow: 40px 110px 50px -60px rgb(0 0 0 / 15%);
} .wp-block-image:not(.is-style-rounded) > figure {
border-radius: inherit;
} .wp-block-greyd-image__download {
display: block;
margin-top: 0.5em;
}.wp-block-greyd-accordion {
--accord-padding: 1rem;
--accord-text-color: currentColor;
--accord-bg-color: var(--wp--preset--color--background);
--accord-width: 100%;
--accord-align-items: flex-start; --accord-title-text-color: var(--wp--preset--color--background);
--accord-title-bg-color: var(--wp--preset--color--dark);
--accord-title-font-size: inherit;
--accord-title-radius: 2px;
--accord-title-align: left; --accord-icon-font-size: 1em; --accord-content-padding: var(--accord-padding);
--accord-content-margin-bottom: var(--wp--style--block-gap);
display: flex;
flex-direction: column;
}
.wp-block-greyd-accordion-item {
width: var(--accord-width);
max-width: 100%;
align-self: var(--accord-align-items);
overflow: hidden;
}
.wp-block-greyd-accordion-item:not(:last-child) {
margin-bottom: var(--accord-content-margin-bottom);
} .wp-block-greyd-accordion__title {
appearance: none;
-webkit-appearance: none;
font: inherit;
width: 100%;
border: none;
outline: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: var(--accord-padding);
gap: 0.5em;
color: var(--accord-title-text-color);
background: var(--accord-title-bg-color);
font-size: var(--accord-title-font-size);
border-radius: var(--accord-title-radius);
text-align: var(--accord-title-align, left);
}
body.animate_fast .wp-block-greyd-accordion__title {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wp-block-greyd-accordion.hasiconleft .wp-block-greyd-accordion__title {
flex-direction: row-reverse;
justify-content: flex-end;
} .wp-block-greyd-accordion__title .icon {
font-size: var(--accord-icon-font-size);
}
.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title[aria-expanded="true"] .icon-normal,
.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title:not([aria-expanded="true"]) .icon-active {
display: none;
} .wp-block-greyd-accordion__content {
padding: var(--accord-content-padding);
color: var(--accord-text-color);
background:  var(--accord-bg-color);
}
.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title:not([aria-expanded="true"]) + .wp-block-greyd-accordion__content { max-height: 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title[aria-expanded="true"] + .wp-block-greyd-accordion__content { max-height: 1000vh;
}
body.animate_fast .wp-block-greyd-accordion__content {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wp-block-greyd-accordion-item button:focus-visible {
outline: 2px dotted currentColor;
outline-offset: -2px;
}main ul, 
main ol,
.wp-block-list {
margin-bottom: 1em;
} .wp-block-greyd-list {
display: block;
float: none !important;
max-width: 100%;
padding-inline-start: 0;
margin-block-start: 0;
margin-block-end: 1em;
}
.wp-block-greyd-list li { max-width: 100%;
margin-left: 0;
}
.wp-block-greyd-list.alignleft {
text-align: left;
margin: 0 auto 0 0;
}
.wp-block-greyd-list.alignleft li {
margin-left: 0;
margin-right: auto !important;
}
.wp-block-greyd-list.aligncenter {
text-align: center; display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-greyd-list.aligncenter li {
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-greyd-list.alignright {
text-align: right; display: flex;
flex-direction: column;
align-items: flex-end;
}
.wp-block-greyd-list.alignright li {
margin-left: auto !important;
margin-right: 0;
}
.wp-block-greyd-list li:first-child {
margin-top: 0px !important;
}
.wp-block-greyd-list .list_icon {
display: inline-block;
}
.wp-block-greyd-list .list_content {
display: inline-block; 
margin: 0px; 
width: 100%;
}
.wp-block-greyd-list .list_content p {
margin: 0px;
}
ul [data-type="greyd/list-item"]:first-child {
margin-top: 0px !important;
}.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;
}
.wp-block-greyd-popover-button.aligncenter {  }
.wp-block-greyd-popover-button.alignright {  }
: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);
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: 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;
}
.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: var(--wp-admin--admin-bar--height, 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;
}.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-tabs {
--tabs-align-tabs: flex-start;
--tabs-tab-gap: calc( 0.5vw + 0.3rem );
--tabs-color: currentColor;
--tabs-bg-color: var(--wp--preset--color--base, var(--wp--preset--color--color-33));
--tabs-border-color: var(--wp--preset--color--mediumlight, var(--wp--preset--color--color-22));
--tabs-content-padding: 0;
--tabs-content-background: initial;
--tabs-content-color: currentColor;
--tabs-content-radius: 0;
--tabs-content-border: none;
}
.wp-block-greyd-tabs .tabs {
display: flex;
justify-content: safe var(--tabs-align-tabs);
gap: var(--tabs-tab-gap);
overflow: auto;
}
.wp-block-greyd-tabs[data-overflow="stack"] .tabs {
flex-wrap: wrap;
overflow: hidden;
} @media screen and (max-width: 480px) {
.wp-block-greyd-tabs .tabs { justify-content: var(--tabs-align-tabs, flex-start);
}
}
.wp-block-greyd-tabs .greyd_tab {
display: flex;
align-items: center;
cursor: pointer;
white-space: nowrap;
}
:where(.wp-block-greyd-tabs .greyd_tab) {
font: inherit;
}
.greyd_tab.is-active .icon-normal,
.greyd_tab:not(.is-active) .icon-active {
display: none;
} .wp-block-greyd-tabs.is-style-tabs .tabs {
position: relative;
padding: 0 var(--tabs-tab-gap);
}
.wp-block-greyd-tabs.is-style-tabs .tabs::before {
content: " ";
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid var(--tabs-border-color);
}
.wp-block-greyd-tabs.is-style-tabs .greyd_tab {
position: relative; color: var(--tabs-color);
background: var(--tabs-bg-color);
border: 1px solid var(--tabs-border-color);
padding: calc( 0.5vw + 0.3rem ) calc( 1vw + 0.36rem ) calc( 0.5vw + 0.3rem - 1px );
}
.wp-block-greyd-tabs.is-style-tabs .greyd_tab.is-active {
--tabs-bg-color: var(--wp--preset--color--background, var(--wp--preset--color--color-62));
border-bottom: none !important;
} .wp-block-greyd-tabs.is-style-chips {
--tabs-bg-color: var(--wp--preset--color--background, var(--wp--preset--color--color-62));
}
.wp-block-greyd-tabs.is-style-chips .tabs {
margin-bottom: max( var(--wp--style--block-gap), 1em );
}
.wp-block-greyd-tabs.is-style-chips .greyd_tab {
color: var(--tabs-color);
background: var(--tabs-bg-color);
border: 1px solid var(--tabs-border-color);
padding: calc( 0.5vw + 0.3rem ) calc( 1vw + 0.36rem );
border-radius: 100vw;
}
.wp-block-greyd-tabs.is-style-chips .greyd_tab.is-active {
--tabs-color: var(--wp--preset--color--background, var(--wp--preset--color--color-23));
--tabs-bg-color: var(--wp--preset--color--foreground, var(--wp--preset--color--color-31));
--tabs-border-color: var(--wp--preset--color--foreground, var(--wp--preset--color--color-31));
border-bottom-color: var(--tabs-border-color);
} .wp-block-greyd-tabs .panels {
position: relative;
isolation: isolate;
}
.wp-block-greyd-tabs .panel {
position: relative;
width: 100%;
padding: var(--tabs-content-padding);
background: var(--tabs-content-background);
color: var(--tabs-content-color);
border-radius: var(--tabs-content-radius);
}
.wp-block-greyd-tabs .panel:not(.is-active) {
display: none;
} .wp-block-greyd-tabs .panel:first-child:not(.is-active):not(:has( ~ .panel.is-active)) {
display: block;
transition: none;
} .wp-block-greyd-tabs[data-transition="fade"] .panel {
display: flex;
flex-direction: column;
transition: all .3s ease-out;
}
.wp-block-greyd-tabs[data-transition="fade"] .panel:not(.is-active) {
display: flex;
position: absolute;
top: 0;
opacity: 0;
z-index: -1;
}
.wp-block-greyd-tabs[data-transition="fade"] .panel:first-child:not(.is-active):not(:has( ~ .panel.is-active)) {
position: relative;
opacity: 1;
z-index: 0;
} .wp-block-greyd-tabs[data-transition="horizontal"] .panels {
overflow: hidden;
}
.wp-block-greyd-tabs[data-transition="horizontal"] .panel {
display: flex;
flex-direction: column;
transition: all .3s ease-out;
}
.wp-block-greyd-tabs[data-transition="horizontal"] .panel:not(.is-active) {
display: flex;
position: absolute;
top: 0;
opacity: 0;
z-index: -1;
transform: translateX(-102%);
}
.wp-block-greyd-tabs[data-transition="horizontal"] .panel.is-active ~ :not(.is-active) {
transform: translateX(102%);
}
.wp-block-greyd-tabs[data-transition="horizontal"] .panel:first-child:not(.is-active):not(:has( ~ .panel.is-active)) {
position: relative;
opacity: 1;
z-index: 0;
transition: none;
transform: none;
} .wp-block-greyd-tabs[data-transition="vertical"] .panels {
overflow: hidden;
}
.wp-block-greyd-tabs[data-transition="vertical"] .panel {
display: flex;
flex-direction: column;
transition: all .3s ease-out;
}
.wp-block-greyd-tabs[data-transition="vertical"] .panel:not(.is-active) {
display: flex;
position: absolute;
top: 0;
opacity: 0;
z-index: -1;
transform: translateY(-102%);
}
.wp-block-greyd-tabs[data-transition="vertical"] .panel.is-active ~ :not(.is-active) {
transform: translateY(102%);
}
.wp-block-greyd-tabs[data-transition="vertical"] .panel:first-child:not(.is-active):not(:has( ~ .panel.is-active)) {
position: relative;
opacity: 1;
z-index: 0;
transition: none;
transform: none;
}.greyd-media-wrapper {
float: none !important;
position: relative;
max-width: 100%;
}
.greyd-media-wrapper.alignleft {
margin: 0 auto 0 0 !important;
}
.greyd-media-wrapper.alignright {
margin: 0 0 0 auto !important;
}
.greyd-media-wrapper.aligncenter {
margin: 0 auto 0 auto !important;
}
.wp-block-greyd-hotspot-wrapper.aligncenter {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-greyd-hotspot-wrapper.alignright {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.greyd-media-wrapper img {
height: auto;
width: 100% !important;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .greyd-hotspot {
position: absolute !important;
z-index: 99;
transform: translate(-50%, -50%);
}
.greyd-hotspot.is-open {
z-index: unset;
}
.greyd-hotspot .spot { appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
border: none;
background: none;
padding: 0 !important;
cursor: pointer;
font-size: var(--hotspot-size, 30px);
height: 1em;
width: 1em;
position: relative;
transition: all .2s ease;
} .greyd-hotspot .spot[data-type=element] { background-color: var(--hotspot-background-color, var(--color61));
border-radius: var(--hotspot-border-radius, 9999px);
}
.greyd-hotspot .spot[data-type=element]::before {
content: " ";
position: absolute;
inset: 0;
margin: calc(-1 * var(--hotspot-outline-offset, 0.3em));
border: 2px solid var(--hotspot-outline-color, var(--color61));
border-radius: var(--hotspot-border-radius, 9999px);
}
.greyd-hotspot .spot[data-type=icon] {
color: var(--hotspot-background-color, var(--color61));
}
.greyd-hotspot .spot[data-type=image] {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-width: 20px;
} .greyd-media-wrapper .popover {
cursor: auto; max-width: var(--popover-max-width);
min-width: var(--popover-min-width, 250px);
border-radius: var(--popover-border-radius, 2px);
color: var(--popover-text-color, inherit);
background-color: var( --popover-background-color, var(--color62) );
border-top: var(--popover-border-top);
border-bottom: var(--popover-border-bottom);
border-left: var(--popover-border-left);
border-right: var(--popover-border-right);
box-shadow: var(--popover-box-shadow, 0 2px 16px -1px rgba(0,0,0,.2));
padding-top: var(--popover-padding-top, var(--gutter));
padding-bottom: var(--popover-padding-bottom, var(--gutter));
padding-left: var(--popover-padding-left, var(--gutter));
padding-right: var(--popover-padding-right, var(--gutter));
}
.greyd-media-wrapper .popover *:is(h1, h2, h3, h4, h5, h6) {
color: inherit;
} .greyd-media-wrapper .popover > :first-child {
margin-top: 0;
}
.greyd-media-wrapper .popover > :last-child {
margin-bottom: 0;
}
.greyd-media-wrapper .greyd-hotspot:not(.is-open) .popover {
display: none;
} @media screen and (min-width: 768px) {
.greyd-media-wrapper .popover {
position: absolute;
width: auto;
height: auto;
z-index: 10;
opacity: 1;
transition: all .2s ease; top: 100%;
left: 50%;
margin-top: var( --popover-offset, calc(var(--gutter) * 2) );
transform: translateX(-50%);
} .greyd-media-wrapper .popover.position-top {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--popover-offset, var(--gutter));
}
.greyd-media-wrapper .popover.position-right {
top: 50%;
left: 100%;
margin-top: 0;
margin-left: var(--popover-offset, var(--gutter));
transform: translateY(-50%);
}
.greyd-media-wrapper .popover.position-left {
top: 50%;
left: auto;
right: 100%;
margin-top: 0;
margin-right: var(--popover-offset, var(--gutter));
transform: translateY(-50%);
} .greyd-media-wrapper[data-show-triangle="true"] .popover::before {
content: " ";
position: absolute;
--triangle-size: 7px;
border: var(--triangle-size) solid transparent;
margin: 0 calc(var(--triangle-size) * -1);
border-bottom: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--color62) );
bottom: calc(100% - 1px);
left: 50%;
transition: border .2s ease;
}
.greyd-media-wrapper[data-show-triangle="true"] .popover.position-top::before {
border-bottom: var(--triangle-size) solid transparent;
border-top: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--color62) );
bottom: auto;
top: calc(100% - 1px);
}
.greyd-media-wrapper[data-show-triangle="true"] .popover.position-left::before {
border-bottom: var(--triangle-size) solid transparent;
border-left: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--color62) );
bottom: auto;
left: calc(100% - 1px);
top: 50%;
margin: calc(var(--triangle-size) * -1) 0;
}
.greyd-media-wrapper[data-show-triangle="true"] .popover.position-right::before {
border-bottom: var(--triangle-size) solid transparent;
border-right: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--color62) );
bottom: auto;
left: auto;
right: calc(100% - 1px);
top: 50%;
margin: calc(var(--triangle-size) * -1) 0;
}
} @media screen and (max-width: 767px) {
.greyd-media-wrapper .popover {
min-width: min-content !important;
max-width: calc( 100vw - 80px );
max-height: calc( 100vh - 120px );
}
dialog::backdrop {
background: linear-gradient(165deg, rgb(0,0,0,.2), rgb(0,0,0,.4));
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
} .greyd-hotspot .spot {
opacity: 0;
}
body.animate_fast .greyd-hotspot .spot {
opacity: 1;
transition: opacity .5s ease-in-out !important;
}
.greyd-hotspot .spot {
animation-duration: 3s;
animation-delay: var(--animation-delay, 1s);
animation-iteration-count: infinite;
}
.greyd-hotspot.hotspot-pulse:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-pulse {
animation-name: hotspot-pulse;
}
.greyd-hotspot.hotspot-blink:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-blink {
animation-name: hotspot-blink;
}
.greyd-hotspot.hotspot-wobble:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-wobble {
animation-name: hotspot-wobble;
} @keyframes hotspot-pulse {
0%, 15%, 100% {
transform: scale(1);
}
5% {
transform: scale(0.9);
}
10% {
transform: scale(1.1);
}
}
@keyframes hotspot-blink {
0%, 10%, 100% {
opacity: 1;
}
5% {
opacity: 0;
}
}
@keyframes hotspot-wobble {
0%, 20%, 100% {
transform: scale(1, 1);
}
5% {
transform: scale(0.9, 1.1);
}
10% {
transform: scale(1.1, 0.9);
}
15% {
transform: scale(0.95, 1.05);
}
} .greyd-media-wrapper dialog.polyfill {
position: fixed;
z-index: 99;
inset: 0;
margin: auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
display: block;
overflow: auto;
}
.greyd-media-wrapper dialog.polyfill:not([open]) {
display: none;
}
.greyd-media-wrapper dialog.polyfill + .backdrop {
position: fixed;
inset: 0;
background: linear-gradient(165deg, rgb(0,0,0,.2), rgb(0,0,0,.4));
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.greyd-media-wrapper dialog.polyfill ._dialog_overlay {
position: fixed;
inset: 0;
}
.greyd-hotspot button:focus-visible {
outline: 2px dotted var( --text-color, var(--color31, currentColor) );
outline-offset: 6px;
border-radius: 100%;
}ul.menu {
list-style: none;
}
.block_menu_wrapper {
--gap: var(--gutter);
}
.block_menu_wrapper ul {
list-style: none !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-wrap: wrap;
gap: var(--gap);
}
.block_menu_wrapper ul li,
.block_menu_wrapper ul li a {
margin: 0;
}
.block_menu_wrapper ul:not(.sub-menu) {
margin-bottom: var(--gap);
}
.block_menu_wrapper ul.sub-menu {
margin-top: var(--gap); margin-bottom: 0;
} .block_menu_wrapper ul li a:last-child {
margin-right: 0 !important;
}.wp-block-greyd-iframe {
display: block !important;
}body {
--anchorbasemargin: 2px;
}
body.admin-bar {
--anchorbasemargin: -30px;
}
@media all and (max-width: 782px) {
body.admin-bar {
--anchorbasemargin: -44px;
}
}
.greyd-anchor-target {
position: absolute !important;
--anchorcustommargin: 0px;
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin));
}
.navigation.main_on.sticky + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HEDheightScr) - var(--HEDtopbottom) - var(--HEDtopbottom));
}
.navigation.main_on.sticky[data-mod-header_scroll_on=false] + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HEDheight) - var(--HEDtopbottom) - var(--HEDtopbottom));
}
.navigation.meta_on.sticky + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HED2heightScr) - var(--HED2topbottom) - var(--HED2topbottom));
}
.navigation.meta_on.sticky[data-mod-header_scroll_on=false] + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HED2height) - var(--HED2topbottom) - var(--HED2topbottom));
}
.navigation.main_on.meta_on.sticky + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HEDheightScr) - var(--HEDtopbottom) - var(--HEDtopbottom) - var(--HED2heightScr) - var(--HED2topbottom) - var(--HED2topbottom));
}
.navigation.main_on.meta_on.sticky[data-mod-header_scroll_on=false] + .main .greyd-anchor-target {
margin-top: calc(var(--anchorbasemargin) + var(--anchorcustommargin) - var(--HEDheight) - var(--HEDtopbottom) - var(--HEDtopbottom) - var(--HED2height) - var(--HED2topbottom) - var(--HED2topbottom));
}.popup_close_button {
position: relative;
display: inline-block;
cursor: pointer;
width: 40px;
font-size: 4px;
transition: all var(--anim) ease;
}
.popup_close_button::before {
content: "";
display:block;
padding-top: 100%;
}
.popup_close_button .close_icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.popup_close_button .close_icon span {
position: absolute;
top: 5%;
left: 50%;
height: 90%;
width: 1em;
margin-left: -.5em !important;
background-color: currentColor;
}
.popup_close_button .close_icon span:first-child {
transform: rotate(45deg);
}
.popup_close_button .close_icon span:last-child {
transform: rotate(-45deg);
} .wp-block-greyd-popup-close, .popup_close_button {
float: none !important;
margin: 0;
}
.wp-block-greyd-popup-close.alignright,
.wp-block[data-type="greyd/popup-close"].alignright {
text-align: right;
}
.wp-block-greyd-popup-close.aligncenter,
.wp-block[data-type="greyd/popup-close"].aligncenter {
text-align: center;
}.greyd-search-form:not(.custom) {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: var(--gutter, var(--wp--style--block-gap, 1em ) );
align-items: flex-end;
} .greyd-search-form .input-outer-wrapper {
position: relative;
width: auto;
}
:where( .greyd-search-form.custom .input-outer-wrapper ) {
margin-block-start: var(--gutter, var(--wp--style--block-gap, 1em ) );
margin-block-end: 0px;
}
.greyd-search-form:not(.custom) :is(button, .button, select, .input, .input-wrapper, .greyd_multiselect .input) {
margin-bottom: 0;
} .greyd-search-form .input-outer-wrapper .label_wrap {
margin-block-end: calc( 0.5 * var(--gutter, var(--wp--preset--spacing--tiny, 0.5em) ) );
} .greyd-search-form .custom-select.autosearch {
position: absolute;
width: 100%;
bottom: 0;
}
.greyd-search-form .custom-select.autosearch .loader {
display: none;
}
.greyd-search-form .custom-select.autosearch .select-selected {
display: none;
}
.greyd-search-form .custom-select.autosearch .select-items.loading > * {
opacity: 0.5;
transition: none;
}
.greyd-search-form .custom-select.autosearch .select-items:empty::after {
content: attr(loading);
display: block;
padding: calc(13px - 4px) 16px;
}
.greyd-search-form .custom-select.autosearch .select-items.loading::before {
content: " ";
display: block;
position: absolute;
right: 16px;
top: calc(13px - 4px);
height: calc(1em - 4px);
width: calc(1em - 4px);
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 100%;
animation: loading 1s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.greyd-search-form input[type=search].input::placeholder {
color: currentColor;
opacity: 0.5;
}.wp-block-greyd-search-filter-buttons {
--greyd-filter-buttons-gap: calc( 0.5vw + 0.3rem );
--greyd-filter-buttons-color: currentColor;
--greyd-filter-buttons-bg-color: var(--wp--preset--color--base, var(--wp--preset--color--color-33));
--greyd-filter-buttons-border-color: var(--wp--preset--color--mediumlight, var(--wp--preset--color--color-22));
--greyd-filter-buttons-focus-color: var(--text-color, var(--wp--preset--color--foreground, currentColor)); }
.wp-block-greyd-search-filter-buttons {
display: flex;
flex-wrap: wrap; gap: var(--greyd-filter-buttons-gap); }
.wp-block-greyd-search-filter-buttons .greyd_filter_button {
display: flex;
cursor: pointer;
align-items: center;
} .wp-block-greyd-search-filter-buttons input[type="radio"] {
display: inline-block !important;
position: absolute !important;
opacity: 0;
z-index: -1;
}
.wp-block-greyd-search-filter-buttons .radio input[type="radio"],
.wp-block-greyd-search-filter-buttons .radio-inline input[type="radio"] {
width: auto;
margin-left: 0px;
}
.wp-block-greyd-search-filter-buttons .radio span,
.wp-block-greyd-search-filter-buttons .radio-inline span {
margin-left: 0px !important;
margin-right: 0px !important;
}
.wp-block-greyd-search-filter-buttons input[type="radio"] + span,
.wp-block-greyd-search-filter-buttons input[type="radio"] + label {
cursor: pointer;
}
.wp-block-greyd-search-filter-buttons input[type="radio"] + span::before,
.wp-block-greyd-search-filter-buttons input[type="radio"] + label::before {
content: "\5b";
font-family: ElegantIcons;
font-weight: 400;
margin-right: 5px;
}
.wp-block-greyd-search-filter-buttons.is-style-tabs input[type="radio"] + span::before, 
.wp-block-greyd-search-filter-buttons.is-style-clear input[type="radio"] + span::before, 
.wp-block-greyd-search-filter-buttons.is-style-chips input[type="radio"] + span::before, 
.wp-block-greyd-search-filter-buttons.is-style-prim input[type="radio"] + span::before,
.wp-block-greyd-search-filter-buttons.is-style-sec input[type="radio"] + span::before, 
.wp-block-greyd-search-filter-buttons.is-style-trd input[type="radio"] + span::before {
display: none;
}
.wp-block-greyd-search-filter-buttons.is-style-checkbox input[type="radio"] + span::before {
content: "\56";
}
.wp-block-greyd-search-filter-buttons.is-style-checkbox .greyd_filter_button.is-active input[type="radio"] + span::before {
content: "\5a";
}
.wp-block-greyd-search-filter-buttons .greyd_filter_button.is-active input[type="radio"] + span::before,
.wp-block-greyd-search-filter-buttons .greyd_filter_button.is-active input[type="radio"] + label::before {
content: "\5c";
} .wp-block-greyd-search-filter-buttons input[type="radio"]:focus-visible,
.wp-block-greyd-search-filter-buttons input[type="radio"]:focus-visible + span {
outline: none;
}
.wp-block-greyd-search-filter-buttons .greyd_filter_button:has( > input[type="radio"]:focus-visible ) {
outline: 2px dotted var(--greyd-filter-buttons-focus-color, var(--wp--preset--color--foreground, currentColor));
outline-offset: 3px;
} .wp-block-greyd-search-filter-buttons label.label {
all: unset;
} .wp-block-greyd-search-filter-buttons.is-style-tabs {
position: relative;
padding: 0 var(--greyd-filter-buttons-gap);
}
.wp-block-greyd-search-filter-buttons.is-style-tabs::before {
content: " ";
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid var(--greyd-filter-buttons-border-color);
}
.wp-block-greyd-search-filter-buttons.is-style-tabs .greyd_filter_button {
position: relative; color: var(--greyd-filter-buttons-color, currentColor);
background: var(--greyd-filter-buttons-bg-color);
border: 1px solid var(--greyd-filter-buttons-border-color);
padding: calc( 0.5vw + 0.3rem ) calc( 1vw + 0.36rem ) calc( 0.5vw + 0.3rem - 1px ); }
.wp-block-greyd-search-filter-buttons.is-style-tabs .greyd_filter_button.is-active {
--greyd-filter-buttons-bg-color: var(--wp--preset--color--background, var(--wp--preset--color--color-62));
border-bottom: none;
} .wp-block-greyd-search-filter-buttons.is-style-chips {
--greyd-filter-buttons-bg-color: var(--wp--preset--color--background, var(--wp--preset--color--color-62));
}
.wp-block-greyd-search-filter-buttons.is-style-chips.tabs {
margin-bottom: max( var(--wp--style--block-gap), 1em );
}
.wp-block-greyd-search-filter-buttons.is-style-chips .greyd_filter_button {
color: var(--greyd-filter-buttons-color, currentColor);
background: var(--greyd-filter-buttons-bg-color);
border: 1px solid var(--greyd-filter-buttons-border-color);
padding: calc( 0.5vw + 0.3rem ) calc( 1vw + 0.36rem );
border-radius: 100vw;
}
.wp-block-greyd-search-filter-buttons.is-style-chips .greyd_filter_button.is-active {
--greyd-filter-buttons-color: var(--wp--preset--color--background, var(--wp--preset--color--color-23));
--greyd-filter-buttons-bg-color: var(--wp--preset--color--foreground, var(--wp--preset--color--color-31));
--greyd-filter-buttons-border-color: var(--wp--preset--color--foreground, var(--wp--preset--color--color-31));
border-bottom-color: var(--greyd-filter-buttons-border-color);
} .is-style-switch input[type="radio"] + span + span,
.is-style-switch .option .icn + span {
vertical-align: super;
}
.is-style-switch input[type="radio"] + span {
position: relative;
display: inline-block;
vertical-align: top;
height: 22px;
width: 36px;
margin: 0 6px 6px 2px;
color: var(--greyd-filter-buttons-color, currentColor);
transition: all 0.2s ease;
} .is-style-switch input[type="radio"] + span::after {
content: ' ';
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
border-radius: 12px;
background-color: var(--greyd-filter-buttons-color, currentColor);
} .is-style-switch input[type="radio"] + span::before {
content: ' ' !important;
display: inline-block;
position: relative;
z-index: 1;
vertical-align: top;
border-radius: 100%;
height: 16px;
width: 16px;
margin: 3px;
margin-right: 17px;
background-color: var(--greyd-filter-buttons-bg-color);
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
transition: all .2s ease-out;
}
.is-style-switch .greyd_filter_button.is-active input[type="radio"] + span::before {
content: ' ';
margin-left: 17px;
margin-right: 3px;
}