:root{--vdd--site-padding: clamp( 1rem, 0.2857rem + 1.9048vw, 2rem );--vdd--content-width--default: calc(1140px + var(--vdd--site-padding) * 2);--vdd--content-width--extra-narrow: calc( 666px + var(--vdd--site-padding) * 2 );--vdd--content-width--narrow: calc(892px + var(--vdd--site-padding) * 2);--vdd--content-width--wide: calc(1376px + var(--vdd--site-padding) * 2);--vdd--transition--default: 0.15s ease-out;--vdd--transition--long: 0.2s ease-out;--vdd--border-radius--default: 12px;--vdd--border-radius--tight: 6px;--vdd--border-radius--pill: 1337px;--vdd--font-weight--regular: 400;--vdd--font-weight--medium: 500;--vdd--font-weight--semi-bold: 600;--vdd--font-weight--bold: 700;--vdd--shadow--default: 0 0 6px 0 rgb(0 0 0 / 2%), 0 2px 4px 0 rgb(0 0 0 / 8%);--vdd--shadow--faint: 0 0 10px 0 rgb(0 0 0 / 2%), 0 2px 10px 0 rgb(0 0 0 / 2%);--vdd--focus-outline: 2px dashed var(--wp--preset--color--primary-200)}.vdd-offcanvas-holder{display:none}.vdd-offcanvas-container{position:relative}.vdd-offcanvas-backdrop{z-index:9999999998;pointer-events:none;position:fixed;opacity:0;background:linear-gradient(0deg, rgba(27, 27, 27, 0.6) 0%, rgba(27, 27, 27, 0.6) 100%);transition:opacity var(--vdd--transition--default);inset:var(--vdd--header-height) 0 0 0}@media only screen and (min-width: 1000px){.vdd-offcanvas-backdrop{inset:0}}.vdd-offcanvas-backdrop.vdd-offcanvas-backdrop--show{pointer-events:auto;opacity:1}.vdd-offcanvas-panel{--panel-width: 100%;--panel-padding-top: 1.5rem;--panel-padding-bottom: 3rem;--panel-padding-inline: 1rem;--panel-border-radius: 0;z-index:9999999999;pointer-events:none;position:fixed;top:var(--vdd--header-height);opacity:0;padding:var(--panel-padding-top) var(--panel-padding-inline) var(--panel-padding-bottom);-webkit-overflow-scrolling:touch;width:100%;max-width:var(--panel-width);height:calc(100svh - var(--vdd--header-height));background:var(--wp--preset--color--neutral-100);transition:opacity var(--vdd--transition--default),transform var(--vdd--transition--default),max-width var(--vdd--transition--default);overflow-y:auto;will-change:transform,opacity,max-width}@media only screen and (min-width: 1000px){.vdd-offcanvas-panel{--panel-width: 27.5rem;--panel-padding-top: 3rem;--panel-padding-bottom: 4rem;--panel-padding-inline: 2.5rem;top:0;box-shadow:-2px 0 8px rgba(0,0,0,.2);height:100svh}}.vdd-offcanvas-panel.vdd-offcanvas-panel--left{left:0;transform:translateX(calc(var(--panel-width) * -1))}@media only screen and (min-width: 1000px){.vdd-offcanvas-panel.vdd-offcanvas-panel--left{border-top-right-radius:var(--panel-border-radius);border-bottom-right-radius:var(--panel-border-radius)}}.vdd-offcanvas-panel.vdd-offcanvas-panel--right{right:0;transform:translateX(var(--panel-width))}@media only screen and (min-width: 1000px){.vdd-offcanvas-panel.vdd-offcanvas-panel--right{border-top-left-radius:var(--panel-border-radius);border-bottom-left-radius:var(--panel-border-radius)}}.vdd-offcanvas-panel.vdd-offcanvas-panel--show{pointer-events:auto;opacity:1;transform:translateX(0)}.vdd-offcanvas-close{--offcanvas-close-button-padding: 0.5rem;z-index:100;cursor:pointer;float:right;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6875rem;padding:var(--offcanvas-close-button-padding);width:2.5rem;height:2.5rem;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translateX(var(--offcanvas-close-button-padding))}.vdd-offcanvas-close span{opacity:1;display:block;width:1.5rem;height:3px;background-color:var(--wp--preset--color--neutral-500);line-height:1;transition:transform 200ms,opacity 150ms}.vdd-offcanvas-close span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.vdd-offcanvas-close span:nth-child(2){transform:rotate(-45deg) translate(5px, -5px)}