/* MoxKit Container Notch. The container's own background, border and shadow are hidden and
   redrawn on .moxkit-notch-layer (background, shadow) and .moxkit-notch-edge (border), both
   masked with the traced outline. */
.moxkit-notch-on{background:none!important;border-color:transparent!important;box-shadow:none!important;isolation:isolate}
.moxkit-notch-layer,.moxkit-notch-edge{position:absolute;pointer-events:none}
.moxkit-notch-layer{z-index:-1}
.moxkit-notch-shape,.moxkit-notch-fill,.moxkit-notch-stroke{position:absolute;inset:0;width:100%;height:100%}
.moxkit-notch-stroke{overflow:visible}
/* The overlay, video and slideshow repeat the container's border; the edge layer draws it instead. */
.moxkit-notch-on::before,
.moxkit-notch-on>.elementor-background-slideshow,
.moxkit-notch-on>.elementor-background-slideshow::before,
.moxkit-notch-on>.elementor-background-video-container,
.moxkit-notch-on>.elementor-background-video-container::before,
.moxkit-notch-on>.e-con-inner>.elementor-background-video-container,
.moxkit-notch-on>.e-con-inner>.elementor-background-video-container::before,
.moxkit-notch-on>.elementor-motion-effects-container>.elementor-motion-effects-layer::before{border-color:transparent!important}
.moxkit-notch-shape,
.moxkit-notch-edge,
.moxkit-notch-on::before,
.moxkit-notch-on>.elementor-shape,
.moxkit-notch-on>.elementor-motion-effects-container,
.moxkit-notch-on>.elementor-background-video-container,
.moxkit-notch-on>.e-con-inner>.elementor-background-video-container,
.moxkit-notch-on>.elementor-background-slideshow,
.moxkit-notch-on>.e-con-inner>.elementor-background-slideshow{-webkit-mask:var(--moxkit-notch-mask) 0 0/100% 100% no-repeat;mask:var(--moxkit-notch-mask) 0 0/100% 100% no-repeat}
