.layer-background{display:none;width:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.5);height:100vh;z-index:1300}.layer-background .layer-wrap{background-color:#FFFFFF;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px}@media (min-width:1440px){.layer-background .layer-wrap{width:1300px;height:auto}}@media (max-width:1439px) and (min-width:1024px){.layer-background .layer-wrap{width:960px;height:auto;padding:72px 32px 32px}}@media (max-width:1023px) and (min-width:768px){.layer-background .layer-wrap{width:752px;height:auto;padding:72px 32px 32px}}@media (max-width:767px) and (min-width:360px){.layer-background .layer-wrap{width:100%;height:100vh;padding:56px 24px 24px;border-radius:0;overflow:hidden;overflow-y:auto}}@media (min-width:1440px){.layer-background .layer-wrap .top{display:flex}}.layer-background .layer-wrap .top .left{width:60%}.layer-background .layer-wrap .top .right{width:40%}.layer-background .layer-wrap .top .right img{width:100%}.layer-background .layer-wrap .closing{position:absolute;right:32px;top:26px;cursor:pointer}.layer-background .layer-wrap .closing img{width:16px;height:16px;transform:rotate(90deg)}.layer-background .layer-wrap .layer-box{width:100%;position:relative;border-radius:8px;background-color:#F6F7FA;border:1px solid #DEE2ED;box-sizing:border-box;height:auto;padding:32px}@media (min-width:1440px){.layer-background .layer-wrap .layer-box:first-of-type{margin:72px 16px 32px 32px}.layer-background .layer-wrap .layer-box:last-of-type{margin:72px 32px 32px 16px}}@media (max-width:1439px){.layer-background .layer-wrap .layer-box:last-of-type{margin-top:32px}}.layer-background .layer-wrap .layer-box .layer-badge{position:absolute;top:-30px;right:-30px}.layer-background .layer-wrap .layer-box .logo-wordmark img{max-height:64px}@media (max-width:767px){.layer-background .layer-wrap .layer-box .logo-wordmark img{max-height:32px}}.layer-background .layer-wrap .layer-box .information-wrap{display:flex;margin-top:8px}.layer-background .layer-wrap .layer-box .aspects{margin-top:24px;list-style:none}@media (max-width:1023px) and (min-width:768px){.layer-background .layer-wrap .layer-box .aspects{columns:2;-webkit-columns:2;-moz-columns:2}}@media (max-width:767px){.layer-background .layer-wrap .layer-box .aspects{display:block !important;margin-top:16px;min-height:auto !important}}.layer-background .layer-wrap .layer-box .aspects li{margin-left:32px;position:relative;line-height:24px}.layer-background .layer-wrap .layer-box .aspects li::before{content:url(/typo3conf/ext/of_distribution/Resources/Public/TEMP/Images/AtomicDesign/Icon/check.svg) " ";height:16px;width:16px;position:absolute;left:-24px}.layer-background .layer-wrap .layer-box .left{width:50%}@media (max-width:1023px){.layer-background .layer-wrap .layer-box .left{width:100%}}.layer-background .layer-wrap .layer-box .button{margin-top:24px}.layer-background .layer-wrap .layer-box .divider{width:100%;border-top:1px solid #DEE2ED;box-sizing:border-box;height:1px;margin:32px 0}.layer-background .layer-wrap .layer-box .usage{font-size:14px;line-height:18px}.layer-background .bottom .divider{width:100%;position:relative;border-top:1px solid #dee2ed;box-sizing:border-box;height:1px}@media (max-width:767px){.layer-background .bottom .divider{width:120%;margin-left:-40px;margin-top:20px}}.layer-background .bottom .producthelp{padding:32px;display:flex}@media (max-width:767px){.layer-background .bottom .producthelp{flex-direction:column-reverse}}.layer-background .bottom .producthelp .left .help{font-weight:500}.layer-background .bottom .producthelp .right{margin-left:auto}@media (max-width:767px){.layer-background .bottom .producthelp .right{margin-right:auto;margin-left:0;margin-bottom:16px}}