.infront-flyout__dialog{display:none;align-items:flex-start;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);z-index:5;max-height:100%;overflow-y:auto}
@media only screen and (min-width:768px){.infront-flyout__dialog{padding:30px 0}
}
.infront-flyout__dialog.opened{display:flex}
@media only screen and (min-width:768px){.aem-AuthorLayer-Edit .infront-flyout__dialog,.aem-AuthorLayer-Layouting .infront-flyout__dialog{display:none}
}
.infront-flyout__window{position:relative;transform:translateX(-100%);transition:transform .7s;background-color:var(--infront-color-palette-16);padding-bottom:70px}
@media only screen and (max-width:767px){.infront-flyout__window{min-height:100%}
}
@media only screen and (min-width:768px){.infront-flyout__window{border-radius:20px;margin:auto;transform:none;transition:none;max-width:670px;width:100%}
}
.infront-flyout__window.slide-in{transform:translateX(0)}
.infront-flyout__header{display:flex;justify-content:flex-end}
@media only screen and (max-width:767px){.infront-flyout__header{padding:24px 20px 48px}
}
@media only screen and (min-width:768px){.infront-flyout__header{padding:32px 48px 10px}
}
@media only screen and (max-width:767px){.infront-flyout__body,.infront-flyout__buttons{padding-left:20px;padding-right:20px}
}
@media only screen and (min-width:768px){.infront-flyout__body,.infront-flyout__buttons{padding-left:48px;padding-right:48px}
}
.infront-flyout__body .infront-content{width:100%}
.infront-flyout__body #acs-commons-env-indicator{display:none}
@media only screen and (min-width:768px){.infront-flyout__body .infront-video__video{padding:45px 45px 30px}
}
.infront-flyout__buttons:not(:empty){padding-top:40px;padding-bottom:40px}
@media only screen and (min-width:768px){.infront-flyout__mask{height:100%;width:100%;left:0;position:fixed;top:0;z-index:0}
}
.infront-flyout__closebutton{overflow:visible;width:auto;padding:0;border:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;line-height:normal;font-size:0;height:22px;width:22px}
.infront-flyout__closebutton::-moz-focus-inner{padding:0;border:0}
.infront-flyout__closeicon{background-color:var(--infront-color-palette-2);cursor:pointer;display:inline-block;height:100%;-webkit-mask-image:url("../../../../../../etc.clientlibs/infront/base/clientlibs/publish/resources/icons/close.svg");mask-image:url("../../../../../../etc.clientlibs/infront/base/clientlibs/publish/resources/icons/close.svg");-webkit-mask-size:contain;mask-size:contain;width:100%}