.admin-preview{--height: 900px;--aspect-ratio: 10/6;--opacity: calc(var(--current-frame, 1) / 40);position:relative;display:block;background-color:var(--color-dark);padding:var(--section-margin) 0 0;margin-bottom:var(--section-margin);z-index:0}.admin-preview .intro{color:var(--color-white);text-align:center;padding:0 var(--container-padding);max-width:var(--intro-width);margin:0 auto 0;font-size:var(--font-size-md);z-index:2}@media(min-width: 1800px){.admin-preview .intro{max-width:1400px}}.admin-preview h2{color:var(--color-white)}.admin-preview .mockup-wrapper{position:sticky;top:calc(50vh - var(--height)/2 + var(--header-height)/3);height:var(--height);margin-top:calc(var(--height)*-0.6);overflow:hidden;pointer-events:none;z-index:2}.admin-preview .mockup{position:absolute;left:50%;height:100%;transform:translate3d(-50%, 0, 0);aspect-ratio:var(--aspect-ratio);perspective:calc(var(--height)*4.6);perspective-origin:50% 82%;z-index:3}.admin-preview .frames{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.admin-preview .frames img{position:absolute;left:0;width:100%;margin:.16% -0.08%;top:calc(var(--current-frame, 0)*-100%)}.admin-preview .screen-animation-tracker{position:relative;display:block;width:10px;margin-left:10px;height:800px;pointer-events:none}.admin-preview .quote-scroll-tracker{position:relative;display:block;height:500px;width:10px;margin-left:10px;background-color:blue;margin-top:10px;pointer-events:none}.admin-preview .videos{--offset-x: 21.4%;--offset-y: 17.2%;position:absolute;top:var(--offset-y);left:var(--offset-x);right:var(--offset-x);bottom:var(--offset-y);transform-origin:center bottom;transform:rotateX(var(--rotate));opacity:var(--opacity)}.admin-preview video{--offset-x: 2%;--offset-y: 4%;position:absolute;display:block;top:var(--offset-y);left:var(--offset-x);width:calc(100% - var(--offset-x)*2);height:calc(100% - var(--offset-y)*2);opacity:0;border-radius:calc(var(--height)*.01);transition:.2s ease}.admin-preview video[data-current=true],.admin-preview video:has(~[data-current=true]){opacity:1}.admin-preview .quotes{position:relative;margin:calc(var(--height)*-0.5) auto 0;padding:0 var(--container-padding) calc(70vh - var(--height)/3);z-index:0}.admin-preview .quote{padding:0;z-index:1}.admin-preview .quote::before{--icon-size: calc(var(--font-size-md) * 5);z-index:-1;margin:calc(var(--icon-size)*-1.1) calc(var(--icon-size)*-0.07)}.admin-preview .quote .quote-text{font-size:var(--font-size-md);line-height:1.6}@media(min-width: 1000px){.admin-preview .quote:nth-child(even){text-align:right}.admin-preview .quote:nth-child(even)::before{right:0;left:auto;margin:calc(var(--icon-size)*-1.1) calc(var(--icon-size)*-0.1)}.admin-preview .quote:nth-child(odd){text-align:left;margin-left:auto}}@media(orientation: landscape){.admin-preview .mockup-wrapper{box-shadow:0 10000px 0 10000px var(--color-white)}.admin-preview .mockup-wrapper::before{content:"";position:absolute;top:70%;left:0;right:0;bottom:0;background-color:var(--color-white);z-index:1}.admin-preview .quote{color:var(--color-white)}}@media(orientation: landscape)and (max-height: 860px){.admin-preview{--height: 105vh}}@media(orientation: landscape)and (max-width: 1099px){.admin-preview{--height: 85vw}}@media(orientation: landscape)and (min-width: 1100px)and (max-width: 1599px){.admin-preview{--height: 50vw}}@media(orientation: landscape)and (min-width: 1100px){.admin-preview .quote{max-width:calc(50% - var(--height)/2 - 20px)}}@media(orientation: portrait){.admin-preview{--height: 85vw;--offset: calc(var(--current-frame, 1) / 40 * var(--height) * -0.5);background-color:var(--color-white)}.admin-preview .intro{position:relative;z-index:2;background-color:var(--color-dark);box-shadow:0 0 0 var(--section-margin) var(--color-dark);transform:translate3d(0, var(--offset), 0)}.admin-preview .mockup-wrapper{top:calc(var(--header-height) - var(--height)*.1);margin-top:calc(var(--height)*-1);margin-bottom:calc(var(--height)*-0.15)}.admin-preview .quotes{margin-bottom:0;padding-bottom:0}.admin-preview .quote{text-align:center;margin:calc(var(--font-size-md)*8) 0}.admin-preview .quote::before{left:50%;transform:translateX(-50%)}.admin-preview .screen-animation-tracker{height:50vh;margin-bottom:-50vh;top:20vh}.admin-preview .mockup-background{position:sticky;top:calc(var(--header-height) - var(--height)*.1);margin-top:-34%;height:var(--height);z-index:1}.admin-preview .mockup-background::before{content:"";position:absolute;top:0;left:0;right:0;bottom:40%;background-color:var(--color-dark)}.admin-preview .mockup-background::after{content:"";position:absolute;top:60%;left:0;width:100%;padding-top:40%;background:linear-gradient(0deg, rgba(255, 255, 255, 0), var(--color-white) 50%);pointer-events:none}}@media(orientation: portrait)and (min-width: 768px){.admin-preview{--height: 600px}.admin-preview .quotes{max-width:600px;margin-left:auto;margin-right:auto}}.features+.admin-preview{margin-top:calc(var(--section-margin)*-1);padding-top:var(--section-margin)}.features+.admin-preview::before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background-color:var(--color-dark)}