.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:100}.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(.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(.9,1.1)}10%{transform:scale(1.1,.9)}15%{transform:scale(.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 currentColor;outline-offset:6px;border-radius:100%}