.modal{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal__background{background-color:#000;height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:.3s;width:100%}.modal--visible .modal__background{opacity:.7}.modal__window{height:100%;left:50%;max-height:90vh;max-width:var(--containerwidth);opacity:0;padding:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(.9);transition-delay:0;transition-duration:.1s;width:100%}.modal--visible .modal__window{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);transition-delay:.3s}.modal__modal{background-color:#fff;max-height:100%;overflow-y:auto}.modal__modal--padding{padding:30px}.modal__close{background-color:transparent;border:none;cursor:pointer;height:44px;position:absolute;right:0;top:0;width:44px}.modal__close:after,.modal__close:before{background-color:#fff;content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform-origin:50%;width:100%}.modal__close:before{transform:rotate(45deg)}.modal__close:after{transform:rotate(-45deg)}@media (min-width:1200px){.modal__window{max-height:95vh}}[data-video]{display:block;position:relative}[data-video]:before{background-color:rgba(33,33,33,.5);height:100%;left:0;top:0;width:100%}[data-video]:after,[data-video]:before{content:"";display:block;position:absolute}[data-video]:after{background-image:url(//8820162.fs1.hubspotusercontent-eu1.net/hubfs/8820162/raw_assets/public/frenz-theme/images/icons/play.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:var(--drop-shadow);height:60px;left:50%;opacity:.7;pointer-events:none;top:50%;transform:translateX(-50%) translateY(-50%);transition-duration:.2s;width:60px}[data-video]:focus:after,[data-video]:hover:after{opacity:1}[data-video]>img{display:block;width:100%}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:0;position:relative}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:600px){[data-video]:after{height:80px;width:80px}}@media (min-width:900px){[data-video]:after{height:100px;width:100px}}@media (min-width:1200px){[data-video]:after{height:120px;width:120px}}