.flex-center{display:flex;justify-content:center;align-items:center}.bottom-border{border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0}.top-border{border:var(--borderWidth) solid var(--borderColor);border-width:var(--borderWidth) 0 0 0}.text-center{text-align:center}.text-left{text-align:left}:root{--borderWidth:1px;--buttonRadius:16px;--borderRadius:10px;--borderRadiusSmall:6px;--borderRadiusTiny:3px;--blockBorderRadius:30px;--borderRadiusForms:12px;--borderFullRounded:60px;--white:#ffffff;--red:#ff7243;--darkred:#762f17;--grey:#F2F2F7;--greyHighlight:#f7f7fc;--darkgrey:#adadb7;--purple:#DCC8F8;--orange:#e8a976;--blue:#D3E7EF;--darkBlue:#527b8b;--yellow:#FCF0C3;--darkYellow:#bdaa63;--green:#C9F1C1;--darkGreen:#688d60;--peach:#F3D0D3;--darkPeach:#947475;--black:#000000}body.light{--background:#ffffff;--backgroundAlternate:#fcfcfd;--tileAlternate:#f1f1f3;--borderColor:#dfe0e5;--borderColorSoft:#eeeff4;--inactive:#f4f4ff;--inactiveFontColor:#dedae8;--nav:#ffffff;--navFontColor:#1f153a;--viewBar:#1f153a;--clickBar:#1f153a;--contentBar:#1f153a;--successBorder:#d1ded9;--successBackground:#e4ebe8;--successCopy:#21533d;--noticeBorder:#f6f6a9;--noticeBackground:#fefedf;--noticeCopy:#6e6c1b;--primaryButtonBackground:#227aff;--primaryButtonLabel:#fff;--secondaryButtonBackground:#f1f1f1;--secondaryButtonLabel:#4a4a4a;--primaryFontColor:#1c1b1e;--secondaryFontColor:#9f9f9f;--tertiaryFontColor:#d6d7dc;--formBackgroundColor:#ffffff;--formFontColor:#1f153a;--formHoverColor:#227aff;--formFocusColor:#b9d5ff;--placeholderColor:#b6b0c8;--toggleSelected:#ffffff;--toggleSelectedFontColor:#1f153a;--demoPhoneColor:#ffffff;--phoneBackground:#ffffff;--ghostElements:#ffffff;--ghostElementsDark:#ffffff;--ghostElementsLight:#f4f4f4;--overlay:#1d1a1fee;--logo:#150e28;--error:#ff7243}body.light .form--checkbox input[type=checkbox]:checked+.checkmark{background-image:url('/assets/images/assets/checkmark.png')}body.dark{--background:#0c0020;--backgroundAlternate:#17092f;--tileAlternate:#200d43;--borderColor:#45355c;--inactive:#342848;--inactiveFontColor:#64557f;--nav:#ffffff;--navFontColor:#1f153a;--viewBar:#ffffff;--clickBar:#ffffff;--contentBar:#ffffff;--primaryButtonBackground:#7561ff;--primaryButtonLabel:#ffffff;--secondaryButtonBackground:#30285e;--secondaryButtonLabel:#ffffff;--primaryFontColor:#f5f1ff;--secondaryFontColor:#8774b4;--formBackgroundColor:#ffffff;--formFontColor:#1f153a;--formHoverColor:#9585ff;--formFocusColor:#bfb5ff;--placeholderColor:#b6b0c8;--toggleSelected:#e1dcfe;--toggleSelectedFontColor:#1f153a;--demoPhoneColor:#1f153a;--phoneBackground:#ffffff;--ghostElements:#232220;--ghostElementsDark:#393939;--ghostElementsLight:#f4f4f4;--overlay:#311941f5;--logo:#f0eeff;--error:#ff7243}body.dark .form--checkbox input[type=checkbox]:checked+.checkmark{background-image:url('/assets/images/assets/checkmark.png')}@media (max-width:767px){.range-container{display:flex;justify-content:space-between;width:100%;align-items:center}.range-container .range-links{display:flex;flex-direction:column}.summary-container{display:flex;flex-direction:column;gap:20px;width:100%}.summary-container .summary-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;border:var(--borderWidth) solid var(--borderColor);background-color:var(--white);padding:20px 0;border-radius:var(--borderRadius)}.summary-container .summary-block h4{padding:0;margin:0}.summary-container .summary-block .summary-row{display:flex;justify-content:flex-start;align-items:center;width:100%}.summary-container .summary-block .summary-row div{width:33.33%;display:flex;flex-direction:column;align-items:center;border:var(--borderWidth) solid var(--borderColor);border-width:0 var(--borderWidth) 0 0}.summary-container .summary-block .summary-row div span:first-child{font-size:12px;display:flex;gap:5px}.summary-container .summary-block .summary-row div span:last-child{font-weight:400;font-size:16px}.summary-container .summary-block .summary-row div:last-child{border-width:0}.analytic-summary--container{width:100%;display:flex;flex-direction:column;justify-content:space-between}.analytic-summary--block{display:flex;flex-direction:row;width:100%;border-radius:var(--borderRadius);overflow:hidden;border:var(--borderWidth) solid var(--borderColor)}.analytic-summary--row{display:flex;flex-direction:column;width:100%;justify-content:space-between;padding:15px 0 15px 15px}.analytic-summary--row:last-child{border-width:0;padding:15px}.analytic-summary--row-heading{align-items:center;font-size:12px;display:flex;white-space:nowrap;gap:5px}.analytic-summary--row-value{font-weight:400;font-size:20px}.analytics-wrapper{display:flex;flex-direction:column;width:100%;max-width:1200px;gap:20px}.analytics-container{display:flex;position:relative;width:100%;justify-content:center;margin:20px 0}.chart-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.analytics-scale{display:flex;flex-direction:column;justify-content:space-between;margin:0 0 20px 0}.analytics-scale-item{display:flex;height:calc(100% / 66);font-size:10px;margin:-6px 10px 0 0;justify-content:flex-end}.analytics-dates{display:flex;justify-content:space-between;align-items:center;gap:1px;height:20px}.analytics-dates-column{width:100%;height:40px;position:relative;display:flex;justify-content:center;align-items:center;font-size:6px;overflow:hidden;writing-mode:vertical-lr;transform:rotate(180deg);padding:0 0 10px 0}.analytics-chart-container{width:100%}.analytics-chart{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:300px;gap:1px;border-radius:var(--borderRadius);background:repeating-linear-gradient(to bottom,var(--borderColor),var(--borderColor) 1px,var(--white) 1px,transparent 10%),var(--white);border:1px solid var(--borderColor);border-width:0 1px 1px 1px}.analytics-column{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.analytics-column--plays{width:100%;font-size:0;border-radius:4px 4px 0 0;height:0;transition:height 1s ease-out;position:relative}.analytics-column--plays.clicks{background-color:var(--yellow)}.analytics-column--plays.views{background-color:var(--green)}.analytics-column--plays:last-child{border-radius:4px 4px var(--borderRadius) 0}.analytics-column--plays:first-child{border-radius:4px 4px 0 var(--borderRadius)}.analytics-column--plays:focus .tooltip,.analytics-column--plays:hover .tooltip{opacity:1;transition:opacity .2s ease-out}.analytics-column--plays .tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%,0);background-color:var(--peach);padding:10px;color:var(--black);font-size:14px;z-index:5;border-radius:var(--borderRadius);opacity:0;transition:opacity .2s ease-out}.analytics-tooltip{display:none;position:absolute;background-color:#fff;border:1px solid var(--borderColor);padding:10px;z-index:5;border-radius:5px;font-size:13px}.analytics-table-column{display:flex;align-items:center;width:20%}.analytics-table-column:last-child{width:60%;align-items:center}.analytics-table-percentage{width:100%;display:flex;background-color:var(--contentBar);padding:5px;border-radius:4px}.analytics-table-percentage span{color:var(--white)}}@media (min-width:768px){.range-container{display:flex;justify-content:space-between;width:100%;align-items:center}.range-container .range-links{display:flex}.summary-container{display:flex;gap:20px;width:100%}.summary-container .summary-block{width:50%;display:flex;flex-direction:column;align-items:center;gap:20px;border:var(--borderWidth) solid var(--borderColor);background-color:var(--white);padding:20px 0;border-radius:var(--borderRadius)}.summary-container .summary-block h4{padding:0;margin:0}.summary-container .summary-block .summary-row{display:flex;justify-content:flex-start;align-items:center;width:100%}.summary-container .summary-block .summary-row div{width:33.33%;display:flex;flex-direction:column;align-items:center;border:var(--borderWidth) solid var(--borderColor);border-width:0 var(--borderWidth) 0 0}.summary-container .summary-block .summary-row div span:first-child{font-size:12px;display:flex;gap:5px}.summary-container .summary-block .summary-row div span:last-child{font-weight:400;font-size:16px}.summary-container .summary-block .summary-row div:last-child{border-width:0}.analytic-summary--container{width:100%;display:flex;flex-direction:column;justify-content:space-between}.analytic-summary--block{display:flex;flex-direction:row;width:100%;border-radius:var(--borderRadius);overflow:hidden;border:var(--borderWidth) solid var(--borderColor)}.analytic-summary--row{display:flex;flex-direction:column;width:100%;justify-content:space-between;padding:15px 0 15px 15px}.analytic-summary--row:last-child{border-width:0;padding:15px}.analytic-summary--row-heading{align-items:center;font-size:12px;display:flex;white-space:nowrap;gap:5px}.analytic-summary--row-value{font-weight:400;font-size:20px}.analytics-wrapper{display:flex;flex-direction:column;width:100%;max-width:1200px;gap:20px}.analytics-container{display:flex;position:relative;width:100%;justify-content:center;margin:20px 0}.chart-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.analytics-scale{display:flex;flex-direction:column;justify-content:space-between;margin:0 0 20px 0}.analytics-scale-item{display:flex;height:calc(100% / 66);font-size:10px;margin:-6px 10px 0 0;justify-content:flex-end}.analytics-dates{display:flex;justify-content:space-between;align-items:center;gap:1px;height:20px}.analytics-dates-column{width:100%;height:40px;position:relative;display:flex;justify-content:center;align-items:center;font-size:6px;overflow:hidden;writing-mode:vertical-lr;transform:rotate(180deg);padding:0 0 10px 0}.analytics-chart-container{width:100%}.analytics-chart{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:300px;gap:1px;border-radius:var(--borderRadius);background:repeating-linear-gradient(to bottom,var(--borderColor),var(--borderColor) 1px,var(--white) 1px,transparent 10%),var(--white);border:1px solid var(--borderColor);border-width:0 1px 1px 1px}.analytics-column{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.analytics-column--plays{width:100%;font-size:0;border-radius:4px 4px 0 0;height:0;transition:height 1s ease-out;position:relative}.analytics-column--plays.clicks{background-color:var(--yellow)}.analytics-column--plays.views{background-color:var(--green)}.analytics-column--plays:last-child{border-radius:4px 4px var(--borderRadius) 0}.analytics-column--plays:first-child{border-radius:4px 4px 0 var(--borderRadius)}.analytics-column--plays:focus .tooltip,.analytics-column--plays:hover .tooltip{opacity:1;transition:opacity .2s ease-out}.analytics-column--plays .tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%,0);background-color:var(--peach);padding:10px;color:var(--black);font-size:14px;z-index:5;border-radius:var(--borderRadius);opacity:0;transition:opacity .2s ease-out}.analytics-tooltip{display:none;position:absolute;background-color:#fff;border:1px solid var(--borderColor);padding:10px;z-index:5;border-radius:5px;font-size:13px}.analytics-table-column{display:flex;align-items:center;width:20%}.analytics-table-column:last-child{width:60%;align-items:center}.analytics-table-percentage{width:100%;display:flex;background-color:var(--contentBar);padding:5px;border-radius:4px}.analytics-table-percentage span{color:var(--white)}}@media (max-width:767px){header.guest{display:flex;justify-content:center;width:100vw;background-color:var(--white)}header.guest .inner{display:flex;align-items:center;justify-content:space-between;width:100vw;max-width:100vw;height:70px;padding:0 20px}header.guest .inner .logo-container .logo{display:flex;align-items:center;height:15px}header.guest .inner .logo-container .logo svg{height:100%}header.guest nav{display:flex;align-items:center;gap:10px}header.guest nav a{text-decoration:none;font-size:15px;color:var(--primaryFontColor)}header.guest nav.center{justify-content:center}header.guest nav.right{justify-content:flex-end}header.guest nav .demo-label::before{content:"Demo"}header.guest nav .signup-label::before{content:"Sign up"}header.guest nav .burger-icon{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px;padding:5px 0 5px 5px}header.guest nav .burger-icon div{width:100%;height:2px;background-color:var(--primaryFontColor)}header.min{margin:0 0 20px 0}header.min .logo svg{height:16px}header.auth{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100vw;height:70px}header.auth .inner{display:flex;align-items:center;justify-content:space-between;width:100vw;max-width:100vw;height:70px;padding:0 20px}header.auth .inner .logo{display:flex;align-items:center;height:15px}header.auth .inner .logo svg{height:100%}header.auth .burger-icon{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px;padding:5px 0 5px 5px}header.auth .burger-icon div{width:100%;height:2px;background-color:var(--primaryFontColor)}header.auth nav{flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px}header.auth nav .nav-block{position:relative;display:flex;flex-direction:column;gap:14px;width:50%}header.auth nav .nav-block a{display:flex;align-items:center;gap:10px;font-weight:500;text-decoration:none;font-size:14px;color:var(--primaryFontColor);cursor:pointer;padding:7px}header.auth nav .nav-block a>:nth-child(2){margin:0 6px 0 auto}header.auth nav .nav-block a.highlighted{border-radius:var(--borderFullRounded);background-color:var(--tileAlternate)}header.auth nav .nav-block:last-child a:last-child{margin:5vh 0 0 0}.panel-menu{position:relative;display:flex;flex-direction:column;gap:14px}.burger-panel{display:flex;flex-direction:column;gap:5px;width:calc(100vw - 60px);height:100dvh;background-color:var(--white);border-radius:0 var(--borderRadiusSmall) var(--borderRadiusSmall) 0;position:absolute;top:0;left:0;padding:5px;transform:translateX(-100%);transition:transform .3s ease;z-index:5;-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.03);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.03);box-shadow:0 0 28px 0 rgba(0,0,0,.03)}.burger-panel.slide-in{transform:translateX(0)}.burger-overlay{display:flex;justify-content:flex-end;align-items:flex-start;position:fixed;padding:15px;top:0;left:0;z-index:4;width:100vw;height:100dvh;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease;pointer-events:none}.burger-overlay .burger-close{display:flex;justify-content:center;align-items:center;background:#fff;width:30px;height:30px;border-radius:var(--borderFullRounded);font-weight:800}.burger-overlay.active{opacity:1;pointer-events:auto}}@media (min-width:768px){header.guest{display:flex;justify-content:center;width:100%;background-color:var(--white)}header.guest .inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;height:70px;padding:0 40px}header.guest .inner .logo-container{width:33.33%}header.guest .inner .logo-container .logo{display:flex;align-items:center;height:15px}header.guest .inner .logo-container .logo svg{height:100%}header.guest nav{display:flex;align-items:center;gap:20px;width:33.33%}header.guest nav a{text-decoration:none;font-size:15px;color:var(--primaryFontColor)}header.guest nav.center{justify-content:center}header.guest nav.right{justify-content:flex-end}header.guest nav .demo-label::before{content:"Instant Demo"}header.guest nav .signup-label::before{content:"Start for free"}header.min{margin:0 0 20px 0}header.min .logo svg{height:16px}header.auth{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:200px;height:100vh}header.auth .inner{position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:220px;height:100%;padding:25px;row-gap:30px}header.auth .inner .logo{display:flex;align-items:center;height:15px;margin:10px 0 0 7px}header.auth .inner .logo svg{height:100%}header.auth nav{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;gap:10px}header.auth nav .nav-block{position:relative;display:flex;flex-direction:column;gap:14px}header.auth nav .nav-block a{display:flex;align-items:center;gap:10px;font-weight:500;text-decoration:none;font-size:14px;color:var(--primaryFontColor);cursor:pointer;padding:7px}header.auth nav .nav-block a>:nth-child(2){margin:0 6px 0 auto}header.auth nav .nav-block a.highlighted{border-radius:var(--borderFullRounded);background-color:var(--tileAlternate)}.panel-menu{display:none;flex-direction:column;gap:5px;width:200px;background-color:var(--white);border-radius:var(--borderRadiusSmall);border:var(--borderWidth) solid var(--borderColor);position:absolute;bottom:0;left:calc(100% + 10px);padding:5px;-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.03);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.03);box-shadow:0 0 28px 0 rgba(0,0,0,.03)}}@media (max-width:767px){*{box-sizing:border-box;font-family:"DM Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}.grecaptcha-badge{visibility:hidden!important}body{width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px}body main{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;padding:40px}body main .inner{max-width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 70px);gap:20px}body.auth{flex-direction:column;background-color:var(--backgroundAlternate)}body.auth main{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100vw;height:100%;padding:15px}body.auth main .inner{max-width:100vw;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100dvh - 70px);gap:20px}main{min-height:calc(100dvh - 70px)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-mobile{display:none!important}.show-desktop{display:none!important}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:500}a{color:var(--primaryFontColor);text-decoration:underline}.container{display:flex;flex-direction:column;width:100%;gap:20px}.container.center{align-items:center}.container .split{width:100%;display:flex;flex-direction:column;gap:20px}.container .split .split-30{display:flex;flex-direction:column;width:100%}.container .split .split-40{display:flex;flex-direction:column;width:100%}.container .split .split-50{display:flex;flex-direction:column;width:100%}.container .split .split-60{display:flex;flex-direction:column;width:100%}.container .split .split-70{display:flex;flex-direction:column;width:100%}.gap-main{gap:20px}}@media (min-width:768px){*{box-sizing:border-box;font-family:"DM Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}.grecaptcha-badge{visibility:hidden!important}body{width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px}body main{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;padding:40px}body main .inner{max-width:1200px;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 70px);gap:20px}body.auth{flex-direction:row;background-color:var(--backgroundAlternate)}body.auth main{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:calc(100vw - 200px);height:100%;padding:40px}body.auth main .inner{max-width:1200px;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 70px);gap:20px}main{min-height:calc(100vh - 70px)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-desktop{display:none!important}.show-mobile{display:none!important}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:500}a{color:var(--primaryFontColor);text-decoration:underline}.container{display:flex;flex-direction:column;width:100%;gap:40px}.container.center{align-items:center}.container .split{width:100%;display:flex;gap:40px}.container .split .split-30{display:flex;flex-direction:column;width:30%}.container .split .split-40{display:flex;flex-direction:column;width:40%}.container .split .split-50{display:flex;flex-direction:column;width:50%}.container .split .split-60{display:flex;flex-direction:column;width:60%}.container .split .split-70{display:flex;flex-direction:column;width:70%}.gap-main{gap:40px}}table{width:100%;border-spacing:0;table-layout:auto}table tr td,table tr th{white-space:nowrap;padding:20px;text-align:left}table tr th{font-size:13px;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0;background-color:var(--white)}table tr td .thumbnail{width:80px;height:80px;overflow:hidden}table tr td .thumbnail img{width:100%;height:100%;object-fit:cover}table tr:nth-child(odd){background-color:var(--backgroundAlternate)}.upload-box{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:auto;overflow:hidden;max-width:100%;border:var(--borderWidth) solid var(--borderColorSoft);border-radius:var(--borderRadiusSmall);padding:20px;background-image:linear-gradient(45deg,#f6f6f7 25%,transparent 25%),linear-gradient(-45deg,#f6f6f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6f7 75%),linear-gradient(-45deg,transparent 75%,#f6f6f7 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.03);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.03);box-shadow:0 0 28px 0 rgba(0,0,0,.03)}.upload-box .upload-box-content{display:flex;align-items:center;flex-direction:column;gap:15px;color:var(--secondaryFontColor)}.upload-box .cancel-upload{display:none;position:absolute;top:20px;right:20px;z-index:2}.upload-box .preview-wrapper{position:relative}.upload-box .video-preview{position:relative;display:none;width:100%;max-width:600px;border-radius:var(--borderRadiusTiny)}.upload-box .video-preview-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);color:var(--white);font-size:20px;z-index:1;align-items:flex-start;padding:40px}.upload-box .video-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-box::before{content:"";display:block;padding-top:56.25%}.guidelines-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;gap:10px;border:var(--borderWidth) solid var(--noticeBorder);background-color:var(--noticeBackground);color:var(--noticeCopy);border-radius:var(--borderRadius)}.guidelines-container div span:first-child{font-weight:500}.error-container{display:none;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;gap:10px;border:var(--borderWidth) solid var(--noticeBorder);background-color:var(--noticeBackground);color:var(--noticeCopy);border-radius:var(--borderRadius)}.error-container div span:first-child{font-weight:500}.success-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;border:var(--borderWidth) solid var(--successBorder);background-color:var(--successBackground);color:var(--successCopy);border-radius:var(--borderRadius)}.success-container div{display:inline-flex;white-space:pre}.progress-container{display:none;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:10px}.progress-container .progress-label{display:flex;justify-content:center;text-align:center;color:var(--primaryFontColor)}.progress-container .progress-bar{width:100%;max-width:300px;height:10px;background-color:var(--white);border-radius:var(--borderRadius);position:relative;padding:2px}.progress-container .progress-bar .progress-bar-fill{width:0%;height:100%;background-color:var(--green);border-radius:var(--borderRadius)}.progress-container .progress-copy{display:flex;justify-content:center;text-align:center;color:var(--primaryFontColor);font-size:16px;width:80%}@media (max-width:767px){.primary-button,button{display:inline-flex;width:fit-content;justify-content:center;align-items:center;padding:0 20px;border-radius:var(--borderRadius);height:44px;background-color:var(--primaryButtonBackground);border-width:0;cursor:pointer;color:var(--primaryButtonLabel);font-size:13px;text-decoration:none;transition:all .3s ease;white-space:nowrap;font-weight:600}.primary-button:disabled,button:disabled{background-color:var(--backgroundAlternate);color:var(--primaryButtonLabel);cursor:not-allowed}.primary-button.small,button.small{height:30px;padding:0 10px;font-size:12px}.primary-button.full-width,button.full-width{width:100%}.primary-button.center,button.center{margin:0 auto}.secondary-button{display:inline-flex;width:fit-content;justify-content:center;align-items:center;padding:0 20px;border-radius:var(--borderRadius);height:44px;background-color:var(--secondaryButtonBackground);border-width:0;cursor:pointer;color:var(--secondaryButtonLabel);font-size:13px;text-decoration:none;transition:all .3s ease;white-space:nowrap;font-weight:600}.secondary-button:disabled{background-color:var(--backgroundAlternate);color:var(--secondaryButtonLabel);cursor:not-allowed}.secondary-button.small{height:30px;padding:0 10px;font-size:12px}.secondary-button.full-width{width:100%}.secondary-button.center{margin:0 auto}.animate-primary-button{opacity:0;animation:showAfter 1s ease .8s forwards}.animate-secondary-button{opacity:0;animation:showAfter 1s ease .9s forwards}.action{display:inline-flex;border:var(--borderWidth) solid var(--borderColor);padding:8px;background-color:var(--white);font-size:13px;color:var(--primaryFontColor);text-decoration:none;border-radius:var(--borderRadiusTiny);gap:6px}.action:hover{text-decoration:underline;cursor:pointer}.action.selected{font-weight:600;background-color:var(--grey)}.action em{font-style:italic;color:var(--secondaryFontColor)}.action-group{display:flex}.action-group .action{display:flex;align-items:center;border:var(--borderWidth) solid var(--borderColor);border-width:var(--borderWidth) 0 var(--borderWidth) var(--borderWidth);padding:8px;background-color:var(--white);font-size:13px;color:var(--primaryFontColor);text-decoration:none;border-radius:0}.action-group .action:hover{text-decoration:underline;cursor:pointer}.action-group .action.selected{font-weight:600;background-color:var(--grey)}.action-group .action:first-child{border-radius:var(--borderRadiusTiny) 0 0 var(--borderRadiusTiny);border-width:var(--borderWidth) 0 var(--borderWidth) var(--borderWidth)}.action-group .action:last-child{border-radius:0 var(--borderRadiusTiny) var(--borderRadiusTiny) 0;border-width:var(--borderWidth) var(--borderWidth) var(--borderWidth) var(--borderWidth)}.text-link{color:var(--primaryFontColor);text-decoration:underline;cursor:pointer}.button-container{width:100%;display:flex;justify-content:space-between}.toggle-container{display:flex;justify-content:flex-start;border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusSmall);background-color:var(--white);overflow:hidden;min-width:80px;width:fit-content}.toggle-container div{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px 0 8px;text-indent:8px}.toggle-container div span,.toggle-container div svg{opacity:.15}.toggle-container div.selected{color:var(--primaryFontColor)}.toggle-container div.selected span,.toggle-container div.selected svg{opacity:1}.toggle-container div:first-child{border-right:var(--borderWidth) solid var(--borderColor)}}@media (min-width:768px){.primary-button,button{display:inline-flex;width:fit-content;justify-content:center;align-items:center;padding:0 20px;border-radius:var(--borderRadius);height:44px;background-color:var(--primaryButtonBackground);border-width:0;cursor:pointer;color:var(--primaryButtonLabel);font-size:13px;text-decoration:none;transition:all .3s ease;white-space:nowrap;font-weight:600}.primary-button:disabled,button:disabled{background-color:var(--backgroundAlternate);color:var(--primaryButtonLabel);cursor:not-allowed}.primary-button.full-width,button.full-width{width:100%}.primary-button.center,button.center{margin:0 auto}.secondary-button{display:inline-flex;width:fit-content;justify-content:center;align-items:center;padding:0 20px;border-radius:var(--borderRadius);height:44px;background-color:var(--secondaryButtonBackground);border-width:0;cursor:pointer;color:var(--secondaryButtonLabel);font-size:13px;text-decoration:none;transition:all .3s ease;white-space:nowrap;font-weight:600}.secondary-button:disabled{background-color:var(--backgroundAlternate);color:var(--secondaryButtonLabel);cursor:not-allowed}.secondary-button.full-width{width:100%}.secondary-button.center{margin:0 auto}.animate-primary-button{opacity:0;animation:showAfter 1s ease .8s forwards}.animate-secondary-button{opacity:0;animation:showAfter 1s ease .9s forwards}.action{display:inline-flex;border:var(--borderWidth) solid var(--borderColor);padding:8px;background-color:var(--white);font-size:13px;color:var(--primaryFontColor);text-decoration:none;border-radius:var(--borderRadiusTiny);gap:6px}.action:hover{text-decoration:underline;cursor:pointer}.action.selected{font-weight:600;background-color:var(--grey)}.action em{font-style:italic;color:var(--secondaryFontColor)}.action-group{display:flex}.action-group .action{display:flex;align-items:center;border:var(--borderWidth) solid var(--borderColor);border-width:var(--borderWidth) 0 var(--borderWidth) var(--borderWidth);padding:8px;background-color:var(--white);font-size:13px;color:var(--primaryFontColor);text-decoration:none;border-radius:0}.action-group .action:hover{text-decoration:underline;cursor:pointer}.action-group .action.selected{font-weight:600;background-color:var(--grey)}.action-group .action:first-child{border-radius:var(--borderRadiusTiny) 0 0 var(--borderRadiusTiny);border-width:var(--borderWidth) 0 var(--borderWidth) var(--borderWidth)}.action-group .action:last-child{border-radius:0 var(--borderRadiusTiny) var(--borderRadiusTiny) 0;border-width:var(--borderWidth) var(--borderWidth) var(--borderWidth) var(--borderWidth)}.text-link{color:var(--primaryFontColor);text-decoration:underline;cursor:pointer}.button-container{width:100%;display:flex;justify-content:space-between}.toggle-container{display:flex;justify-content:flex-start;border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusSmall);background-color:var(--white);overflow:hidden;min-width:80px;width:fit-content}.toggle-container div{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px 0 8px;text-indent:8px}.toggle-container div span,.toggle-container div svg{opacity:.15}.toggle-container div.selected{color:var(--primaryFontColor)}.toggle-container div.selected span,.toggle-container div.selected svg{opacity:1}.toggle-container div:first-child{border-right:var(--borderWidth) solid var(--borderColor)}}@media (max-width:767px){.form-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.form-row{display:flex;flex-direction:column;position:relative;gap:10px;width:100%;align-items:center}.form-row label{display:flex;width:100%;font-weight:400;justify-content:space-between;gap:10px;font-size:14px;line-height:14px;color:var(--primaryFontColor)}.form-row input{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:10px;font-size:16px;line-height:23px;width:100%;height:56px;color:var(--formFontColor);background-color:var(--formBackgroundColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusForms);transition:all .3s ease}.form-row input:disabled{background-color:var(--inactive);cursor:not-allowed;opacity:.5;color:var(--inactiveFontColor)}.form-row input:not(:disabled):hover{border:var(--borderWidth) solid var(--formHoverColor)}.form-row input:not(:disabled):focus{box-shadow:0 0 0 4px var(--formFocusColor);border:var(--borderWidth) solid var(--formHoverColor)}.form-row.text-center{display:flex;flex-direction:row;justify-content:center;gap:5px}.form-split{display:flex;width:100%;flex-direction:row;justify-content:space-between;gap:10px}.form-check{display:flex;width:100%;align-items:center;gap:10px}.form-check label{display:flex;align-items:center;width:100%;justify-content:space-between;gap:10px;font-size:14px;line-height:14px;color:var(--primaryFontColor)}.form-check input[type=checkbox]{width:20px;height:20px;padding:0;margin:0;border-radius:var(--borderRadiusForms)}input.subtle{border-width:0;text-align:right;height:51.5px;padding:0 15px 0 0;outline:0;width:100%}input.subtle:disabled{cursor:not-allowed;color:var(--inactiveFontColor);background-color:var(--white)}input.subtle::placeholder{font-style:italic;color:var(--secondaryFontColor)}select.subtle{border-width:0;text-align:right;height:51.5px;padding:0 5px 0 0;outline:0;width:100%;margin:0 15px 0 0}.switch-container{display:flex;flex-direction:column;gap:15px;width:100%}.switch-container label{position:relative;cursor:pointer;display:flex;justify-content:flex-end;width:100%;padding:0 30px 0 0}.switch-container label em{font-style:italic;margin:0 0 0 6px;color:var(--secondaryFontColor)}.switch-container label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.switch-container label input[type=radio]:checked~.custom-radio{background-color:var(--primaryButtonBackground)}.switch-container label .custom-radio{position:absolute;top:50%;right:0;transform:translateY(-50%);height:20px;width:20px;background-color:var(--inactive);border-radius:50%}.switch-container label .custom-radio:after{content:"";position:absolute;display:none}.switch-container label input:checked~.custom-radio:after{display:block}.switch-container label .custom-radio:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background-color:var(--white)}.verification-container{background-color:var(--white);padding:40px;display:flex}.verification-container div{display:flex;gap:20px;width:100%}.verification-container div .code-input{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:10px;font-size:16px;line-height:23px;text-align:center;width:46px;height:56px;color:var(--formFontColor);background-color:var(--formBackgroundColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusSmall);transition:all .3s ease}.password-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;bottom:3px;right:3px;width:50px;height:50px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.password-icon svg{position:absolute}.password-icon .visibility_off{display:none}}@media (min-width:768px){.form-container{max-width:360px;width:50%;display:flex;flex-direction:column;align-items:center;gap:20px}.form-row{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;gap:10px}.form-row label{display:flex;width:100%;font-weight:400;justify-content:space-between;gap:10px;font-size:14px;line-height:14px;color:var(--primaryFontColor)}.form-row input{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:10px;font-size:16px;line-height:23px;width:100%;height:56px;color:var(--formFontColor);background-color:var(--formBackgroundColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusForms);transition:all .3s ease}.form-row input:disabled{background-color:var(--inactive);cursor:not-allowed;opacity:.5;color:var(--inactiveFontColor)}.form-row input:not(:disabled):hover{border:var(--borderWidth) solid var(--formHoverColor)}.form-row input:not(:disabled):focus{box-shadow:0 0 0 4px var(--formFocusColor);border:var(--borderWidth) solid var(--formHoverColor)}.form-row.text-center{display:flex;flex-direction:row;justify-content:center;gap:5px}.form-split{display:flex;width:100%;flex-direction:row;justify-content:space-between;gap:10px}.form-check{display:flex;width:100%;align-items:center;gap:10px}.form-check label{display:flex;align-items:center;width:100%;justify-content:space-between;gap:10px;font-size:14px;line-height:14px;color:var(--primaryFontColor)}.form-check input[type=checkbox]{width:20px;height:20px;padding:0;margin:0;border-radius:var(--borderRadiusForms)}input.subtle{border-width:0;text-align:right;height:51.5px;padding:0 15px 0 0;outline:0;width:100%}input.subtle:disabled{cursor:not-allowed;color:var(--inactiveFontColor);background-color:var(--white)}input.subtle::placeholder{font-style:italic;color:var(--secondaryFontColor)}select.subtle{border-width:0;text-align:right;height:51.5px;padding:0 5px 0 0;outline:0;width:100%;margin:0 15px 0 0}.switch-container{display:flex;flex-direction:column;gap:15px;width:100%}.switch-container label{position:relative;cursor:pointer;display:flex;justify-content:flex-end;width:100%;padding:0 30px 0 0}.switch-container label em{font-style:italic;margin:0 0 0 6px;color:var(--secondaryFontColor)}.switch-container label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.switch-container label input[type=radio]:checked~.custom-radio{background-color:var(--primaryButtonBackground)}.switch-container label .custom-radio{position:absolute;top:50%;right:0;transform:translateY(-50%);height:20px;width:20px;background-color:var(--inactive);border-radius:50%}.switch-container label .custom-radio:after{content:"";position:absolute;display:none}.switch-container label input:checked~.custom-radio:after{display:block}.switch-container label .custom-radio:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background-color:var(--white)}.verification-container{background-color:var(--white);padding:40px;display:flex}.verification-container div{display:flex;gap:20px;width:100%}.verification-container div .code-input{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:10px;font-size:16px;line-height:23px;text-align:center;width:46px;height:56px;color:var(--formFontColor);background-color:var(--formBackgroundColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadiusSmall);transition:all .3s ease}.password-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;bottom:3px;right:3px;width:50px;height:50px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.password-icon svg{position:absolute}.password-icon .visibility_off{display:none}}@media (max-width:767px){.row-container{display:flex;flex-direction:column;width:100%}.row-container.half{width:100%}.row-container.styled{border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadius);background-color:var(--white);overflow:hidden}.row-container .row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:15px;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0}.row-container .row.nopadding{padding:0 0 0 15px}.row-container .row.flex-start{align-items:stretch}.row-container .row .block{font-size:14px;display:flex;flex-wrap:nowrap;width:25%;height:100%}.row-container .row .block:last-child{width:75%;flex-direction:row;justify-content:flex-end;align-items:center}.row-container .row .block:last-child .change-email{margin-right:15px;cursor:pointer;font-style:italic;color:var(--secondaryFontColor)}.row-container .row.share-width{gap:15px}.row-container .row.share-width>*{width:50%}.row-container .row:last-child{border-width:0}.row-container .row-column{display:flex;flex-direction:column;justify-content:space-between;gap:15px;width:100%;padding:15px;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0}.row-container .row-column .block{font-size:14px;width:100%}.row-container .row-column:last-child{border-width:0}}@media (min-width:768px){.row-container{display:flex;flex-direction:column;width:100%}.row-container.half{width:50%}.row-container.styled{border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadius);background-color:var(--white);overflow:hidden}.row-container .row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:15px;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0}.row-container .row.nopadding{padding:0 0 0 15px}.row-container .row.flex-start{align-items:stretch}.row-container .row .block{font-size:14px;display:flex;flex-wrap:nowrap;width:35%;height:100%}.row-container .row .block:last-child{width:75%;flex-direction:row;justify-content:flex-end;align-items:center}.row-container .row .block:last-child .change-email{margin-right:15px;cursor:pointer;font-style:italic;color:var(--secondaryFontColor)}.row-container .row.share-width{gap:15px}.row-container .row.share-width>*{width:50%}.row-container .row:last-child{border-width:0}.row-container .row-column{display:flex;flex-direction:column;justify-content:space-between;gap:15px;width:100%;padding:15px;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0}.row-container .row-column .block{font-size:14px;width:100%}.row-container .row-column:last-child{border-width:0}}.preview-container{display:flex;border:var(--borderWidth) solid var(--borderColorSoft);border-radius:var(--borderRadiusSmall);padding:20px;background-image:linear-gradient(45deg,#f6f6f7 25%,transparent 25%),linear-gradient(-45deg,#f6f6f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6f7 75%),linear-gradient(-45deg,transparent 75%,#f6f6f7 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-container #fallbackPreview{display:none}.preview-container .video-preview{width:100%;display:flex;justify-content:center}.preview-container .video-preview .video-preview-desktop{display:none}.preview-container .video-preview .video-preview-desktop video{display:block;width:100%;max-width:600px;border-radius:var(--borderRadiusTiny)}.preview-container .video-preview .video-preview-mobile video{display:block;width:100%;max-width:300px;border-radius:var(--borderRadiusTiny)}.preview-container .fallback-preview{width:100%;justify-content:center}.preview-container .fallback-preview img{display:block;width:300px;border-radius:var(--borderRadiusTiny)}.manage-fallback-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;width:100%;gap:15px}.manage-fallback-container .set{display:flex;justify-content:flex-end;flex-direction:column;gap:5px}.manage-fallback-container .adjust{display:flex;width:100%;justify-content:flex-end;position:relative}.manage-fallback-container .adjust #customFallbackFile{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.manage-fallback-container .custom-error,.manage-fallback-container .custom-success{display:none}.preview-options-container{display:flex;justify-content:space-between;width:100%}.code-box{width:100%;height:100px;border-width:0;padding:0;font-size:14px;overflow:hidden;resize:none;outline:0}.tool-column{background-color:var(--white);border-radius:var(--borderRadius);border:var(--borderWidth) solid var(--borderColor);-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.03);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.03);box-shadow:0 0 28px 0 rgba(0,0,0,.03)}.custom-error{display:none;border-radius:var(--borderRadiusSmall);background-color:var(--red);font-size:14px;color:var(--white);padding:10px}.custom-error #customFile,.custom-error #customSize{display:none}.custom-success{display:none;border-radius:var(--borderRadiusSmall);background-color:var(--green);font-size:14px;color:var(--darkGreen);padding:10px}.delete-video{width:100%;text-align:center;margin:30px 0 0 0;text-decoration:underline;cursor:pointer}.heading{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.heading h1,.heading p{padding:0;margin:0;text-align:center}.heading h1{font-weight:550}@media (max-width:767px){.card-container{position:relative;overflow:hidden}.card-container .card{width:calc(50% - 2px);position:absolute;display:flex;flex-direction:column;align-items:center;margin:0 0 40px 0;gap:10px}.card-container .card .thumbnail img{display:block;width:100%;height:auto;background-color:var(--grey);border-radius:var(--borderRadiusTiny)}.card-container .card .group-row{display:flex;flex-direction:column;align-items:center;gap:10px}.card-container .card .primary-row{display:flex;width:calc(100% - 20px);flex-direction:column;gap:5px}.card-container .card .primary-row a:link,.card-container .card .primary-row a:visited{text-decoration:none;color:var(--primaryFontColor);font-weight:500}.card-container .card .primary-row .dates{color:var(--secondaryFontColor)}.card-container .card .secondary-row{justify-content:flex-start;gap:10px;margin:10px 0 0 0}.card-container .card .action-row{display:flex;width:calc(100% - 20px);gap:10px}.card-container .card:first-child .thumbnail img{border-radius:var(--borderRadius) var(--borderRadiusTiny) var(--borderRadiusTiny) var(--borderRadiusTiny)}.card-container .card:nth-child(2) .thumbnail img{border-radius:var(--borderRadiusTiny) var(--borderRadius) var(--borderRadiusTiny) var(--borderRadiusTiny)}.card-container .card-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0;padding:20px 0}.card-container .card-row .thumbnail{min-width:70px;width:30px;min-height:90px;height:90px}.card-container .card-row .thumbnail img{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--grey);border-radius:var(--borderRadiusTiny)}.card-container .card-row .group-row{display:flex;align-items:center;gap:20px}.card-container .card-row .primary-row{display:flex;flex-direction:column;gap:5px}.card-container .card-row .primary-row a:link,.card-container .card-row .primary-row a:visited{text-decoration:none;color:var(--primaryFontColor);font-weight:500}.card-container .card-row .primary-row .dates{color:var(--secondaryFontColor)}.card-container .card-row .secondary-row{display:flex;gap:10px}.card-container .card-row .action-row{display:flex;flex-direction:column;gap:10px}}@media (min-width:768px){.card-container{position:relative;overflow:hidden}.card-container .card{width:calc(25% - 2px);position:absolute;display:flex;flex-direction:column;align-items:center;margin:0 0 40px 0;gap:10px}.card-container .card .thumbnail img{display:block;width:100%;height:auto;background-color:var(--grey);border-radius:var(--borderRadiusTiny)}.card-container .card .group-row{display:flex;flex-direction:column;align-items:center;gap:10px}.card-container .card .primary-row{display:flex;width:calc(100% - 20px);flex-direction:column;gap:5px}.card-container .card .primary-row a:link,.card-container .card .primary-row a:visited{text-decoration:none;color:var(--primaryFontColor);font-weight:500}.card-container .card .primary-row .dates{color:var(--secondaryFontColor)}.card-container .card .secondary-row{justify-content:flex-start;gap:10px;margin:10px 0 0 0}.card-container .card .action-row{display:flex;width:calc(100% - 20px);gap:10px}.card-container .card:first-child .thumbnail img{border-radius:var(--borderRadius) var(--borderRadiusTiny) var(--borderRadiusTiny) var(--borderRadiusTiny)}.card-container .card:nth-child(4) .thumbnail img{border-radius:var(--borderRadiusTiny) var(--borderRadius) var(--borderRadiusTiny) var(--borderRadiusTiny)}.card-container .card-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:var(--borderWidth) solid var(--borderColor);border-width:0 0 var(--borderWidth) 0;padding:20px 0}.card-container .card-row .thumbnail{width:70px;height:70px}.card-container .card-row .thumbnail img{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--grey);border-radius:var(--borderRadiusTiny)}.card-container .card-row .group-row{display:flex;align-items:center;gap:20px}.card-container .card-row .primary-row{display:flex;flex-direction:column;gap:5px}.card-container .card-row .primary-row a:link,.card-container .card-row .primary-row a:visited{text-decoration:none;color:var(--primaryFontColor);font-weight:500}.card-container .card-row .primary-row .dates{color:var(--secondaryFontColor)}.card-container .card-row .secondary-row{display:flex;gap:10px}.card-container .card-row .action-row{display:flex;gap:10px}}@media (max-width:767px){footer{width:100%;display:flex;justify-content:center;gap:20px;padding:20px}}@media (min-width:768px){footer{width:100%;display:flex;justify-content:center;gap:20px;padding:20px}}.label{display:flex;font-size:12px;padding:3px 6px;border-radius:var(--borderRadiusTiny);background-color:var(--grey)}@media (max-width:767px){.modal-container{display:none;flex-direction:column;z-index:6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 30px);background-color:var(--background);padding:20px;border-radius:var(--borderRadius);gap:20px}.modal-content{display:flex;flex-direction:column;gap:10px}.modal-content h2{font-size:24px}.modal-content p{margin:0 0 20px 0}.modal-controls{display:flex;flex-direction:row-reverse;gap:20px}#overlay{background-color:var(--overlay)}}@media (min-width:768px){.modal-container{display:none;flex-direction:column;z-index:6;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;background-color:var(--background);padding:30px;border-radius:var(--borderRadius);gap:30px}.modal-container.wide{width:100%;max-width:1000px}.modal-content{display:flex;flex-direction:column;gap:10px}.modal-content h2{font-size:24px}.modal-content p{margin:0 0 20px 0}.modal-controls{display:flex;flex-direction:row-reverse;gap:20px}#overlay{background-color:var(--overlay)}}@media (max-width:767px){.gif-comparison-container{display:flex;justify-content:center;gap:40px}.gif-comparison-container .left,.gif-comparison-container .right{display:flex;flex-direction:column;gap:10px;width:200px}.gif-comparison-container .left{text-align:right}.gif-container{display:flex;border-radius:20px}.gif-container .label-gif,.gif-container .label-video{position:absolute;bottom:20px;background-color:var(--white);color:var(--black);padding:8px;border-radius:var(--borderRadius);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--primaryButtonBackground);font-weight:600}.gif-container .label-gif{right:20px}.gif-container .label-video{left:20px}.vs-gif-example{width:500px;margin:0;position:relative;border-radius:15px;overflow:hidden;grid-column:2/2;grid-row:1/span 2}.vs-gif-example video{display:block;width:100%}.vs-gif-example #draggableLayer{position:absolute;top:0;left:0;z-index:1;width:50%;overflow:hidden;border:2px solid var(--primaryButtonBackground);border-width:0 4px 0 0}.vs-gif-example #draggableLayer video{width:500px}.page{display:flex;flex-direction:column;gap:20px}.copy-block{display:grid;width:calc(100vw - 40px);max-width:calc(100vw - 40px);justify-content:center;padding:0;gap:20px}.copy-block.col-3{grid-template-columns:repeat(1,1fr);gap:30px}.copy-block.width-50{grid-template-columns:100%;gap:30px;justify-content:center}.copy-block .card{display:flex;flex-direction:column;gap:10px}.copy-block .card h2,.copy-block .card h3{display:flex;align-items:center;font-size:24px;line-height:1.2;font-weight:400;gap:10px}.copy-block .card h2 svg,.copy-block .card h3 svg{width:25px;fill:var(--primaryButtonBackground)}.copy-block .card p{font-size:18px;line-height:1.7;font-weight:300;margin:0}.copy-block .card p .source{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;width:20px;height:20px;margin:3px 0 0 5px}.copy-block .card p .source svg{width:12px;height:12px;fill:var(--primaryFontColor)}.tile{display:flex;flex-direction:column;align-items:center;max-width:100vw;padding:30px;gap:40px;width:100%;position:relative}.tile .side-by-side{display:flex;width:100vw;max-width:100vw;flex-direction:row;justify-content:center;align-items:center;gap:40px;overflow:hidden;padding:60px 0 25px 0;margin:-30px 0 0 0}.tile .side-by-side .group{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.tile .side-by-side .group .after-label,.tile .side-by-side .group .before-label{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius);padding:10px;transform:rotate(-5deg);font-weight:400;font-size:22px;top:-30px}.tile .side-by-side .group .before-label{background-color:var(--peach);color:var(--darkPeach);right:20px}.tile .side-by-side .group .after-label{background-color:var(--green);color:var(--darkGreen);left:20px}.tile.alt-background{padding:80px 30px;margin:0}.tile.bottom-border{border:1px solid var(--borderColor);border-width:0 0 1px 0}.tile .heading{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:20px;padding:0}.tile .heading p{display:block;font-size:14px;letter-spacing:2px;text-transform:uppercase}.tile .heading h6{color:var(--primaryFontColor);text-align:center;font-weight:300}.tile .content{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100vw;gap:50px;padding:0 20px;max-width:100vw}.tile .content h2,.tile .content h3{display:flex;align-items:center;text-align:center;font-size:30px;line-height:1.2;font-weight:400;gap:10px}.tile .content.desktop-row{width:100%;max-width:1000px;flex-direction:row;align-items:flex-start;gap:40px;padding:0}.tile .content.desktop-row article{width:30%}.tile .content.how-it-works article{padding:0 40px;width:100%}.tile .content.how-it-works article .number{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:25px;background-color:var(--primaryFontColor);color:var(--background);font-weight:500;font-size:22px}.feature-block{display:flex;flex-direction:column;padding:40px 20px;margin:0 auto;gap:40px;width:100vw;max-width:100vw;position:relative}.feature-block.alt{background-color:var(--backgroundAlternate)}.feature-block .button-group{width:100%;max-width:1210px;display:flex;align-items:center;gap:20px}.feature-block .side-by-side{width:100%;max-width:1210px;display:flex}.feature-block .side-by-side .child{display:flex;justify-content:flex-start;align-items:flex-start;width:50%;aspect-ratio:1/1}.feature-block .side-by-side .child:first-child{display:flex;flex-direction:column;gap:40px;padding:0 40px 0 0}.feature-block .side-by-side .child:last-child{padding:0 0 0 40px}.guide-block{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:40px}.guide-block .guide-card{width:100%;display:flex;flex-direction:column;gap:15px}.guide-block .guide-card span{display:block;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--primaryFontColor)}.guide-block .guide-card h3{display:flex;gap:20px;font-size:24px;font-weight:400;line-height:1.2}.guide-block .guide-card h3 svg{width:22px;fill:var(--primaryButtonBackground)}.guide-block .guide-card p{font-size:16px;line-height:1.7;font-weight:350}.source{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;width:20px;height:20px;margin:3px 0 0 5px}.source svg{width:12px;height:12px;fill:var(--primaryFontColor)}.homepage{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:0}.wrapper{width:100%;display:flex;justify-content:center;align-items:center}.hero{display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:flex-start;max-width:100vw;width:100%;padding:40px 15px 60px 15px}.hero-wrapper{display:flex;flex-direction:column;gap:30px;width:100vw;max-width:100vw;padding:0 30px;align-items:flex-start;justify-content:flex-start;position:fixed;top:80px}.hero-wrapper .summary{margin-top:-8px;display:inline-block;opacity:0;text-align:left;font-weight:400;width:calc(100% - 50px);font-weight:300}.hero-wrapper .group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px}.hero-wrapper .group .group{display:flex;flex-direction:row}.hero-wrapper .group .fine-print{color:var(--secondaryFontColor);font-size:11px}.hero-message{flex-direction:column;gap:0}.hero-message .small{font-size:14px}.hero-row{display:flex;gap:10px}.hero-row span{font-size:7.5vw;font-weight:500;line-height:7.8vw;text-align:left}.hero-row span strong{font-family:Playfair,serif;font-optical-sizing:auto;font-style:italic;font-weight:500!important;font-size:9.1vw!important}.hero-row .first,.hero-row .second,.hero-row .third{display:inline-block;opacity:0;transform:translateY(200px)}.hero-row .first{animation:fadeInUpBounce 1.2s .2s forwards}.hero-row .second{animation:fadeInUpBounce 1.2s .4s forwards}.hero-row .third{animation:fadeInUpBounce 1.2s .6s forwards}@keyframes iconBounceIn{0%{opacity:0;transform:translateY(200px)}40%{opacity:1;transform:translateY(-5px)}50%{transform:translateY(2px)}70%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUpBounce{0%{opacity:0;transform:translateY(200px)}40%{opacity:1;transform:translateY(-5px)}50%{transform:translateY(2px)}70%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.show-after{opacity:0;animation:showAfter 1s ease .8s forwards}@keyframes showAfter{from{opacity:0}to{opacity:1}}.emerge{opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease}.emerge.active{opacity:1;transform:translateY(0)}.inline-emoji{margin-top:-6px;height:12vw;opacity:0;animation:iconBounceIn 1.2s 0s forwards;fill:var(--lightPrimary)}.push-demo-down{margin-top:220px}@keyframes bubbleAnimation{0%{bottom:-25%;opacity:0}25%{bottom:6.25%;opacity:1}50%{bottom:37%;opacity:1}75%{bottom:68.75%;opacity:1}100%{bottom:100%;opacity:0}}.demo-container .bubble{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:40px;width:50px;height:50px;font-weight:500;font-size:22px;opacity:0;animation-timing-function:linear;animation-delay:0s;animation-fill-mode:forwards;animation-name:bubbleAnimation;animation-play-state:paused}.demo-container .bubble:first-child{bottom:0;left:20px;background-color:var(--peach);color:var(--darkPeach);animation-duration:2s;width:60px;height:60px}.demo-container .bubble:nth-child(2){bottom:0;left:50%;background-color:var(--green);color:var(--darkGreen);animation-duration:2.5s}.demo-container .bubble:nth-child(3){bottom:0;right:20px;background-color:var(--blue);color:var(--darkBlue);animation-duration:1.5s;width:55px;height:55px}.desktop-demo-container{display:none}.mobile-demo-container{display:flex;justify-content:center;align-items:center;position:relative}.mobile-demo-container .demo-card{position:relative;width:60vw;border-radius:40px;opacity:0;animation:fadeInUpBounce 1.2s .6s forwards;background-color:var(--demoPhoneColor);-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.1);box-shadow:0 0 28px 0 rgba(0,0,0,.1)}.mobile-demo-container .demo-phone{width:calc(100% - 8px);aspect-ratio:9/18;border-radius:35px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:4px;background-color:var(--phoneBackground)}.mobile-demo-container .demo-phone picture img,.mobile-demo-container .demo-phone video{display:block;width:calc(100% - 10px);margin:0 5px 20px;border-radius:var(--borderRadius)}.mobile-demo-container .status-bar{display:flex;justify-content:center;padding:8px 0 0 0;width:100%;position:absolute}.mobile-demo-container .status-bar .island{width:30%;height:15px;border-radius:15px}.mobile-demo-container .inbox-heading{width:100%;min-width:100%;display:flex;justify-content:space-between;background-color:#fff}.mobile-demo-container .inbox-heading img{width:100%;min-width:100%;display:block}.mobile-demo-container .from-container{display:flex;width:calc(100% - 20px);justify-content:flex-start;gap:10px;margin:10px}.mobile-demo-container .from-container .avatar{width:30px;height:30px;min-width:30px;background-color:var(--ghostElementsLight);border-radius:20px}.mobile-demo-container .from-container .from-rows{display:flex;flex-direction:column;justify-content:center;width:100%;gap:7px}.mobile-demo-container .from-container .from-rows div{width:20%;height:8px;background-color:var(--ghostElementsLight);border-radius:3px}.mobile-demo-container .from-container .from-rows div:last-child{width:50%}.mobile-demo-container .email-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 20px}.mobile-demo-container .email-content div:first-child{width:60%;height:10px;border-radius:3px;margin:0 0 5px 0}.mobile-demo-container .email-content div{width:100%;height:8px;background-color:var(--ghostElementsLight);border-radius:3px}}@media (min-width:768px){.gif-comparison-container{display:flex;justify-content:center;gap:40px}.gif-comparison-container .left,.gif-comparison-container .right{display:flex;flex-direction:column;gap:10px;width:200px}.gif-comparison-container .left{text-align:right}.gif-container{display:flex;border-radius:20px}.gif-container .label-gif,.gif-container .label-video{position:absolute;bottom:20px;background-color:var(--white);color:var(--black);padding:8px;border-radius:var(--borderRadius);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--primaryButtonBackground);font-weight:600}.gif-container .label-gif{right:20px}.gif-container .label-video{left:20px}.vs-gif-example{width:500px;margin:0;position:relative;border-radius:15px;overflow:hidden;grid-column:2/2;grid-row:1/span 2}.vs-gif-example video{display:block;width:100%}.vs-gif-example #draggableLayer{position:absolute;top:0;left:0;z-index:1;width:50%;overflow:hidden;border:2px solid var(--primaryButtonBackground);border-width:0 4px 0 0}.vs-gif-example #draggableLayer video{width:500px}.page{display:flex;flex-direction:column;gap:80px}.copy-block{display:grid;width:100%;max-width:1210px;gap:30px}.copy-block.col-3{grid-template-columns:repeat(3,1fr);gap:60px}.copy-block.width-50{grid-template-columns:50%;gap:60px;justify-content:center}.copy-block .card{display:flex;flex-direction:column;gap:10px}.copy-block .card.center-desktop{align-items:center}.copy-block .card.center-desktop p{text-align:center}.copy-block .card h2,.copy-block .card h3{display:flex;align-items:center;font-size:30px;line-height:1.2;font-weight:400;gap:10px}.copy-block .card h2 svg,.copy-block .card h3 svg{width:30px;fill:var(--primaryButtonBackground)}.copy-block .card p{font-size:18px;line-height:1.7;font-weight:300;margin:0}.copy-block .card p .source{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;width:20px;height:20px;margin:3px 0 0 5px}.copy-block .card p .source svg{width:12px;height:12px;fill:var(--primaryFontColor)}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;max-width:1210px;margin:0 auto;gap:50px;width:100%;position:relative}.tile.full-width{max-width:100%}.tile .side-by-side{display:flex;width:100%;flex-direction:row;justify-content:center;margin:30px 0 0 0}.tile .side-by-side .group:first-child{align-items:flex-end}.tile .side-by-side .group:last-child{align-items:flex-start}.tile .side-by-side .group{width:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;padding:0 60px}.tile .side-by-side .group svg{position:absolute;top:0;left:0}.tile .side-by-side .group .after-label,.tile .side-by-side .group .before-label{position:absolute;top:-30px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius);padding:10px;font-weight:400;font-size:18px}.tile .side-by-side .group .before-label{background-color:var(--peach);color:var(--darkPeach);right:155px;transform:translateX(-50%)}.tile .side-by-side .group .after-label{background-color:var(--green);color:var(--darkGreen);left:165px;transform:translateX(50%)}.tile.bottom-border{border:1px solid var(--borderColor);border-width:0 0 1px 0}.tile .heading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0;width:100%;max-width:600px}.tile .heading p{display:block;text-transform:uppercase;letter-spacing:2px;font-size:14px}.tile .heading h6{color:var(--primaryFontColor);font-weight:300}.tile .heading.align-left{align-items:flex-start}.tile .content{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;gap:50px;padding:0 80px;max-width:50%}.tile .content h2,.tile .content h3{display:flex;align-items:center;text-align:center;font-size:30px;line-height:1.2;font-weight:400;gap:10px}.tile .content.desktop-row{width:100%;max-width:1000px;flex-direction:row;align-items:flex-start;gap:40px;padding:0}.tile .content.desktop-row article{width:30%}.tile .content.how-it-works article{padding:0 40px;width:100%}.tile .content.how-it-works article .number{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:25px;background-color:var(--primaryFontColor);color:var(--background);font-weight:500;font-size:22px}.tile.split{flex-direction:row}.feature-block{display:flex;flex-direction:column;padding:0;margin:0 auto;gap:60px;width:100%;max-width:1280px;position:relative}.feature-block.alt{background-color:var(--backgroundAlternate);border-radius:var(--borderRadius);padding:80px}.feature-block .button-group{width:100%;max-width:1210px;display:flex;align-items:center;gap:20px}.feature-block .button-group.center{justify-content:center}.feature-block .side-by-side{width:100%;max-width:1210px;display:flex}.feature-block .side-by-side .child{display:flex;justify-content:flex-start;align-items:flex-start;width:50%;aspect-ratio:1/1}.feature-block .side-by-side .child:first-child{display:flex;flex-direction:column;gap:40px;padding:0 40px 0 0}.feature-block .side-by-side .child:last-child{padding:0 0 0 40px}.source{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;width:20px;height:20px;margin:3px 0 0 5px}.source svg{width:12px;height:12px;fill:var(--primaryFontColor)}.homepage{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:0}.wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:0 0 50px 0}.hero{display:flex;gap:80px;align-items:center;flex-direction:row;justify-content:center;max-width:1240px;width:100%;padding:40px 0 0 0}.hero-wrapper{display:flex;flex-direction:column;gap:50px;width:calc(100% - 260px);align-items:flex-start;justify-content:flex-start;margin:0 0 60px 0}.hero-wrapper .summary{margin-top:-10px;display:inline-block;opacity:0;font-size:30px;line-height:33px;font-weight:300}.hero-wrapper .group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.hero-wrapper .group .group{display:flex;flex-direction:row}.hero-wrapper .group .fine-print{color:var(--secondaryFontColor);font-size:14px}.hero-message{display:flex;flex-direction:column;gap:10px}.hero-row{display:flex;gap:20px}.hero-row span{font-size:60px;font-weight:500;line-height:55px}.hero-row span strong{font-family:Playfair,serif;font-optical-sizing:auto;font-style:italic;font-weight:500!important;font-size:74px!important}.hero-row .first,.hero-row .second,.hero-row .third{display:inline-block;opacity:0;transform:translateY(200px)}.hero-row .first{animation:fadeInUpBounce 1.2s .2s forwards}.hero-row .second{animation:fadeInUpBounce 1.2s .4s forwards}.hero-row .third{animation:fadeInUpBounce 1.2s .6s forwards}@keyframes iconBounceIn{0%{opacity:0;transform:translateY(200px)}40%{opacity:1;transform:translateY(-5px)}50%{transform:translateY(2px)}70%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUpBounce{0%{opacity:0;transform:translateY(200px)}40%{opacity:1;transform:translateY(-5px)}50%{transform:translateY(2px)}70%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.show-after{opacity:0;animation:showAfter 1s ease .8s forwards}@keyframes showAfter{from{opacity:0}to{opacity:1}}.emerge{opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease}.emerge.active{opacity:1;transform:translateY(0)}.inline-emoji{margin-top:-20px;height:112px;opacity:0;animation:iconBounceIn 1.2s 0s forwards;fill:var(--lightPrimary)}.demo-container{position:relative;align-self:flex-end}.demo-container .mobile-demo-container{transform:scale(.7);transform-origin:bottom left;position:absolute;bottom:60px;left:40px}@keyframes bubbleAnimation{0%{bottom:-5%;opacity:0}25%{bottom:22.5%;opacity:1}50%{bottom:50%;opacity:1}75%{bottom:77.5%;opacity:1}100%{bottom:102%;opacity:0}}.demo-container .bubble{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:40px;width:50px;height:50px;font-weight:500;font-size:22px;opacity:0;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:forwards;animation-name:bubbleAnimation}.demo-container .bubble:first-child{bottom:0;left:-20px;background-color:var(--peach);color:var(--darkPeach);animation-duration:2s;width:60px;height:60px}.demo-container .bubble:nth-child(2){bottom:0;left:50%;background-color:var(--green);color:var(--darkGreen);animation-duration:2.5s}.demo-container .bubble:nth-child(3){bottom:0;right:-20px;background-color:var(--blue);color:var(--darkBlue);animation-duration:1.5s;width:55px;height:55px}.desktop-demo-container{display:flex;justify-content:flex-end;align-items:center;width:calc(100% - 180px);margin:0 0 0 180px;position:relative}.desktop-demo-container .demo-card{position:relative;width:100%;border-radius:var(--borderRadius) var(--borderRadius) 0 0;opacity:0;animation:fadeInUpBounce 1.2s .6s forwards}.desktop-demo-container .demo-app{width:100%;height:499px;margin:0 0 50px 0;border-radius:var(--borderRadius);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--ghostElements);-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.1);box-shadow:0 0 28px 0 rgba(0,0,0,.1)}.desktop-demo-container .demo-app .app-layout{display:flex}.desktop-demo-container .demo-app .app-layout .left{width:25%}.desktop-demo-container .demo-app .app-layout .left .inbox-rows{display:flex;width:calc(100% - 20px);justify-content:flex-start;gap:10px;margin:10px;padding:10px 0}.desktop-demo-container .demo-app .app-layout .left .inbox-rows .from-rows{display:flex;flex-direction:column;justify-content:center;width:100%;gap:5px}.desktop-demo-container .demo-app .app-layout .left .inbox-rows .from-rows div{width:90%;height:6px;background-color:var(--ghostElementsLight);border-radius:2px}.desktop-demo-container .demo-app .app-layout .left .inbox-rows .from-rows div:last-child{width:80%}.desktop-demo-container .demo-app .app-layout .right{width:75%;background-color:var(--phoneBackground)}.desktop-demo-container .demo-app .app-layout .right .from-container{display:flex;width:calc(100% - 20px);justify-content:flex-start;gap:10px;margin:10px}.desktop-demo-container .demo-app .app-layout .right .from-container .avatar{width:30px;height:30px;min-width:30px;background-color:var(--ghostElementsLight);border-radius:20px}.desktop-demo-container .demo-app .app-layout .right .from-container .from-rows{display:flex;flex-direction:column;justify-content:center;width:100%;gap:5px}.desktop-demo-container .demo-app .app-layout .right .from-container .from-rows div{width:20%;height:6px;background-color:var(--ghostElementsLight);border-radius:2px}.desktop-demo-container .demo-app .app-layout .right .from-container .from-rows div:last-child{width:30%}.desktop-demo-container .demo-app .app-layout .right .email-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 20px}.desktop-demo-container .demo-app .app-layout .right .email-content div:first-child{width:60%;height:20px;border-radius:3px;margin:0 0 10px 0}.desktop-demo-container .demo-app .app-layout .right .email-content div{width:100%;height:10px;background-color:var(--ghostElementsLight);border-radius:3px}.desktop-demo-container .demo-app .app-layout .right picture img,.desktop-demo-container .demo-app .app-layout .right video{display:block;width:calc(100% - 20px);margin:0 10px 30px;border-radius:var(--borderRadius)}.desktop-demo-container .window-bar{width:100%;padding:10px;display:flex;justify-content:flex-start;gap:6px;background-color:var(--ghostElementsDark)}.desktop-demo-container .window-bar div{width:10px;height:10px;border-radius:20px}.desktop-demo-container .window-bar div:first-child{background-color:#f06d5e}.desktop-demo-container .window-bar div:nth-child(2){background-color:#f5c23a}.desktop-demo-container .window-bar div:nth-child(3){background-color:#59c742}.mobile-demo-container{display:flex;justify-content:flex-end;align-items:center;width:330px;position:relative}.mobile-demo-container .demo-card{position:relative;width:330px;border-radius:50px;opacity:0;animation:fadeInUpBounce 1.2s .6s forwards;background-color:var(--demoPhoneColor);-webkit-box-shadow:0 0 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 28px 0 rgba(0,0,0,.1);box-shadow:0 0 28px 0 rgba(0,0,0,.1)}.mobile-demo-container .demo-phone{width:calc(100% - 10px);aspect-ratio:9/18;border-radius:44px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:5px;background-color:var(--phoneBackground)}.mobile-demo-container .demo-phone picture img,.mobile-demo-container .demo-phone video{display:block;width:calc(100% - 20px);margin:0 10px 30px;border-radius:var(--borderRadius)}.mobile-demo-container .status-bar{position:absolute;display:flex;justify-content:center;padding:10px 0 0 0;width:100%}.mobile-demo-container .status-bar .island{width:30%;height:20px;background-color:var(--demoPhoneColor);border-radius:15px}.mobile-demo-container .inbox-heading{width:100%;min-width:100%;display:flex;justify-content:space-between;background-color:var(--phoneBackground)}.mobile-demo-container .inbox-heading img{width:100%;min-width:100%;display:block}.mobile-demo-container .from-container{display:flex;width:calc(100% - 20px);justify-content:flex-start;gap:10px;margin:10px}.mobile-demo-container .from-container .avatar{width:40px;height:40px;min-width:40px;background-color:var(--ghostElementsLight);border-radius:20px}.mobile-demo-container .from-container .from-rows{display:flex;flex-direction:column;justify-content:center;width:100%;gap:7px}.mobile-demo-container .from-container .from-rows div{width:20%;height:8px;background-color:var(--ghostElementsLight);border-radius:3px}.mobile-demo-container .from-container .from-rows div:last-child{width:50%}.mobile-demo-container .email-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 20px}.mobile-demo-container .email-content div:first-child{width:60%;height:20px;border-radius:3px;margin:0 0 10px 0}.mobile-demo-container .email-content div{width:100%;height:10px;background-color:var(--ghostElementsLight);border-radius:3px}}span .checkmark{display:flex;width:15px;height:15px;border-radius:var(--borderRadiusForms);background-color:var(--primaryFontColor);background-image:url("/assets/icons/checkmark-white.svg");background-size:80%;background-repeat:no-repeat;background-position:center}span.valid .checkmark{display:flex;width:15px;height:15px;border-radius:var(--borderRadiusForms);background-color:var(--darkGreen)}span.invalid .checkmark{display:flex;width:15px;height:15px;border-radius:var(--borderRadiusForms);background-color:var(--error);background-size:80%;background-repeat:no-repeat;background-position:center}#passwordCriteria{display:flex;flex-direction:column;gap:5px}#passwordCriteria span{display:flex;align-items:center;color:var(--primaryFontColor);margin:0;gap:7px}#passwordCriteria span.valid{color:var(--darkGreen)}#passwordCriteria span.invalid{color:var(--error)}.fine{font-size:11px}@media (max-width:767px){.success-message{display:none;position:fixed;bottom:40px;left:50%;transform:translate(-50%,0);background-color:var(--successBackground);color:var(--successCopy);padding:10px;border-radius:var(--tinyBorderRadius)}}@media (min-width:768px){.success-message{display:none;position:fixed;bottom:40px;left:50%;transform:translate(-50%,0);background-color:var(--successBackground);color:var(--successCopy);padding:10px;border-radius:var(--tinyBorderRadius)}}