.frame-type-mask_modal .modal .modal-dialog{padding:20px;height:fit-content}.frame-type-mask_modal .modal .modal-dialog.modal-sm{max-width:400px}.frame-type-mask_modal .modal .modal-dialog.modal-md{max-width:700px}.frame-type-mask_modal .modal .modal-dialog.modal-lg{max-width:1000px}.frame-type-mask_modal .modal .modal-dialog.modal-xl{max-width:1300px}.frame-type-mask_modal .modal .modal-dialog.modal-fullscreen{max-width:100%;padding:0px}.frame-type-mask_modal .modal .modal-dialog.modal-top{margin:auto;left:0;right:0}.frame-type-mask_modal .modal .modal-dialog.modal-bottom{margin:auto;left:0;right:0;bottom:0}.frame-type-mask_modal .modal .modal-dialog.modal-dialog-centered{margin:auto;left:0;right:0;top:0;bottom:0}.frame-type-mask_modal .modal .modal-dialog.modal-top-left{left:0;top:0}.frame-type-mask_modal .modal .modal-dialog.modal-top-right{right:0;top:0}.frame-type-mask_modal .modal .modal-dialog.modal-bottom-left{bottom:0;left:0}.frame-type-mask_modal .modal .modal-dialog.modal-bottom-right{bottom:0;right:0}.frame-type-mask_modal .modal .modal-dialog .modal-content{display:flex;flex-wrap:nowrap;flex-direction:row;border:5px solid var(--colorDark);box-shadow:var(--boxShadowSmall);border-radius:0px;background:var(--colorWhite)}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-image{width:50%;object-fit:cover;height:auto;mask-image:url("/typo3conf/ext/wr_designblank/Resources/Public/Images/Modal/modal_image.webp");mask-size:100% 100%;position:relative;z-index:1}.frame-type-mask_modal .modal .modal-dialog .modal-content::after{content:"";width:50%;height:100%;mask-image:url("/typo3conf/ext/wr_designblank/Resources/Public/Images/Modal/modal_image.webp");mask-size:100% 100%;background:var(--colorDark);position:absolute;left:5px;z-index:0}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body{overflow-y:auto;border-left:0px;background-size:cover;border:none;margin:0px;padding:0px;background-position:center right;max-height:80vh}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header{justify-content:space-between;width:100%;flex-wrap:nowrap;flex-direction:row;align-items:start}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header .btn-close{background:var(--colorWhite);aspect-ratio:1;height:50px;border:5px solid var(--colorDark);border-radius:100%;margin-left:auto;transition:100ms ease-in-out all;display:flex;align-items:center;justify-content:center}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header .btn-close i{font-size:var(--fontSizeL)}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header .btn-close:hover{background:var(--colorPrimary);color:var(--colorWhite)}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header img{height:50px;width:50px;object-fit:contain}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .frame{padding:0px 40px}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar{width:5px}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{background:var(--colorWhite)}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{background:var(--colorLight);border-radius:10px}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:var(--colorPrimaryHover)}@media screen and (max-width:700px){.frame-type-mask_modal .modal .modal-dialog .modal-content{flex-direction:column;max-height:80vh}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-image{width:100%;max-height:150px;border-bottom:5px solid var(--colorDark);mask-image:initial}.frame-type-mask_modal .modal .modal-dialog .modal-content::after{display:none}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header{position:sticky;top:0}.frame-type-mask_modal .modal .modal-dialog .modal-content .modal-body .modal-header img{display:none}}