.Image{image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}
.UserImage{flex-shrink:0;width:60px;height:60px;overflow:hidden;border-radius:50%}.UserImage img{width:100%;height:100%}
.UserName{font-size:14px}.UserName .name{font-weight:600}.UserName .company{margin-top:10px}.UserName .company img{display:inline-block;max-height:36px}
.Author{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:20px 0}.Author .UserName{margin-left:20px;font-size:16px;line-height:20px;color:#6f6f72}
.MilanoteLogo{display:flex;flex-direction:row;align-items:center}.MilanoteLogo .milanote-name{margin-left:8px;font-family:Tiempos,"Tiempos Fallback";font-size:22px;color:#31303a}.MilanoteLogo.white .milanote-name,.MilanoteLogo.light .milanote-name{color:#fff}.MilanoteLogo.white path,.MilanoteLogo.light path{fill:#fff}.MilanoteLogo.center{flex-direction:column;justify-content:center}.MilanoteLogo.center .milanote-name{margin-left:0;margin-top:5px}@media(min-width: 768px){.MilanoteLogo.light-mobile .milanote-name{color:#31303a}.MilanoteLogo.light-mobile path{fill:#31303a !important}}@media(max-width: 767px){.MilanoteLogo.light-mobile .milanote-name{color:#fff}.MilanoteLogo.light-mobile path{fill:#fff}}
.HeaderLogo{display:flex;flex-direction:row;align-items:center}.HeaderLogo a{text-decoration:none}.HeaderLogo .LoginButton{margin-left:auto}.HeaderLogo .mobile{display:none}@media(max-width: 767px){.HeaderLogo .MilanoteLogo.desktop{display:none}.HeaderLogo .MilanoteLogo.mobile{display:flex}}
.HeaderMegaMenu{position:relative;margin-right:40px}.HeaderMegaMenu .header-menu-button{text-decoration:none;color:#fff;background-image:url(https://static.milanote.com/f469e3fe3522c6a8.svg);background-position:center right;background-repeat:no-repeat;padding-right:20px}.light .HeaderMegaMenu .header-menu-button{color:#6e6e71;background-image:url(https://static.milanote.com/9d56e1a660744795.svg)}.white .HeaderMegaMenu .header-menu-button{color:#fff;background-image:url(https://static.milanote.com/74b331531485417a.svg)}.HeaderMegaMenu .header-menu-panel{display:none;position:absolute;top:calc(100% + 5px);right:-100px;width:670px;padding:30px;border-radius:6px;background:#fff;box-shadow:0 11px 15px -7px rgba(50,59,74,.2),0 9px 46px 8px rgba(50,59,74,.12),0 24px 38px 3px rgba(50,59,74,.14);z-index:999999;opacity:0;transform:translate(0, -3px);transition:opacity .1s linear,transform .1s ease-in-out}.HeaderMegaMenu .header-menu-panel.transition{opacity:1;transform:translate(0, 0)}.HeaderMegaMenu .header-menu-panel.visible{display:flex}.HeaderMegaMenu .header-menu-panel:before{display:block;position:absolute;width:10px;height:10px;top:-4px;right:101px;transform:rotate(45deg);background:#fff;content:""}.HeaderMegaMenu .header-menu-panel .header-menu-column{position:relative;flex-basis:33.3%;margin-left:25px;margin-right:25px}.HeaderMegaMenu .header-menu-panel .header-menu-column:before{display:block;position:absolute;height:100%;left:-25px;border-left:1px solid #f2f2f2;content:""}.HeaderMegaMenu .header-menu-panel .header-menu-column:first-of-type{margin-left:0}.HeaderMegaMenu .header-menu-panel .header-menu-column:first-of-type:before{display:none}.HeaderMegaMenu .header-menu-panel .header-menu-column:last-of-type{margin-right:0}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-title{color:#6e6e71;font-size:12px;font-weight:600;line-height:1.33;text-transform:uppercase}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body{font-size:15px;line-height:1.73}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body h4{margin-top:9px;font-size:16px;color:#31303a;font-weight:600}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body li{display:block;margin:0}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body a{color:#6e6e71;text-decoration:none}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body a:hover{color:#000}@media(max-width: 1025px){.HeaderMegaMenu{position:static;margin-right:20px}.HeaderMegaMenu .header-menu-panel{top:65px;left:0;right:0;width:calc(100% - 40px);margin-left:20px;margin-right:20px}.HeaderMegaMenu .header-menu-panel:before{display:none}}@media(max-width: 767px){.HeaderMegaMenu{position:static;margin-right:0;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #f2f2f2}.HeaderMegaMenu .header-menu-button{display:block;color:#31303a;font-weight:600;background-image:none;padding:0}.light .HeaderMegaMenu .header-menu-button{color:#31303a;background-image:none}.HeaderMegaMenu .header-menu-button:after{display:none}.HeaderMegaMenu .header-menu-panel{display:block;position:static;top:auto;left:auto;right:auto;width:auto;margin:0;padding:0;opacity:1;background:rgba(0,0,0,0);box-shadow:none;transform:translate(0, 0)}.HeaderMegaMenu .header-menu-panel:before{display:none}.HeaderMegaMenu .header-menu-panel.visible{display:block}.HeaderMegaMenu .header-menu-panel .header-menu-column{margin-top:20px;margin-left:0;margin-right:0}.HeaderMegaMenu .header-menu-panel .header-menu-column:before{display:none}.HeaderMegaMenu .header-menu-panel .header-menu-column .header-column-body li{margin-left:20px}}
.Header{position:relative;top:0;left:0;right:0;padding:30px 15px;z-index:500;background:#31303a;transition:padding ease-in-out .3s,background linear .15s,box-shadow linear .15s}.Header .HeaderLogo .MilanoteLogo path{fill:#fff}.Header .HeaderLogo .MilanoteLogo .milanote-name{color:#fff}.Header .mobile-nav-reveal,.Header .mobile-nav-close{display:none}.Header .nav{display:inline-block;font-size:16px}.Header .nav li{display:inline-block;margin-left:10px}.Header .nav .Button{padding:9px 25px 10px 25px}.Header .nav .Button.primary{color:#fff}.Header .nav .Button.secondary{padding:8px 25px 9px 25px;border-color:#a5a5a5;color:#cacaca;font-weight:normal}.Header .header-content{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:1170px;margin:0 auto;padding:0 15px}.Header .header-left{display:flex;justify-content:center}.Header .header-right{margin:auto 0}@media(min-width: 768px){.Header.light{background:none}.Header.light .HeaderLogo .MilanoteLogo path{fill:#31303a}.Header.light .HeaderLogo .MilanoteLogo .milanote-name{color:#31303a}.Header.light .Button.secondary{color:#6e6e71}}.Header.scroll-fixed{position:fixed}.Header.shrink-padding{padding-top:15px;padding-bottom:15px}.Header.frosted{box-shadow:0 1px 3px 0 rgba(50,59,74,.15);background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px)}.Header.frosted-dark{box-shadow:0 1px 3px 0 rgba(0,0,0,.15);background-color:rgba(49,48,58,.9);backdrop-filter:blur(10px)}@media(max-width: 1366px){.Header .Header{padding-top:20px;padding-bottom:20px}.Header .Header>.header-content{padding-left:15px;padding-right:15px}.Header .Header.shrink-padding{padding-top:10px;padding-bottom:10px}}@media(max-width: 767px){.Header{position:relative;padding:15px 0 15px 0;z-index:999999}.Header .HeaderLogo .MilanoteLogo svg{height:30px;width:30px}.Header .HeaderLogo .MilanoteLogo .milanote-name{font-size:15.8px}.Header.scroll-fixed{position:relative}.Header .mobile-nav-reveal,.Header .mobile-nav-close{display:block;width:40px;height:40px;padding:0;font-size:0;color:rgba(0,0,0,0);background:rgba(0,0,0,0);background-image:url(https://static.milanote.com/7b213cc68ada3134.svg);background-position:center center;background-repeat:no-repeat}.Header .nav{display:block;position:fixed;background:#fff;top:0;right:-100%;width:80%;height:100%;min-width:280px;box-shadow:0 11px 15px -7px rgba(50,59,74,.2),0 9px 46px 8px rgba(50,59,74,.12),0 24px 38px 3px rgba(50,59,74,.14);transition:right .3s ease-in-out}.Header .nav.visible-mobile{right:0}.Header .nav>ul{position:relative;width:100%;height:100%;padding:20px;overflow:scroll;-webkit-overflow-scrolling:touch}.Header .nav li{display:block;margin:10px}.Header .nav li .Button{display:block;text-align:center}.Header .nav li .Button.secondary{color:#6e6e71}.Header .nav .mobile-nav-close{position:absolute;top:10px;right:10px;width:60px;height:60px;background-image:url(https://static.milanote.com/fc35367c4f16e45d.svg)}}
.Section .content{width:100%;max-width:1170px;margin:0 auto}
.FloatingPanel{display:flex;justify-content:center}.FloatingPanel .panel{flex-grow:1;max-width:1000px;margin:0 auto;padding:35px 30px;background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border:solid 1px rgba(48,48,58,.2);border-radius:6px}@media(max-width: 767px){.FloatingPanel{display:block}.FloatingPanel .panel{display:block;padding:25px 20px}}
.RegisterFormFooterSection{position:relative;z-index:1}.RegisterFormFooterSection .background{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #ffffff 10%, #d7d7d7 85%);z-index:-1}.RegisterFormFooterSection .background .background-image{flex-grow:1;overflow:hidden;display:flex;justify-content:center}.RegisterFormFooterSection .background .background-image img{width:2000px;max-width:none}.RegisterFormFooterSection .background .background-footer{flex-grow:0;flex-shrink:0;background:#31303a;height:120px}.RegisterFormFooterSection .background .background-circle-container{position:absolute;bottom:73px;width:100%}.RegisterFormFooterSection .background .background-circle{width:100px;margin:0 auto;transform:translateX(240px)}.RegisterFormFooterSection>.content{max-width:520px;padding:64px 0;text-align:center}.RegisterFormFooterSection>.content h2{margin-bottom:.5em;color:#31303a;font-family:Tiempos,"Tiempos Fallback";font-size:30px;font-weight:600;line-height:1.3}.RegisterFormFooterSection>.content p{color:#818181;font-size:21px;line-height:1.3}@media(max-width: 1025px){.RegisterFormFooterSection .FloatingPanel{width:auto}}@media(max-width: 767px){.RegisterFormFooterSection{background:none}.RegisterFormFooterSection .FloatingPanel>.panel{border:none;border-radius:0;box-shadow:none}.RegisterFormFooterSection>.content{max-width:none;padding:0}.RegisterFormFooterSection>.content h2{font-size:24px}.RegisterFormFooterSection .background-circle-container{display:none}}@media(min-width: 1688px){.PageContainer.full-width .RegisterFormFooterSection .background .background-image{background-size:contain}}
.Button{display:inline-block;background:#f4511c;border:0;padding:8px 34px 11px 34px;font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:16px;font-weight:600;color:#fff;text-decoration:none;outline:0;cursor:pointer;border-radius:3px;border:0;transition:background .25s linear;-webkit-appearance:none;-moz-appearance:none}.Button:disabled{background:#8c8b9a}.Button.secondary{background:none;border:1px #909090 solid;color:#6f6f72}.Button.secondary.solid{background:#484848;border-color:#484848;color:#fff}.Button.secondary.light{border:1px #fff solid;color:#fff}.Button.no-background{background:none;color:#f4511c;font-weight:normal}.Button.no-background:hover{text-decoration:underline}.Button.no-background.arrow-right:after{position:relative;display:inline-block;width:8px;height:13px;top:2px;right:auto;margin-left:12px;margin-top:0;background-image:url(https://static.milanote.com/4b65fa1a814234d8.svg);content:""}.Button.no-background.arrow-left:before{position:relative;display:inline-block;width:8px;height:13px;top:2px;right:auto;margin-right:12px;margin-top:0;background-image:url(https://static.milanote.com/6a5eb68fc0a524dd.svg);content:""}.Button.no-padding{padding:0}
.PageTitle{font-family:Tiempos,"Tiempos Fallback";font-size:40px;font-weight:normal;padding:.8em 20px .4em 20px;color:#31303a;text-align:center}.PageTitle.light{color:#fff}.PageTitle.large{font-size:48px}@media(max-width: 1200px){.PageTitle.large{font-size:40px}}@media(max-width: 767px){.PageTitle.large{font-size:40px}}.PageTitle.sans-serif{font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-weight:600}.PageTitle.align-left{text-align:left}.PageTitle.heavy{font-weight:600}@media(max-width: 1200px){.PageTitle{font-size:30px}}@media(max-width: 1025px){.PageTitle{font-size:30px}}
.Video video,.Video img{width:100%}.Video video{border-radius:3px;overflow:hidden}
.Section.InspirationDetailsSection .content{display:flex}.Section.InspirationDetailsSection .Video{max-width:100%;background:#f2f2f2;box-shadow:0 0 20px 0 rgba(17,24,49,.1),0 4px 8px 0 rgba(0,0,0,.15)}.Section.InspirationDetailsSection .Video .image{width:100%}.Section.InspirationDetailsSection .macbook-image{display:none}.Section.InspirationDetailsSection .mobile-title,.Section.InspirationDetailsSection .desktop-title{margin-bottom:12px;color:#31303a;font-family:Tiempos,"Tiempos Fallback"}.Section.InspirationDetailsSection .TemplateAnchorButton{margin-top:17px}.Section.InspirationDetailsSection p{color:#6e6e71}@media(min-width: 1026px){.Section.InspirationDetailsSection .content{align-items:center;max-width:1140px;padding-top:40px;padding-bottom:40px}.Section.InspirationDetailsSection .image-section{display:flex;flex-shrink:1;flex-grow:1;padding-right:95px}.Section.InspirationDetailsSection .image-container{position:relative;padding-top:20px;padding-bottom:20px}.Section.InspirationDetailsSection .image-container .background-image{position:absolute;right:0;transform:translate3d(100px, -45px, 0);height:360px;width:200px;z-index:-1}.Section.InspirationDetailsSection .image-container .Video{width:488px;height:274px}.Section.InspirationDetailsSection .details{flex-shrink:1;padding-right:70px;padding-left:95px;min-width:485px}.Section.InspirationDetailsSection.image-left .content{flex-direction:row-reverse}.Section.InspirationDetailsSection.image-left .details{padding-right:95px;padding-left:70px}.Section.InspirationDetailsSection.image-left .image-section{padding-right:0;padding-left:95px;justify-content:flex-end}.Section.InspirationDetailsSection.image-left .image-container .background-image{right:auto;left:0;transform:translate3d(-100px, -45px, 0)}.Section.InspirationDetailsSection.image-left .image-container .overlay-image{position:absolute;width:105px;height:108px;right:-77px;bottom:0}.Section.InspirationDetailsSection .mobile-title,.Section.InspirationDetailsSection .desktop-title{font-size:20px;line-height:30px}.Section.InspirationDetailsSection .mobile-title{display:none}.Section.InspirationDetailsSection p{font-size:18px;line-height:30px}.Section.InspirationDetailsSection.feature .details{padding-right:40px;padding-left:90px}.Section.InspirationDetailsSection.feature .image-container{padding-top:0;padding-bottom:0}.Section.InspirationDetailsSection.feature .image-container .macbook-image{display:block;position:absolute;width:639px;z-index:-1;top:-39px;left:-76px}.Section.InspirationDetailsSection.feature .image-container .Video{width:488px;height:274px}}@media(min-width: 1201px){.Section.InspirationDetailsSection.feature .image-container .macbook-image{width:777px;top:-47px;left:-90px}.Section.InspirationDetailsSection.feature .image-container .Video{width:596px;height:336px}}@media(max-width: 1200px){.Section.InspirationDetailsSection .desktop-title{font-size:21px}.Section.InspirationDetailsSection p{font-size:16px}}@media(max-width: 1025px){.Section.InspirationDetailsSection{padding-right:20px;padding-left:20px}.Section.InspirationDetailsSection.image-left .content,.Section.InspirationDetailsSection .content{flex-direction:column;align-items:flex-start;max-width:707px;padding-top:40px;padding-bottom:40px}.Section.InspirationDetailsSection .mobile-title{order:1;margin-bottom:20px;font-size:21px}.Section.InspirationDetailsSection .TemplateAnchorButton{margin-top:25px}.Section.InspirationDetailsSection p{font-size:18px;line-height:30px}.Section.InspirationDetailsSection .image-section{order:2;margin-bottom:17px}.Section.InspirationDetailsSection .image-section .background-image{display:none}.Section.InspirationDetailsSection .image-section .overlay-image{display:none}.Section.InspirationDetailsSection .details{order:3;max-width:100%}.Section.InspirationDetailsSection .desktop-title{display:none}.Section.InspirationDetailsSection .mobile-title{display:block}}@media(max-width: 767px){.Section.InspirationDetailsSection .mobile-title{margin-bottom:12px}.Section.InspirationDetailsSection .TemplateAnchorButton{margin-top:17px}.Section.InspirationDetailsSection.image-left .content,.Section.InspirationDetailsSection .content{padding-top:30px;padding-bottom:30px}.Section.InspirationDetailsSection .image-section{margin-bottom:17px}}
.InspirationFeatureSection{position:relative}.InspirationFeatureSection .PageIntroduction{display:flex;justify-content:center;color:#6e6e71}.InspirationFeatureSection .PageIntroduction .description-container{max-width:900px}.InspirationFeatureSection .background-image-container{position:absolute;top:100px;left:0;width:100%;z-index:-1}.InspirationFeatureSection .background-image-container .background-image{width:870px}.InspirationFeatureSection .mobile-background-image{display:none}.InspirationFeatureSection .InspirationDetailsSection .desktop-title{font-size:24px}.InspirationFeatureSection .InspirationDetailsSection p{font-size:21px}@media(min-width: 1026px){.InspirationFeatureSection .InspirationDetailsSection .content{padding-top:50px;padding-bottom:80px}}@media(min-width: 1201px){.InspirationFeatureSection .PageIntroduction,.InspirationFeatureSection .PageTitle{padding-bottom:25px}.InspirationFeatureSection .InspirationDetailsSection .content{padding-top:70px;padding-bottom:110px}}@media(max-width: 1200px){.InspirationFeatureSection .PageIntroduction .description-container{max-width:750px}.InspirationFeatureSection .InspirationDetailsSection .desktop-title{font-size:21px}.InspirationFeatureSection .InspirationDetailsSection p{font-size:18px}}@media(max-width: 1025px){.InspirationFeatureSection{position:initial}.InspirationFeatureSection .background-image-container{display:none}.InspirationFeatureSection .mobile-background-image{display:block;position:absolute;top:0;width:100%;z-index:-1}.InspirationFeatureSection .PageTitle{font-size:24px}.InspirationFeatureSection .InspirationDetailsSection .content{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}}@media(max-width: 767px){.InspirationFeatureSection{position:relative}}
.TemplateAnchorButton{display:flex;align-items:center;width:360px;border:1px solid #cacaca;border-radius:3px;padding:14px 15px;color:#31303a;text-decoration:none;outline:none}.TemplateAnchorButton .board-icon{flex-shrink:0;width:30px;height:30px;border-radius:3px;margin-right:10px;overflow:hidden}.TemplateAnchorButton .text{flex-grow:1;padding-bottom:3px;font-weight:600;font-size:18px}.TemplateAnchorButton .chevron{flex-shrink:0;width:9px;height:13px;margin-bottom:2px;margin-left:10px;background-image:url(https://static.milanote.com/aa2e26e88792760e.svg)}@media(max-width: 1200px){.TemplateAnchorButton{width:320px}.TemplateAnchorButton .text{font-size:16px}}@media(max-width: 1025px){.TemplateAnchorButton{width:100%}}
.GuideStep{position:relative;padding:38px 44px 52px 44px;font-size:20px;line-height:1.5;color:#6f6f72}.GuideStep .guide-step-title{margin-bottom:.3em;font-family:Tiempos,"Tiempos Fallback";font-size:30px;line-height:40px;color:#31303a}.GuideStep .step-number{position:absolute;right:100%;margin-top:3px;margin-right:-14px;font-size:24px;line-height:40px;text-align:right;white-space:nowrap}.GuideStep .step-explanation{margin-bottom:1.5em}.GuideStep .step-image img{width:100%}.GuideStep .step-video iframe{width:100%;height:423px}.GuideStep .step-how-to{margin-top:1.5em;max-width:600px;font-size:18px}.GuideStep .TemplateAnchorButton{margin-top:20px}.GuideStep:last-of-type{padding-bottom:0}@media(max-width: 1025px){.GuideStep{padding-top:25px;padding-bottom:30px}.GuideStep .guide-step-title{font-size:24px}.GuideStep .step-number{position:relative;right:auto;margin-top:0;margin-right:0;font-size:24px;text-align:left}}@media(max-width: 767px){.GuideStep{padding:20px 20px 30px 20px}.GuideStep .step-video iframe{height:400px}}@media(max-width: 650px){.GuideStep .step-video iframe{height:350px}}@media(max-width: 600px){.GuideStep .step-video iframe{height:300px}}@media(max-width: 550px){.GuideStep .step-video iframe{height:250px}}@media(max-width: 500px){.GuideStep .step-video iframe{height:200px}}
.Guide .header-section-background{position:relative;background:#f2f2f2;z-index:0}.Guide .primary-content{display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.Guide .Section.InspirationDetailsSection .guide-summary{padding-bottom:30px}.Guide .Section.InspirationDetailsSection .guide-summary p{font-size:24px;line-height:40px;color:#31303a}.Guide .milanote-summary{max-width:840px;padding:0 44px 68px 44px;margin:0 auto;font-size:18px;line-height:30px;color:#6e6e71}.Guide .guide-title{font-family:Tiempos,"Tiempos Fallback";font-weight:600;padding:.8em 20px .4em 20px;color:#31303a}.Guide .guide-header .intro{font-size:24px;line-height:1.6;color:#6f6f72}.Guide .guide-header .intro .guide-step-title{font-family:Tiempos,"Tiempos Fallback";font-size:30px}.Guide .guide-header .guide-title{padding:0;margin-bottom:20px;font-size:30px}.Guide .guide-header>.content{max-width:840px;padding:68px 44px 22px 44px}.Guide .guide-content{margin:0 auto 0 auto;max-width:840px;font-size:21px;line-height:1.5}.Guide .guide-content ol,.Guide .guide-content li{padding-left:1em}.Guide .guide-content ol li,.Guide .guide-content li li{padding-left:.8em}.Guide .guide-content ol{list-style:decimal}.Guide .guide-content ul{list-style:circle}.Guide .example-board-link{margin:0 auto 70px auto;max-width:840px}.Guide .example-board-link>.content{padding:5px 44px 52px 44px}@media(max-width: 1200px){.Guide .PageTitle{padding-left:80px;padding-right:80px;padding-bottom:40px}.Guide .milanote-summary{padding-top:20px}.Guide .Section.InspirationDetailsSection .guide-summary p{font-size:20px;line-height:32px}.Guide .Section.InspirationDetailsSection .details{padding-right:80px}}@media(max-width: 1025px){.Guide .PageTitle,.Guide .Section.InspirationDetailsSection{max-width:840px;padding-right:44px;padding-left:44px;margin:0 auto}.Guide .primary-content{padding-bottom:40px}.Guide .Section.InspirationDetailsSection .mobile-title{display:none}.Guide .Section.InspirationDetailsSection .image-section{margin-bottom:0}.Guide .Section.InspirationDetailsSection .details{padding-top:30px;padding-right:0}.Guide .Section.InspirationDetailsSection .content{max-width:840px;margin:0}.Guide .milanote-summary{padding-top:30px}.Guide .guide-title{font-size:24px}.Guide .guide-header .intro{font-size:20px}.Guide .guide-header .intro .guide-step-title{font-size:24px}.Guide .example-board{margin:0 20px}}@media(max-width: 767px){.Guide{font-size:20px}.Guide .PageTitle,.Guide .milanote-summary,.Guide .guide-header>.content,.Guide .Section.InspirationDetailsSection{padding-left:20px;padding-right:20px}.Guide .PageTitle{padding-bottom:20px}.Guide .primary-content{padding-bottom:30px}.Guide .milanote-summary{padding-bottom:30px}.Guide .guide-header>.content{padding-top:20px;padding-bottom:30px}.Guide .example-board .guide-step-title{padding-top:20px;padding-bottom:25px;font-size:24px}.Guide .example-board .Button{margin-bottom:30px}}
.SuperGuideHeader{margin-top:-100px;padding-top:100px;height:670px;background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:#31303a}.SuperGuideHeader>.content{margin:0 auto 0 auto;max-width:840px}.SuperGuideHeader.no-navigation{height:auto}.SuperGuideHeader.no-navigation>.content{padding-bottom:120px}@media(max-width: 1440px){.SuperGuideHeader{background-size:auto 100%}}@media(max-width: 1025px){.SuperGuideHeader{height:auto}.SuperGuideHeader>.content{padding-top:40px;padding-bottom:120px}.SuperGuideHeader>.content .PageTitle{max-width:60%}}@media(max-width: 767px){.SuperGuideHeader>.content{padding-bottom:100px}.SuperGuideHeader>.content .PageTitle{max-width:none}}
.SuperGuideNavigation{background:#f2f2f2}.SuperGuideNavigation .guide-navigation{position:relative;top:-280px;padding-top:20px;padding-right:20px;padding-bottom:60px;padding-left:50%;margin-left:-50%;color:#fff;font-size:18px;background:#4f5eff;box-shadow:0 20px 20px 0 rgba(0,0,0,.25),0 2px 8px 0 rgba(0,0,0,.15);z-index:1000}.SuperGuideNavigation .guide-navigation .navigation-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;max-width:940px;margin-left:auto}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list{margin-right:25px;flex-grow:1}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list .navigation-list-title{margin-bottom:15px;font-weight:bold}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:10px 15px 12px 15px;border-top:1px solid hsla(0,0%,100%,.2)}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li:last-of-type{border-bottom:1px solid hsla(0,0%,100%,.2)}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-icon{width:20px;height:20px;margin-top:2px;margin-right:24px;background-position:center center;background-repeat:no-repeat}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-icon.template{background-image:url(https://static.milanote.com/6d9002128433499d.svg)}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-icon.video{background-image:url(https://static.milanote.com/85a2b5003661cbe0.svg)}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-item-link{color:#fff;text-decoration:none;max-width:58%}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-item-number{margin-right:10px}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-right{margin-left:auto;text-align:right;color:#bbc1ff}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list ul li .nav-right-link{color:#fff}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-hero{position:relative;max-width:430px}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-hero img{display:block;max-width:100%}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-hero .navigation-hero-overlay{position:absolute;right:0;bottom:0;left:0;padding:10px 16px;color:#fff;background:rgba(0,0,0,.6)}@media(max-width: 1025px){.SuperGuideNavigation{height:auto !important}.SuperGuideNavigation .guide-navigation{top:0;padding-left:0;margin-left:0}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list{padding-left:20px}}@media(max-width: 767px){.SuperGuideNavigation .guide-navigation{font-size:16px;padding-bottom:30px}.SuperGuideNavigation .guide-navigation .navigation-content .navigation-list{width:100%;margin-right:0}.SuperGuideNavigation .navigation-hero{display:none}}
.SuperGuide{overflow-x:hidden}.SuperGuide .Header{background:none}.SuperGuide .guide-header{background:#f2f2f2}.SuperGuide .guide-header .intro{font-size:21px;line-height:1.42;color:#6f6f72}.SuperGuide .guide-header .intro .guide-step-title{font-family:Tiempos,"Tiempos Fallback";font-size:30px}.SuperGuide .guide-header .guide-title{padding:0;margin-bottom:20px;font-size:30px}.SuperGuide .guide-header>.content{max-width:840px;padding:68px 44px 54px 44px}.SuperGuide.no-navigation .guide-header>.content{padding-top:34px}.SuperGuide .guide-content{margin:0 auto 0 auto;max-width:840px;font-size:21px;line-height:1.5}.SuperGuide .guide-content ol,.SuperGuide .guide-content li{padding-left:1em}.SuperGuide .guide-content ol li,.SuperGuide .guide-content li li{padding-left:.8em}.SuperGuide .guide-content ol{list-style:decimal}.SuperGuide .guide-content ul{list-style:circle}.SuperGuide .RegisterFormFooterSection{margin-top:95px}@media(max-width: 1025px){.SuperGuide .guide-header>.content{padding-top:30px}.SuperGuide .guide-header>.content .intro{font-size:20px}}@media(max-width: 767px){.SuperGuide{font-size:20px}.SuperGuide .guide-header>.content{padding-left:20px;padding-right:20px}}
.Breadcrumb{display:block;text-align:center}.Breadcrumb .BreadcrumbEntry{display:inline}.Breadcrumb .BreadcrumbEntry a{font-weight:600;font-size:14px;letter-spacing:4px;text-transform:uppercase;text-decoration:none}.Breadcrumb .BreadcrumbEntry.inactive a{color:#31303a}.Breadcrumb .BreadcrumbEntry:after{margin:0 10px;content:"/";color:#929292}.Breadcrumb .BreadcrumbEntry:last-child:after{content:none}.Breadcrumb.on-dark-background .BreadcrumbEntry.inactive a{color:#fff}@media(max-width: 767px){.Breadcrumb .BreadcrumbEntry a{letter-spacing:1px}.Breadcrumb .BreadcrumbEntry:first-child{display:none}}
.Guide2020PageHeader{padding-top:16.2rem;margin-bottom:12rem}.Guide2020PageHeader .Breadcrumb .BreadcrumbEntry a{color:gray}.Guide2020PageHeader .Breadcrumb .BreadcrumbEntry.inactive a{color:#31303a}.Guide2020PageHeader .PageTitle{padding-top:3.2rem;padding-bottom:2.3rem;font-size:5.6rem;line-height:1.14}.Guide2020PageHeader .introduction{max-width:80rem;text-align:center;margin-left:auto;margin-right:auto;font-size:2.4rem;line-height:1.25;color:#31303a}.Guide2020PageHeader .register-button{margin-top:3.2rem;margin-left:auto;margin-right:auto;margin-bottom:4rem;text-align:center}.Guide2020PageHeader .image-container img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 14px 28px 0 rgba(0,0,0,.2)}.Guide2020PageHeader .image-container.desktop{display:block}.Guide2020PageHeader .image-container.mobile{display:none}.Guide2020PageHeader .background-blob{position:absolute;margin-left:-1700px;top:-970px;left:50%;z-index:-1}@media(max-width: 1366px){.Guide2020PageHeader{padding-top:11rem}.Guide2020PageHeader .PageTitle{max-width:90rem;padding-top:2.2rem;padding-bottom:1.4rem;margin-left:auto;margin-right:auto;font-size:4.2rem;line-height:1.33}.Guide2020PageHeader .introduction{max-width:70rem;font-size:2.2rem}.Guide2020PageHeader .register-button{margin-top:2.4rem;margin-bottom:3rem}}@media(max-width: 1025px){.Guide2020PageHeader{margin-left:1rem;margin-right:1rem}}@media(max-width: 767px){.Guide2020PageHeader{padding-top:0;margin-top:3.2rem;margin-bottom:0rem;margin-left:1.5rem;margin-right:1.5rem}.Guide2020PageHeader .Breadcrumb{justify-content:center}.Guide2020PageHeader .Breadcrumb .BreadcrumbEntry:first-child{display:inline}.Guide2020PageHeader .PageTitle{max-width:none;padding-top:3.2rem;padding-bottom:2rem;padding-left:0;padding-right:0;font-size:2.4rem;line-height:1.33}.Guide2020PageHeader .introduction{font-size:2rem;line-height:1.4}.Guide2020PageHeader .register-button{margin-top:2.3rem}.Guide2020PageHeader .register-button .Button{width:100%}.Guide2020PageHeader .image-container{margin-left:1.5rem;margin-right:1.5rem;margin-bottom:2rem}.Guide2020PageHeader .image-container img{box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.Guide2020PageHeader .image-container.desktop{display:none}.Guide2020PageHeader .image-container.mobile{display:block}.Guide2020PageHeader .background-blob{display:none}}
.AsideSection>.content{display:flex;overflow:hidden}.AsideSection>.content>aside{display:flex;justify-content:center;align-items:center;height:600px;padding-left:30px;padding-right:30px}.AsideSection>.content>aside img{max-width:100%;max-height:100%}.AsideSection>.content>section{display:flex;width:360px;flex-basis:360px;flex-direction:column;justify-content:center;align-items:center}.AsideSection>.content>section .section-content{max-width:690px}.AsideSection.no-margin.right>.content{margin-right:0}.AsideSection.no-margin.right>.content>aside{padding-right:0}.AsideSection.no-margin.left>.content{margin-left:0}.AsideSection.no-margin.left>.content>aside{padding-left:0}.AsideSection.left>.content{flex-direction:row}.AsideSection.left>.content>aside{margin-right:auto}.AsideSection.right>.content{flex-direction:row-reverse}.AsideSection.right>.content>aside{margin-left:auto}.AsideSection.bottom>.content{flex-direction:column-reverse;align-items:center}.AsideSection.bottom>.content>aside{height:auto;max-width:968px}.AsideSection.bottom>.content>section{width:auto}.AsideSection.bottom>.content>section .section-content{width:auto;text-align:center}@media(max-width: 1200px){.AsideSection.right .content section{margin-left:30px}.AsideSection.left .content section{margin-right:30px}.AsideSection section .section-content{font-size:20px}.AsideSection section .section-content>h2{font-size:24px}}@media(max-width: 1025px){.AsideSection.right .content,.AsideSection.left .content,.AsideSection.bottom .content{flex-direction:column}.AsideSection.right .content aside,.AsideSection.left .content aside,.AsideSection.bottom .content aside{height:auto;margin:0;padding:20px 30px 20px 30px}.AsideSection.right .content aside img,.AsideSection.left .content aside img,.AsideSection.bottom .content aside img{margin:0}.AsideSection.right .content section,.AsideSection.left .content section,.AsideSection.bottom .content section{flex-basis:auto;text-align:center;width:auto;margin:0;padding:20px 60px 0 60px}.AsideSection.right .content section .section-content,.AsideSection.left .content section .section-content,.AsideSection.bottom .content section .section-content{max-width:500px}.AsideSection.bottom .content{flex-direction:column-reverse}}@media(max-width: 767px){.AsideSection.right .content aside,.AsideSection.left .content aside,.AsideSection.bottom .content aside{padding:0 20px 0 20px}.AsideSection.right .content section,.AsideSection.left .content section,.AsideSection.bottom .content section{padding:20px}.AsideSection.right .content section .section-content,.AsideSection.left .content section .section-content,.AsideSection.bottom .content section .section-content{max-width:auto}}
.RegisterCallToActionFooterSection{margin-top:9rem;margin-bottom:15rem}.RegisterCallToActionFooterSection.AsideSection .content{background:#f3f3f4;border-radius:8px}.RegisterCallToActionFooterSection.AsideSection .content section{width:457px;flex-basis:457px;padding-left:9.7rem}.RegisterCallToActionFooterSection.AsideSection .content section .section-content h2{margin-bottom:1rem;font-family:Tiempos,"Tiempos Fallback";font-weight:600;font-size:3rem}.RegisterCallToActionFooterSection.AsideSection .content section .section-content .call-to-action{margin-bottom:2rem;font-size:2rem;line-height:1.4}.RegisterCallToActionFooterSection.AsideSection .content section .section-content .signup-button{margin-bottom:2rem}.RegisterCallToActionFooterSection.AsideSection .content section .section-content .signup-line{color:gray;font-size:1.4rem}.RegisterCallToActionFooterSection.AsideSection .content aside{height:450px;padding-right:97px}.RegisterCallToActionFooterSection.AsideSection .content aside img{width:555px;height:auto;box-shadow:0 6px 13px 0 rgba(0,0,0,.2)}@media(max-width: 1200px){.RegisterCallToActionFooterSection.right .content section{margin-left:0}}@media(max-width: 1366px){.RegisterCallToActionFooterSection.AsideSection.right .content section{text-align:left;padding-left:9.7rem;margin-left:0}.RegisterCallToActionFooterSection.AsideSection.right .content section .section-content h2{font-size:2.4rem}.RegisterCallToActionFooterSection.AsideSection.right .content section .section-content .call-to-action{font-size:1.8rem;line-height:1.6}}@media(max-width: 1025px){.RegisterCallToActionFooterSection{margin-left:2.5rem;margin-right:2.5rem}.RegisterCallToActionFooterSection.AsideSection.right .content{display:flex;flex-direction:row-reverse}.RegisterCallToActionFooterSection.AsideSection.right .content aside{padding-right:4rem}.RegisterCallToActionFooterSection.AsideSection.right .content section{text-align:left;padding-left:4rem;padding-right:0;margin-left:0}}@media(max-width: 767px){.RegisterCallToActionFooterSection{margin-top:3.3rem;margin-bottom:6rem}.RegisterCallToActionFooterSection.AsideSection.right{padding:0}.RegisterCallToActionFooterSection.AsideSection.right>.content{padding:2rem 2rem 3rem 2rem;display:block}.RegisterCallToActionFooterSection.AsideSection.right>.content aside{width:auto;height:auto;flex-basis:auto;padding:0;margin-bottom:1.5rem}.RegisterCallToActionFooterSection.AsideSection.right>.content section{width:auto;flex-basis:auto;padding:0}.RegisterCallToActionFooterSection.AsideSection.right>.content section .section-content h2{font-size:2rem}.RegisterCallToActionFooterSection.AsideSection.right>.content section .section-content .call-to-action{font-size:1.8rem}.RegisterCallToActionFooterSection.AsideSection.right>.content section .section-content .signup-button{margin-bottom:1.5rem}}
.Guide2020TableOfContents{width:100%;margin-top:1.1rem;font-size:1.6rem;line-height:1.5;color:#6e6e71}.Guide2020TableOfContents .guide-toc-header{width:100%;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid #e5e5e5}.Guide2020TableOfContents .guide-toc-header .UserImage{width:50px;height:50px;margin-bottom:8px}.Guide2020TableOfContents .guide-toc-header.no-date{margin-bottom:0;border-bottom:none}.Guide2020TableOfContents .guide-toc-navigation{margin-bottom:3rem}.Guide2020TableOfContents .guide-toc-navigation h4{margin-bottom:1.4rem;font-weight:bold}.Guide2020TableOfContents .guide-toc-navigation ul li{display:flex;margin-bottom:6px}.Guide2020TableOfContents .guide-toc-navigation ul li a{display:flex;color:#909090;text-decoration:none}.Guide2020TableOfContents .guide-toc-navigation ul li a .step-number{margin-right:5px}.Guide2020TableOfContents .guide-toc-navigation ul li a.active{color:#31303a}.Guide2020TableOfContents .guide-toc-navigation ul li a:hover{color:#31303a}.Guide2020TableOfContents .guide-toc-share-buttons h4{margin-bottom:1.4rem;font-weight:bold}@media(max-width: 1366px){.Guide2020TableOfContents .guide-toc-header{padding-bottom:2rem;margin-bottom:1rem;display:flex;justify-content:flex-start;align-items:center}.Guide2020TableOfContents .guide-toc-header .UserImage{margin-top:.5rem;margin-right:1rem;width:4rem;height:4rem}.Guide2020TableOfContents .guide-toc-navigation{margin-bottom:2rem}.Guide2020TableOfContents .guide-toc-navigation h4{margin-bottom:.6rem}.Guide2020TableOfContents .guide-toc-navigation ul li{margin-bottom:3px}.Guide2020TableOfContents .guide-toc-share-buttons h4{margin-bottom:1.4rem}}@media(max-width: 767px){.Guide2020TableOfContents{height:auto;width:100%}.Guide2020TableOfContents .guide-toc-header{display:none}.Guide2020TableOfContents .guide-toc-navigation{display:none}.Guide2020TableOfContents .guide-toc-share-buttons{display:none}}
.InformationSectionSlice{position:relative;background:#f2f2f2;z-index:1}.InformationSectionSlice .overlay{padding:24px 30px 30px 150px;background:#4f5eff;color:#fff}.InformationSectionSlice .info-icon{position:absolute;width:34px;height:34px}.InformationSectionSlice .title{display:flex;align-items:center;height:34px;font-weight:bold}.InformationSectionSlice .description{line-height:24px}.InformationSectionSlice .description p{margin-top:10px}.InformationSectionSlice .description a{color:#fff;text-decoration:underline}@media(min-width: 1026px){.InformationSectionSlice{margin-bottom:-85px}.InformationSectionSlice .overlay{position:relative;width:802px;max-width:95%;padding-left:150px;box-shadow:0 15px 15px 0 rgba(0,0,0,.15),0 2px 8px 0 rgba(0,0,0,.15);transform:translate3d(0, -90px, 0)}.InformationSectionSlice .info-icon{left:96px}}@media(max-width: 1025px){.InformationSectionSlice{display:none}}
.WideFeatureSectionSlice.AsideSection{position:relative;overflow:hidden;padding:0 30px}.WideFeatureSectionSlice.AsideSection h2{font-size:24px;font-family:Tiempos,"Tiempos Fallback";font-weight:600;margin-bottom:22px;color:#31303a}.WideFeatureSectionSlice.AsideSection .body{text-align:left}.WideFeatureSectionSlice.AsideSection .summary{font-size:20px;line-height:27px;margin-bottom:17px;color:#6e6e71}.WideFeatureSectionSlice.AsideSection .details{font-size:16px;line-height:24px;color:#6e6e71}.WideFeatureSectionSlice.AsideSection .details ul{padding-left:17px;list-style:disc}.WideFeatureSectionSlice.AsideSection .details ul li{margin-bottom:15px}.WideFeatureSectionSlice.AsideSection .content section{text-align:left}@media(min-width: 1200px){.WideFeatureSectionSlice.AsideSection.no-margin.left>.content .section-content{margin-left:100px;margin-right:14px}.WideFeatureSectionSlice.AsideSection.no-margin.right>.content .section-content{margin-left:14px;margin-right:100px}}@media(min-width: 801px)and (max-width: 1025px){.WideFeatureSectionSlice.AsideSection.left>.content{flex-direction:row}.WideFeatureSectionSlice.AsideSection.right>.content{flex-direction:row-reverse}.WideFeatureSectionSlice.AsideSection .content section{padding:0}.WideFeatureSectionSlice.AsideSection .content section .section-content{padding:0}.WideFeatureSectionSlice.AsideSection .content section .section-content h2{font-size:22px}.WideFeatureSectionSlice.AsideSection .content section .section-content .summary{font-size:18px}.WideFeatureSectionSlice.AsideSection .content section .section-content .body{margin:0}}@media(min-width: 801px){.WideFeatureSectionSlice.AsideSection>.content{position:relative;overflow:visible}.WideFeatureSectionSlice.AsideSection>.content>section{flex-grow:1;flex-shrink:1;flex-basis:auto;width:auto;margin-top:70px;margin-bottom:70px}.WideFeatureSectionSlice.AsideSection>.content>section .section-content{max-width:none}.WideFeatureSectionSlice.AsideSection>.content>section .body{position:relative;z-index:1}.WideFeatureSectionSlice.AsideSection>.content>aside{flex-grow:0;flex-shrink:0;padding:0;margin-left:14px;height:auto}.WideFeatureSectionSlice.AsideSection.no-margin.left>.content,.WideFeatureSectionSlice.AsideSection.no-margin.right>.content{margin-right:auto;margin-left:auto}.WideFeatureSectionSlice.AsideSection.no-margin.left .section-content{margin-left:60px;margin-right:14px}.WideFeatureSectionSlice.AsideSection.no-margin.right .section-content{margin-left:14px;margin-right:60px}}@media(max-width: 800px){.WideFeatureSectionSlice.AsideSection{padding:50px 0 0 0}.WideFeatureSectionSlice.AsideSection .content section{padding:0;margin:0 30px}.WideFeatureSectionSlice.AsideSection .content section .section-content{padding:30px 0 50px 0;max-width:none}.WideFeatureSectionSlice.AsideSection .content section .section-content .body{margin:0 30px;text-align:left}}
.FeatureSectionSlice.AsideSection{position:relative;overflow:hidden;padding:0 30px}.FeatureSectionSlice.AsideSection h2{font-size:24px;font-family:Tiempos,"Tiempos Fallback";font-weight:600;margin-bottom:22px;color:#31303a}.FeatureSectionSlice.AsideSection .body{text-align:left}.FeatureSectionSlice.AsideSection .summary{font-size:20px;line-height:27px;margin-bottom:17px;color:#6e6e71}.FeatureSectionSlice.AsideSection .summary a{text-decoration:underline}.FeatureSectionSlice.AsideSection .summary p{margin-bottom:10px}.FeatureSectionSlice.AsideSection .summary p:last-of-type{margin-bottom:0}.FeatureSectionSlice.AsideSection .details{font-size:16px;line-height:24px;color:#6e6e71}.FeatureSectionSlice.AsideSection .details ul{padding-left:17px;list-style:disc}.FeatureSectionSlice.AsideSection .details ul li{margin-bottom:15px}.FeatureSectionSlice.AsideSection .link{margin-top:30px;font-size:16px}.FeatureSectionSlice.AsideSection .link a{text-decoration:none;font-weight:600}.FeatureSectionSlice.AsideSection .image-spacer{width:100%}.FeatureSectionSlice.AsideSection .image-container{position:relative}.FeatureSectionSlice.AsideSection .image-positioner img{width:100%;height:auto}.FeatureSectionSlice.AsideSection .store-link{margin-top:30px}.FeatureSectionSlice.AsideSection .reviews{margin-top:40px}.FeatureSectionSlice.AsideSection .reviews .review{padding:30px 30px 40px 30px}.FeatureSectionSlice.AsideSection .reviews .review,.FeatureSectionSlice.AsideSection .reviews .review-stack{background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.25),0 2px 8px 0 rgba(0,0,0,.15)}.FeatureSectionSlice.AsideSection .reviews .review-stack{height:7px;margin:0 auto}.FeatureSectionSlice.AsideSection .reviews .review-stack-back{width:93%}.FeatureSectionSlice.AsideSection .reviews .review-stack-middle{width:97%}.FeatureSectionSlice.AsideSection .reviews .review-header{display:flex}.FeatureSectionSlice.AsideSection .reviews .review-rating{font-size:14px;margin-left:20px}.FeatureSectionSlice.AsideSection .reviews .review-author{color:#4f5eff;font-size:14px;margin-bottom:10px}.FeatureSectionSlice.AsideSection .reviews .review-text{color:#484848;font-size:14px;line-height:20px;text-align:left}@media(min-width: 1200px){.FeatureSectionSlice.AsideSection.no-margin.left .section-content{margin-left:17%;margin-right:14px}.FeatureSectionSlice.AsideSection.no-margin.right .section-content{margin-left:14px;margin-right:17%}}@media(min-width: 801px)and (max-width: 1025px){.FeatureSectionSlice.AsideSection.left>.content{flex-direction:row}.FeatureSectionSlice.AsideSection.right>.content{flex-direction:row-reverse}.FeatureSectionSlice.AsideSection .content section{padding:0}.FeatureSectionSlice.AsideSection .content section .section-content{padding:0;margin:0}.FeatureSectionSlice.AsideSection .content section .section-content h2{font-size:22px}.FeatureSectionSlice.AsideSection .content section .section-content .summary{font-size:18px}.FeatureSectionSlice.AsideSection .content section .section-content .body{margin:0}}@media(min-width: 801px){.FeatureSectionSlice.AsideSection>.content{position:relative;overflow:visible}.FeatureSectionSlice.AsideSection>.content>section{flex-basis:570px;flex-shrink:1;margin-top:70px;margin-bottom:70px}.FeatureSectionSlice.AsideSection>.content>section .body{position:relative;z-index:1}.FeatureSectionSlice.AsideSection>.content>aside{padding:0;width:100%;flex-basis:600px;height:auto}.FeatureSectionSlice.AsideSection .image-positioner{position:absolute;display:flex;align-items:center;width:62.8205128205%;height:100%;top:0;bottom:0}.FeatureSectionSlice.AsideSection.no-margin.left>.content,.FeatureSectionSlice.AsideSection.no-margin.right>.content{margin-right:auto;margin-left:auto}.FeatureSectionSlice.AsideSection.no-margin.left .image-positioner{left:0}.FeatureSectionSlice.AsideSection.no-margin.left .image-positioner img{transform:translate3d(-135px, 0, 0)}.FeatureSectionSlice.AsideSection.no-margin.right .image-positioner{right:0}.FeatureSectionSlice.AsideSection.no-margin.right .image-positioner img{transform:translate3d(135px, 0, 0)}}@media(max-width: 800px){.FeatureSectionSlice.AsideSection{padding:0}.FeatureSectionSlice.AsideSection .content section{padding:0}.FeatureSectionSlice.AsideSection .content section .section-content{padding:30px 0 50px 0;max-width:none}.FeatureSectionSlice.AsideSection .content section .section-content .body{margin:0 30px;text-align:left}.FeatureSectionSlice.AsideSection .content aside{display:none}.FeatureSectionSlice.AsideSection .image-positioner{width:100%;margin-bottom:30px}.FeatureSectionSlice.AsideSection .image-positioner img{max-width:735px;width:100%}.FeatureSectionSlice.AsideSection.left .content section,.FeatureSectionSlice.AsideSection.right .content section{margin-left:0;margin-right:0}.FeatureSectionSlice.AsideSection.right .image-positioner{text-align:right}.FeatureSectionSlice.AsideSection.left .image-positioner{text-align:left}.FeatureSectionSlice.AsideSection .image-spacer{display:none}}
.CompanyLogo{flex:1;flex-basis:166px;width:166px;margin-left:15px;margin-right:15px;color:#6e6e71}.CompanyLogo .logo-image{display:flex;align-items:center;justify-content:center;height:100px}@media(min-width: 768px)and (max-width: 1025px){.CompanyLogo.hide-tablet{display:none}}@media(max-width: 767px){.CompanyLogo{flex-basis:100px;width:100px}.CompanyLogo img{transform:scale(0.8)}.CompanyLogo.hide-mobile{display:none}}
.CompaniesSectionSlice{padding-top:92px;padding-bottom:0;margin:0 auto}.CompaniesSectionSlice .content{max-width:1170px;margin:0 auto}.CompaniesSectionSlice h3{text-align:center;font-size:22px;margin-bottom:75px;color:#6e6e71}.CompaniesSectionSlice ul{display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width: 1025px){.CompaniesSectionSlice{padding:50px 20px 0 20px}.CompaniesSectionSlice h3{margin-bottom:40px}.CompaniesSectionSlice ul{max-width:780px;margin:0 auto}}@media(max-width: 767px){.CompaniesSectionSlice:after{display:block;border-bottom:1px solid #f2f2f2;content:""}.CompaniesSectionSlice h3{margin-bottom:20px}}
.ColumnFeature{display:flex;flex-direction:column;align-items:center}.ColumnFeature .image-container{width:85%;margin-bottom:20px;text-align:center}.ColumnFeature .image-container img{max-width:100%;height:auto}.ColumnFeature h2{text-align:center;font-size:22px;font-family:Tiempos,"Tiempos Fallback";font-weight:600;margin-bottom:22px;color:#31303a}.ColumnFeature.image-location-top h2{margin-bottom:10px}.ColumnFeature .summary{font-size:18px;line-height:28px;margin-bottom:17px;color:#6e6e71}.ColumnFeature .details{font-size:15px;line-height:24px;color:#6e6e71}.ColumnFeature .details ul{padding-left:17px;list-style:disc}.ColumnFeature .details ul li{margin-bottom:8px}.ColumnFeature.text-align-center h2{text-align:center}.ColumnFeature.text-align-center .summary{text-align:center}.ColumnFeature.text-align-left h2{text-align:left}.ColumnFeature.text-align-left .summary{text-align:left}.ColumnFeature.text-body-larger .summary{font-size:19px;line-height:1.38}.ColumnFeature.image-pull-up .image-container img{margin-top:-80px}.ColumnFeature.image-fixed-height .image-container{display:flex;justify-content:center;align-items:center;height:450px}@media(min-width: 768px)and (max-width: 1025px){.ColumnFeature.image-fixed-height .image-container,.ColumnFeature.image-pull-up .image-container{margin:0;padding:20px;padding-bottom:40px;margin-bottom:10px}.ColumnFeature.image-fixed-height .image-container img,.ColumnFeature.image-pull-up .image-container img{margin:0}.ColumnFeature.image-fixed-height .image-container{height:465px;max-width:90%}.ColumnFeature.image-fixed-height .image-container img{max-width:300px}.ColumnFeature.image-shrink-tablet img{max-width:200px}}@media(max-width: 767px){.ColumnFeature h2,.ColumnFeature .feature-info{max-width:none;width:auto}.ColumnFeature.image-fixed-height .image-container,.ColumnFeature.image-pull-up .image-container{height:auto;width:auto !important;margin:0;padding:20px;padding-bottom:20px}.ColumnFeature.image-fixed-height .image-container img,.ColumnFeature.image-pull-up .image-container img{margin:0}.ColumnFeature.column-2 .image-container{padding-bottom:0;margin-bottom:0}.ColumnFeature.image-shrink-tablet img{max-width:200px}.ColumnFeature.text-align-center h2{text-align:left}.ColumnFeature.text-align-center .summary{text-align:left}.ColumnFeature.text-body-larger .summary{font-size:18px}}
.PageIntroduction{padding:0 20px 1.5em 20px;color:#818181;font-size:24px;line-height:1.6}.PageIntroduction.light{color:#fff}.PageIntroduction.center{text-align:center}.PageIntroduction a{text-decoration:underline}@media(max-width: 1200px){.PageIntroduction{font-size:20px}}
.ColumnFeatureSlice{padding-top:90px;padding-bottom:90px}.ColumnFeatureSlice .content{display:flex;flex-direction:column;align-items:center}.ColumnFeatureSlice .content .columns{display:flex;justify-content:space-between}.ColumnFeatureSlice .content .title-section{width:70%;margin-bottom:30px}.ColumnFeatureSlice .content .ColumnFeature h2,.ColumnFeatureSlice .content .ColumnFeature .feature-info{width:76%;max-width:300px}.ColumnFeatureSlice .content .ColumnFeature.column-2{flex-basis:50%}.ColumnFeatureSlice .content .ColumnFeature.column-2 h2,.ColumnFeatureSlice .content .ColumnFeature.column-2 .feature-info{width:90%;max-width:360px}.ColumnFeatureSlice .content .ColumnFeature.column-2 .image-container{width:72%}.ColumnFeatureSlice .content .ColumnFeature.column-3{flex-basis:390px}.ColumnFeatureSlice .content .ColumnFeature.column-4{flex-basis:293px}.ColumnFeatureSlice .content .ColumnFeature.column-4 h2,.ColumnFeatureSlice .content .ColumnFeature.column-4 .feature-info{width:90%;max-width:300px;font-size:20px}.ColumnFeatureSlice .content .ColumnFeature.column-4 .image-container{width:90%}.ColumnFeatureSlice.column-section-4,.ColumnFeatureSlice.column-section-2{padding-top:60px;padding-bottom:75px}.ColumnFeatureSlice.column-section-4 .title-section,.ColumnFeatureSlice.column-section-2 .title-section{margin-bottom:65px}.ColumnFeatureSlice.column-section-4 .title-section h2,.ColumnFeatureSlice.column-section-2 .title-section h2{font-size:36px;padding-bottom:5px}.ColumnFeatureSlice.column-section-4 .title-section .PageIntroduction,.ColumnFeatureSlice.column-section-2 .title-section .PageIntroduction{font-size:22px;line-height:1.36}.ColumnFeatureSlice.column-section-2{padding-top:25px}.ColumnFeatureSlice.column-section-2 .title-section{margin-bottom:20px}@media(max-width: 1025px){.ColumnFeatureSlice{padding-bottom:50px}.ColumnFeatureSlice .content .columns{flex-wrap:wrap;justify-content:center}.ColumnFeatureSlice .content .ColumnFeature.column-2,.ColumnFeatureSlice .content .ColumnFeature.column-4{flex-basis:45%}.ColumnFeatureSlice .content .ColumnFeature.column-3{flex-basis:50%}.ColumnFeatureSlice .content .ColumnFeature{margin-bottom:30px}.ColumnFeatureSlice .content .ColumnFeature h2,.ColumnFeatureSlice .content .ColumnFeature .feature-info{width:80%;max-width:400px}.ColumnFeatureSlice.column-section-4{padding-bottom:85px}.ColumnFeatureSlice.column-section-4 .title-section{margin-bottom:80px}.ColumnFeatureSlice.column-section-4 .title-section h2{font-size:30px}.ColumnFeatureSlice.column-section-2{padding-bottom:70px}.ColumnFeatureSlice.column-section-2 .title-section h2{font-size:30px}}@media(max-width: 767px){.ColumnFeatureSlice{margin-top:0;padding-bottom:0}.ColumnFeatureSlice .content .title-section{width:auto;margin-bottom:30px}.ColumnFeatureSlice .content .ColumnFeature h2,.ColumnFeatureSlice .content .ColumnFeature .feature-info{width:100%;max-width:100%;padding:0 30px}.ColumnFeatureSlice .content .ColumnFeature.column-2,.ColumnFeatureSlice .content .ColumnFeature.column-3,.ColumnFeatureSlice .content .ColumnFeature.column-4{flex-basis:100%}.ColumnFeatureSlice .content .ColumnFeature.column-2 .image-container,.ColumnFeatureSlice .content .ColumnFeature.column-3 .image-container,.ColumnFeatureSlice .content .ColumnFeature.column-4 .image-container{width:100%}.ColumnFeatureSlice .content .ColumnFeature.column-2 h2,.ColumnFeatureSlice .content .ColumnFeature.column-2 .feature-info,.ColumnFeatureSlice .content .ColumnFeature.column-3 h2,.ColumnFeatureSlice .content .ColumnFeature.column-3 .feature-info,.ColumnFeatureSlice .content .ColumnFeature.column-4 h2,.ColumnFeatureSlice .content .ColumnFeature.column-4 .feature-info{width:100%;max-width:100%;padding:0 30px}.ColumnFeatureSlice.column-section-4{padding-top:30px;padding-bottom:25px}.ColumnFeatureSlice.column-section-2{padding-bottom:0px}.ColumnFeatureSlice.column-section-4 .image-container img,.ColumnFeatureSlice.column-section-2 .image-container img{max-width:95%}}
.LargeImageSlice{padding-top:58px}.LargeImageSlice.long{padding-bottom:86px}.LargeImageSlice.padding-bottom{padding-bottom:95px}.LargeImageSlice.extra-large .content .image-container{padding-left:0;padding-right:0}.LargeImageSlice.extra-large .content .image-container img{max-width:1140px}@media(max-width: 1366px){.LargeImageSlice.extra-large .content .image-container{padding-left:40px;padding-right:40px}}.LargeImageSlice .content{display:flex;flex-direction:column;align-items:center}.LargeImageSlice .content .title-section{width:70%;margin-bottom:20px}.LargeImageSlice .content .title-section h2{font-size:36px;padding-bottom:5px}.LargeImageSlice .content .title-section .PageIntroduction{font-size:22px;line-height:1.36}.LargeImageSlice .content .image-container{padding-left:40px;padding-right:40px}.LargeImageSlice .content .image-container video,.LargeImageSlice .content .image-container img{width:100%;max-width:1000px;height:auto;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.2)}@media(max-width: 1025px){.LargeImageSlice{padding-top:40px;padding-bottom:0}.LargeImageSlice.long{padding-bottom:50px}.LargeImageSlice .content .title-section{margin-bottom:0}.LargeImageSlice .content .title-section h2{font-size:30px}.LargeImageSlice .content .image-container{padding-left:30px;padding-right:30px}}@media(max-width: 767px){.LargeImageSlice{padding-top:30px;padding-bottom:0}.LargeImageSlice .content .image-container{padding-left:20px;padding-right:20px}.LargeImageSlice .content .title-section{width:auto;margin-bottom:10px}}
.VideoEmbedSlice{padding-top:58px;padding-bottom:86px}.VideoEmbedSlice .content{display:flex;flex-direction:column;align-items:center}.VideoEmbedSlice .content .title-section{width:70%;margin-bottom:20px}.VideoEmbedSlice .content .title-section h2{font-size:36px;padding-bottom:5px}.VideoEmbedSlice .content .title-section .PageIntroduction{font-size:22px;line-height:1.36}.VideoEmbedSlice .content .video-container{display:flex;width:100%;max-width:1000px}.VideoEmbedSlice .content .video-container .video{position:relative;display:flex;width:100%;padding-bottom:56.25%}.VideoEmbedSlice .content .video-container .video iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}@media(max-width: 1025px){.VideoEmbedSlice{padding-top:40px;padding-bottom:40px}.VideoEmbedSlice.long{padding-bottom:50px}.VideoEmbedSlice .content .title-section{margin-bottom:0}.VideoEmbedSlice .content .title-section h2{font-size:30px}.VideoEmbedSlice .content .video-container{padding-left:30px;padding-right:30px}}@media(max-width: 767px){.VideoEmbedSlice{padding-top:30px;padding-bottom:30px}.VideoEmbedSlice .content .title-section{width:auto;margin-bottom:10px}.VideoEmbedSlice .content .video-container{padding-left:20px;padding-right:20px}}
.SegmentCarouselSlide{background:#31303a;overflow:hidden;max-width:100%}.SegmentCarouselSlide .PageTitle{max-width:688px;padding-bottom:24px;color:#fff;font-size:36px;text-align:center}.SegmentCarouselSlide .cta-link{padding:8px 40px 10px 40px;text-decoration:none;border-radius:3px;color:#31303a;font-weight:600;background:#f8f8f8}.SegmentCarouselSlide .hero-container{width:1140px;margin-top:33px;margin-bottom:10px}.SegmentCarouselSlide .hero-container img{max-width:100%;height:auto}.SegmentCarouselSlide>.Section>.content>.content-container,.SegmentCarouselSlide>.Section>.content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.SegmentCarouselSlide.wide-title .PageTitle{max-width:820px}@media(max-width: 1130px){.SegmentCarouselSlide .hero-container{width:auto;padding-left:10px;padding-right:10px}}@media(max-width: 1025px){.SegmentCarouselSlide .PageTitle{max-width:550px;padding-bottom:40px;font-size:30px}.SegmentCarouselSlide.wide-title .PageTitle{max-width:750px}}@media(max-width: 767px){.SegmentCarouselSlide .PageTitle{max-width:none;padding-right:20px;padding-bottom:35px;padding-left:20px;font-size:22px}.SegmentCarouselSlide.wide-title .PageTitle{max-width:none}.SegmentCarouselSlide .cta-link{padding:8px 20px 10px 20px;text-align:center}}
.SegmentCarouselSlice{padding-top:40px;background:#31303a;color:#fff}.SegmentCarouselSlice nav{display:flex;align-items:flex-start;justify-content:center;padding-top:30px;padding-bottom:20px;font-size:18px}.SegmentCarouselSlice nav .usage{display:block;padding:5px 17px 7px 17px;font-weight:600;color:#e5e5e5;white-space:nowrap}.SegmentCarouselSlice nav ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.SegmentCarouselSlice nav ul a{display:block;padding:5px 17px 7px 17px;border-radius:3px;color:#fff;font-weight:600;text-decoration:none;transition:background-color linear .3s;white-space:nowrap}.SegmentCarouselSlice nav ul a.selected{color:#e5e5e5;background-color:hsla(0,0%,100%,.15)}.SegmentCarouselSlice .swipe-markers{display:none}@media(min-width: 768px){.SegmentCarouselSlice .slides{position:relative;height:843px;overflow:hidden}.SegmentCarouselSlice .slides .slide{position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity linear .3s;pointer-events:none}.SegmentCarouselSlice .slides .slide.visible{opacity:1;pointer-events:all}}@media(max-width: 1130px){.SegmentCarouselSlice .slides{height:auto;padding-bottom:70%}}@media(max-width: 1025px){.SegmentCarouselSlice nav{font-size:16px}.SegmentCarouselSlice nav .usage{padding:4px 10px 5px 10px}.SegmentCarouselSlice nav ul a{padding:4px 10px 5px 10px;text-decoration:underline}}@media(max-width: 767px){.SegmentCarouselSlice{margin-top:0;padding-top:20px}.SegmentCarouselSlice nav{display:none}.SegmentCarouselSlice .slides{padding-bottom:0}.SegmentCarouselSlice .swipe{overflow:hidden;visibility:hidden;position:relative}.SegmentCarouselSlice .swipe .swipe-wrap{overflow:hidden;position:relative}.SegmentCarouselSlice .swipe .swipe-wrap>div{float:left;width:100%;position:relative}.SegmentCarouselSlice .swipe-markers{display:flex;align-items:center;justify-content:center;padding:20px 0 40px 0}.SegmentCarouselSlice .swipe-markers>div{width:7px;height:7px;margin:0 3px;border-radius:50%;background:#929292}.SegmentCarouselSlice .swipe-markers>div.active{background:#fff}}
.SegmentCarouselSlice.TemplateCarouselSlice .TemplateCarouselSlide .PageTitle{max-width:none;padding-bottom:32px}.SegmentCarouselSlice.TemplateCarouselSlice .TemplateCarouselSlide .hero-container{max-width:946px;margin-top:49px}.SegmentCarouselSlice.TemplateCarouselSlice .TemplateCarouselSlide .hero-container .image-link{text-decoration:none}.SegmentCarouselSlice.TemplateCarouselSlice .TemplateCarouselSlide .hero-container img{border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.3)}@media(max-width: 1025px){.SegmentCarouselSlice.TemplateCarouselSlice .TemplateCarouselSlide .hero-container{max-width:750px}}
.Testimonial{text-align:center;color:#6f6f72}.Testimonial .quote{margin-bottom:16px;font-size:16px;line-height:1.25;quotes:"“" "”"}.Testimonial .quote:before{display:inline;content:open-quote}.Testimonial .quote:after{display:inline;content:close-quote}.Testimonial .image{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.Testimonial .image .UserImage{width:50px;height:50px}.Testimonial.large{max-width:800px;margin:0 auto}.Testimonial.large .quote{font-size:30px}.Testimonial.large .image{font-size:30px;margin-bottom:12px}.Testimonial.large .image .UserImage{width:60px;height:60px}.Testimonial.large .UserName{font-size:16px}.Testimonial.fixed-height .quote{height:45px}.Testimonial.medium .quote{font-size:24px;margin-bottom:10px}.Testimonial.medium .UserName{font-size:16px}.Testimonial.align-left{text-align:left}.Testimonial.align-left .user{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.Testimonial.align-left .user .image{margin-right:12px;margin-bottom:0}.Testimonial.align-left .user .image .UserImage{width:40px;height:40px}.Testimonial.align-left .user .name{display:inline-block}.Testimonial.align-left .user .name:after{content:", ";margin-right:.2em}.Testimonial.align-left .user .meta{display:inline-block}.Testimonial.align-left .user .image{align-items:flex-start}.Testimonial.align-left .user .company{margin-top:2px}.Testimonial.align-left .user .company img{max-height:12px}@media(max-width: 1025px){.Testimonial.medium .quote{font-size:20px;margin-bottom:10px}.Testimonial.medium .UserName{font-size:14px}.Testimonial.large .quote{font-size:24px}}@media(max-width: 767px){.Testimonial.large .quote{font-size:20px}.Testimonial.fixed-height .quote{height:auto}}
.TestimonalSlice{background-color:#f2f2f2;padding-top:85px;padding-bottom:85px}.TestimonalSlice .Testimonial{display:flex;flex-direction:column;align-items:center;width:auto;padding:27px 30px 35px 30px;border-radius:6px;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.03)}.TestimonalSlice .Testimonial .quote{min-height:77px;color:#31303a;font-family:Tiempos,"Tiempos Fallback";font-size:17px;line-height:1.5}.TestimonalSlice .Testimonial .image{margin-bottom:15px}.TestimonalSlice .Testimonial .user{margin-top:auto}.TestimonalSlice .Testimonial .UserName .company{margin-top:25px}.TestimonalSlice .Testimonial .UserName .company img{display:inline-block}@media(max-width: 1025px){.TestimonalSlice{padding-top:75px;padding-bottom:75px}.TestimonalSlice .Testimonial .quote{min-height:64px;font-size:14px}}@media(max-width: 767px){.TestimonalSlice{padding-top:50px;padding-bottom:50px}.TestimonalSlice .Testimonial{margin:10px;width:auto}.TestimonalSlice .Testimonial .quote{min-height:64px;font-size:14px}.TestimonalSlice .GridSection>.content{display:block;max-width:none;padding:0}.TestimonalSlice .GridSection>.content .GridItem{padding:0;margin:0}.TestimonalSlice .swipe{overflow:hidden;visibility:hidden;position:relative}.TestimonalSlice .swipe .swipe-wrap{overflow:hidden;position:relative}.TestimonalSlice .swipe .swipe-wrap>div{float:left;width:100%;position:relative}.TestimonalSlice .swipe-markers{display:flex;align-items:center;justify-content:center;padding-top:20px}.TestimonalSlice .swipe-markers>div{width:7px;height:7px;margin:0 3px;border-radius:50%;background:#cacaca}.TestimonalSlice .swipe-markers>div.active{background:#31303a}}
.Section.LargeTemplatePreviewSlice .PageTitle{font-size:30px}.Section.LargeTemplatePreviewSlice .PageIntroduction{font-size:22px;max-width:790px;margin:0 auto}.Section.LargeTemplatePreviewSlice .preview-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;padding:8% 10% 0 10%;border-radius:10px}.Section.LargeTemplatePreviewSlice .preview-section .image{width:100%;box-shadow:0 8px 17px 0 rgba(0,0,0,.2)}.Section.LargeTemplatePreviewSlice .preview-section .Button{margin:30px 0 40px 0}@media(max-width: 767px){.Section.LargeTemplatePreviewSlice .PageTitle{padding-top:0;font-size:20px}.Section.LargeTemplatePreviewSlice .PageIntroduction{font-size:18px;margin-bottom:30px}.Section.LargeTemplatePreviewSlice .preview-section{padding:20px}.Section.LargeTemplatePreviewSlice .preview-section .Button{margin:20px 0 0 0}}
.Section.GuideSummarySlice{margin-bottom:30px}.Section.GuideSummarySlice .PageTitle{font-size:30px;margin-bottom:20px}.Section.GuideSummarySlice .PageIntroduction{max-width:790px;margin:0 auto;text-align:left;font-size:20px}.Section.GuideSummarySlice .PageIntroduction h1,.Section.GuideSummarySlice .PageIntroduction h2,.Section.GuideSummarySlice .PageIntroduction h3,.Section.GuideSummarySlice .PageIntroduction h4,.Section.GuideSummarySlice .PageIntroduction h5{margin-top:44px;margin-bottom:20px;color:#31303a;font-family:Tiempos,"Tiempos Fallback";font-weight:600;font-size:24px}.Section.GuideSummarySlice .PageIntroduction iframe,.Section.GuideSummarySlice .PageIntroduction img{max-width:100%;margin:10px auto}.Section.GuideSummarySlice .PageIntroduction ol,.Section.GuideSummarySlice .PageIntroduction ul,.Section.GuideSummarySlice .PageIntroduction p,.Section.GuideSummarySlice .PageIntroduction ol li,.Section.GuideSummarySlice .PageIntroduction ul li{margin-bottom:16px}.Section.GuideSummarySlice .PageIntroduction ol:last-child,.Section.GuideSummarySlice .PageIntroduction ul:last-child,.Section.GuideSummarySlice .PageIntroduction p:last-child,.Section.GuideSummarySlice .PageIntroduction ol li:last-child,.Section.GuideSummarySlice .PageIntroduction ul li:last-child{margin-bottom:0}.Section.GuideSummarySlice .PageIntroduction ol,.Section.GuideSummarySlice .PageIntroduction li{padding-left:1em}.Section.GuideSummarySlice .PageIntroduction ol li,.Section.GuideSummarySlice .PageIntroduction li li{margin-left:8px;padding-left:.8em}.Section.GuideSummarySlice .PageIntroduction ol{list-style:decimal}.Section.GuideSummarySlice .PageIntroduction ul{list-style:circle}.Section.GuideSummarySlice .PageIntroduction a{text-decoration:none}@media(max-width: 767px){.Section.GuideSummarySlice{margin-bottom:0}.Section.GuideSummarySlice .PageTitle{padding-top:0;padding-bottom:0;margin-bottom:30px;font-size:20px}.Section.GuideSummarySlice .PageIntroduction{font-size:18px}.Section.GuideSummarySlice .PageIntroduction h1,.Section.GuideSummarySlice .PageIntroduction h2,.Section.GuideSummarySlice .PageIntroduction h3,.Section.GuideSummarySlice .PageIntroduction h4,.Section.GuideSummarySlice .PageIntroduction h5{margin-bottom:20px;font-size:18px;font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif}}
.GuideTextBlockSlice{margin-top:9rem;position:relative;font-size:2rem;line-height:1.5;color:#6f6f72}.GuideTextBlockSlice .guide-text-title{margin-bottom:2rem;font-size:3.2rem;font-family:Tiempos,"Tiempos Fallback";line-height:1.18;color:#31303a;font-weight:600}.GuideTextBlockSlice .text-explanation{color:#31303a}.GuideTextBlockSlice .text-explanation p{margin-bottom:1.9rem}.GuideTextBlockSlice .text-explanation a{color:#31303a;text-decoration:underline}.GuideTextBlockSlice .text-explanation ul li{padding-left:.5rem;margin-left:2rem;margin-bottom:.5rem;list-style:disc}.GuideTextBlockSlice .text-block-image{margin-top:1.5rem}.GuideTextBlockSlice .text-block-image img{width:100%;border-radius:8px}.GuideTextBlockSlice:first-of-type{margin-top:0}@media(max-width: 1366px){.GuideTextBlockSlice .guide-text-title{line-height:1.33}.GuideTextBlockSlice .guide-text-title h2{font-size:3rem}.GuideTextBlockSlice .guide-text-title h3{font-size:2.4rem}.GuideTextBlockSlice .text-explanation{font-size:1.8rem;line-height:1.6}}@media(max-width: 767px){.GuideTextBlockSlice{padding-left:15px;padding-right:15px;margin-top:4.5rem;font-size:18px}.GuideTextBlockSlice .guide-text-title{margin-bottom:1rem}.GuideTextBlockSlice .text-block-image img{width:100%;border-radius:0}}
.GuideStepSlice{margin-top:9rem;position:relative;font-size:2rem;line-height:1.5;color:#6f6f72}.GuideStepSlice .title-container{margin-bottom:2rem}.GuideStepSlice .title-container .guide-step-title{font-family:Tiempos,"Tiempos Fallback";font-size:30px;line-height:1.33;color:#31303a;font-weight:600}.GuideStepSlice .step-explanation{color:#31303a}.GuideStepSlice .step-explanation p{margin-bottom:1.9rem}.GuideStepSlice .step-explanation a{color:#31303a;text-decoration:underline}.GuideStepSlice .step-explanation ul li{padding-left:.5rem;margin-left:2rem;margin-bottom:.5rem;list-style:disc}.GuideStepSlice .step-image{margin-top:2.8rem}.GuideStepSlice .step-image img{width:100%;height:auto;border-radius:8px}.GuideStepSlice:first-of-type{margin-top:0}@media(max-width: 1366px){.GuideStepSlice{margin-top:6rem}.GuideStepSlice .title-container{margin-bottom:1.8rem}.GuideStepSlice .step-number{margin-top:-4px;margin-right:2rem;font-size:2.4rem}.GuideStepSlice .guide-step-title{display:inline;margin-bottom:0;font-size:24px;line-height:1.25}.GuideStepSlice .step-explanation{font-size:1.8rem;line-height:1.6}}@media(max-width: 767px){.GuideStepSlice{padding-left:15px;padding-right:15px;margin-top:4.5rem;font-size:18px}.GuideStepSlice .title-container{margin-bottom:1rem}.GuideStepSlice .step-image img{width:100%;border-radius:0}}
.GuideTipSlice{display:grid;grid-template-rows:auto;grid-template-columns:110px auto;margin-top:2.9rem;padding:2.8rem 3.4rem;border-radius:8px;font-size:1.8rem;color:#6e6e71;background-color:#f2f2f2;background-image:url("https://images.milanote.com/milanote/6a306d8b-46fc-4301-91a3-d48700094f97_guide-tip-background-light.png?auto=compress,format&w=800");background-size:100% auto;background-position:bottom;background-repeat:no-repeat}.GuideTipSlice .tip-title{font-weight:bold}@media(max-width: 1366px){.GuideTipSlice{padding:1.8rem 2.2rem;font-size:1.6rem}}@media(max-width: 767px){.GuideTipSlice{display:block;margin:3.2rem 1.5rem 0 1.5rem;padding:1.8rem 2rem 3rem 2rem;font-size:1.6rem;background-size:auto 70%;background-position:center bottom}.GuideTipSlice .tip-title{margin-bottom:1rem}}
.GuideExampleSlice{margin-top:2rem;font-size:2rem;line-height:1.4;color:#31303a}.GuideExampleSlice .guide-example-title{padding-bottom:1rem;font-weight:bold}.GuideExampleSlice .guide-example-steps{list-style:decimal;padding-left:2rem;padding-right:1rem}.GuideExampleSlice .guide-example-step{margin-bottom:.5rem}.GuideExampleSlice .guide-example-step .step-text{margin-left:1.5rem;margin-right:1rem}.GuideExampleSlice .guide-example-step .step-text a{text-decoration:underline}.GuideExampleSlice .guide-example-step .step-text p{display:inline}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button{display:inline-flex;border:0;color:#f4511c;font-size:2rem;font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;background:none;cursor:pointer;outline:none}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button .button-text{margin-right:.8rem}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button .expand-plus{position:relative;display:block;width:20px;height:21px;top:2px;background:url(https://static.milanote.com/3f37cd7695ec8172.svg);transition:transform .15s ease-in-out}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button.open .expand-plus{transform:rotate(45deg)}.GuideExampleSlice .guide-example-tooltip-content{display:none}@media(max-width: 1366px){.GuideExampleSlice{font-size:1.8rem}.GuideExampleSlice .guide-example-title{padding-bottom:.6rem}.GuideExampleSlice .guide-example-step{margin-bottom:.3rem}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button{font-size:1.8rem}}@media(max-width: 767px){.GuideExampleSlice{padding-left:15px;padding-right:15px;font-size:1.8rem}.GuideExampleSlice .guide-example-step .step-text{margin-left:0}.GuideExampleSlice .guide-example-step .guide-example-show-tooltip-button{display:none}}
.GuideExampleTooltip{position:absolute;width:610px;padding:30px;border-radius:8px;box-shadow:0 11px 15px -7px rgba(50,59,74,.2),0 9px 46px 8px rgba(50,59,74,.12),0 24px 38px 3px rgba(50,59,74,.14);color:#31303a;font-size:18px;background:#fff;opacity:0;transition:opacity .1s ease-in-out;pointer-events:none;z-index:99999999}.GuideExampleTooltip .media-container{background-color:#e7e8ed}.GuideExampleTooltip .mobile-tooltip-header{display:none;padding-bottom:1.6rem;text-align:right}.GuideExampleTooltip .mobile-tooltip-header .mobile-close-button{width:24px;height:24px;border:0;font-size:0;background:url(https://static.milanote.com/c5c9431c48b0e187.svg)}.GuideExampleTooltip .media-container{width:100%;height:310px;overflow:hidden}.GuideExampleTooltip .media-container video{width:100%;border-radius:5px;border:1px solid #eee}.GuideExampleTooltip .media-container img{width:100%;border-radius:3px}.GuideExampleTooltip .tooltip-text{margin-top:14px}.GuideExampleTooltip .tooltip-text h4{margin-bottom:4px;font-size:20px;font-weight:bold}.GuideExampleTooltip.visible{opacity:1;pointer-events:all}.GuideExampleTooltip:after{position:absolute;display:block;left:calc(50% - 10px);bottom:-10px;width:20px;height:20px;background:#fff;transform:rotate(45deg);content:""}@media(max-width: 1366px){.GuideExampleTooltip{width:440px;padding:20px;font-size:16px}.GuideExampleTooltip .media-container{height:227px}.GuideExampleTooltip .tooltip-text h4{font-size:18px}}@media(max-width: 767px){.GuideExampleTooltip{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px}.GuideExampleTooltip .mobile-tooltip-header{display:block}.GuideExampleTooltip .media-container{height:auto}}
.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice{background:none;padding-top:0}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .gradient-container{width:100%;border-radius:10px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .slides{height:627px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide{background:none}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide .cta-link{background:#f4511c;color:#fff;margin-top:20px;margin-bottom:20px;box-shadow:0 10px 15px 0 rgba(0,0,0,.15)}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide .hero-container{max-width:912px;margin-top:0}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice nav ul{justify-content:center}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice nav ul a{color:#31303a;margin-bottom:10px;text-decoration:underline}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice nav ul a.selected{background:#cfcdd2}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .PageTitle{padding-top:5px;font-weight:600;font-size:30px;color:#31303a}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .PageIntroduction{max-width:790px;margin:0 auto;padding-bottom:0;font-size:22px;color:#6e6e71}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color:after,.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color+.no-background-color:after{border:0;padding-top:0}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color.show-gradient:after,.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color+.no-background-color.show-gradient:after{padding-top:1px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.dark-style nav ul a,.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.dark-style .PageTitle{color:#fff}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.dark-style .PageIntroduction{color:#6e6e71}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.dark-style nav ul a.selected{background:#484848}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.show-gradient nav{min-height:93px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.show-gradient nav ul a{color:#fff;margin-bottom:10px;text-decoration:underline}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.show-gradient nav ul a.selected{background:hsla(0,0%,100%,.25)}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.show-gradient .gradient-container{margin-top:20px;margin-bottom:60px}@media(max-width: 1130px){.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .slides{height:auto;padding-bottom:60%}}@media(max-width: 767px){.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color,.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.has-background-color+.no-background-color{padding-bottom:30px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice.show-gradient .gradient-container{margin-top:20px;margin-bottom:10px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .PageTitle{padding-top:0;font-size:20px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .PageIntroduction{font-size:18px;margin-bottom:30px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .slides{padding-top:20px;padding-bottom:0}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide .Section{padding-right:20px;padding-left:20px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide .hero-container{padding-right:0;padding-left:0}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .SegmentCarouselSlide .cta-link{margin-top:10px;margin-bottom:25px}.SegmentCarouselSlice.TemplateCarouselSlice.MultipleTemplatesSlice .swipe-markers{padding-top:0;padding-bottom:20px}}
.Guide2020PageSliceContainerSection>.content{display:grid;grid-template-columns:64% auto 330px;grid-template-areas:"content . aside"}.Guide2020PageSliceContainerSection>.content .slices-main{grid-area:content}.Guide2020PageSliceContainerSection>.content .slices-aside{position:sticky;align-self:flex-start;grid-area:aside;top:150px}@media(min-width: 1026px)and (max-width: 1366px){.Guide2020PageSliceContainerSection>.content{grid-template-columns:64% auto 250px}}@media(max-width: 1025px){.Guide2020PageSliceContainerSection>.content{grid-template-columns:auto 60px 250px}}@media(max-width: 767px){.Guide2020PageSliceContainerSection>.content{display:block}.Guide2020PageSliceContainerSection>.content .slices-aside{display:none}}
.Guide2020Page{background-position:center top;background-repeat:no-repeat}@media(max-width: 1366px){.Guide2020Page{background-position:center -140px}}@media(min-width: 1026px)and (max-width: 1366px){.Guide2020Page .Section>.content,.Guide2020Page .GridSection>.content{margin-left:auto;margin-right:auto;width:1010px}}@media(min-width: 768px)and (max-width: 1025px){.Guide2020Page .Header>.header-content{padding-left:25px;padding-right:25px}.Guide2020Page .Section>.content,.Guide2020Page .GridSection>.content{padding-left:30px;padding-right:30px}}@media(max-width: 767px){.Guide2020Page{background-image:none !important}.Guide2020Page .header-scroll-spacer{height:20px}.Guide2020Page .Header{background:#31303a}}
.MegaGuidePageHeader{padding-top:16.2rem;margin-bottom:12rem;background-color:#f2f2f2;background-position:center top;background-repeat:no-repeat}.MegaGuidePageHeader .Breadcrumb .BreadcrumbEntry a{color:gray}.MegaGuidePageHeader .Breadcrumb .BreadcrumbEntry.inactive a{color:#31303a}.MegaGuidePageHeader .PageTitle{padding-top:3.2rem;padding-bottom:2.3rem;font-size:5.6rem;line-height:1.14}.MegaGuidePageHeader .introduction{max-width:80rem;text-align:center;margin-left:auto;margin-right:auto;font-size:2.4rem;line-height:1.25;color:#31303a}.MegaGuidePageHeader .register-button{margin-top:3.2rem;margin-left:auto;margin-right:auto;margin-bottom:4rem;text-align:center}.MegaGuidePageHeader .image-container img{max-width:100%;border-radius:4px;box-shadow:0 14px 28px 0 rgba(0,0,0,.2)}.MegaGuidePageHeader .image-container .video{position:relative;max-width:100%;padding-bottom:56.25%;border-radius:4px;background-color:#f2f2f2;box-shadow:0 14px 28px 0 rgba(0,0,0,.2);overflow:hidden}.MegaGuidePageHeader .image-container .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.MegaGuidePageHeader .image-container.desktop{display:block}.MegaGuidePageHeader .image-container.mobile{display:none}.MegaGuidePageHeader .explanation-container{margin-top:6.6rem;margin-left:13rem;margin-right:13rem;padding-bottom:13rem}.MegaGuidePageHeader .guide-explanation{margin-bottom:6rem;font-size:2.2rem;line-height:1.64;color:#31303a}.MegaGuidePageHeader .navigation-title{margin-bottom:2.6rem;font-size:2rem;font-weight:bold;line-height:1.4}.MegaGuidePageHeader .navigation-table{background:#fff;padding:3rem 4rem;margin-left:-5rem;margin-right:-5rem;border-radius:8px}.MegaGuidePageHeader .navigation-table li{list-style:none}.MegaGuidePageHeader .navigation-table .navigation-table-entry{display:grid;grid-template-columns:30% auto;padding:1rem;border-bottom:solid 1px #f2f2f2;font-size:2rem;font-weight:bold;color:#31303a;text-decoration:none}.MegaGuidePageHeader .navigation-table .navigation-table-entry .step-subtitle{font-weight:normal}.MegaGuidePageHeader .navigation-table .navigation-table-entry.navigation-table-header{font-size:1.6rem;font-weight:normal;letter-spacing:-0.1px;color:#a3a7ae}.MegaGuidePageHeader .background-blob{position:absolute;margin-left:-1700px;top:-970px;left:50%;z-index:-1}@media(max-width: 1366px){.MegaGuidePageHeader{padding-top:11rem}.MegaGuidePageHeader .PageTitle{max-width:90rem;padding-top:2.2rem;padding-bottom:1.4rem;margin-left:auto;margin-right:auto;font-size:4.2rem;line-height:1.33}.MegaGuidePageHeader .introduction{max-width:70rem;font-size:2.2rem}.MegaGuidePageHeader .register-button{margin-top:2.4rem;margin-bottom:3rem}}@media(max-width: 1366px){.MegaGuidePageHeader{background-position:center -140px}}@media(max-width: 1025px){.MegaGuidePageHeader{margin-left:1rem;margin-right:1rem}}@media(max-width: 767px){.MegaGuidePageHeader{padding-top:0;margin-top:3.2rem;margin-bottom:0rem;margin-left:1.5rem;margin-right:1.5rem;background-image:none !important;background-color:rgba(0,0,0,0)}.MegaGuidePageHeader .Breadcrumb{justify-content:center}.MegaGuidePageHeader .Breadcrumb .BreadcrumbEntry:first-child{display:inline}.MegaGuidePageHeader .PageTitle{max-width:none;padding-top:3.2rem;padding-bottom:2rem;padding-left:0;padding-right:0;font-size:2.4rem;line-height:1.33}.MegaGuidePageHeader .introduction{font-size:2rem;line-height:1.4;text-align:left}.MegaGuidePageHeader .register-button{margin-top:2.3rem}.MegaGuidePageHeader .register-button .Button{width:100%}.MegaGuidePageHeader .explanation-container{margin-top:0;margin-left:0;margin-right:0;padding-bottom:0}.MegaGuidePageHeader .explanation-container .guide-explanation{margin-bottom:2rem;font-size:1.8rem;line-height:1.4}.MegaGuidePageHeader .explanation-container .navigation-title{font-size:1.8rem;margin-bottom:1rem}.MegaGuidePageHeader .explanation-container .navigation-table{margin:0;padding:0}.MegaGuidePageHeader .explanation-container .navigation-table .navigation-table-entry{display:block;padding-left:0;padding-right:0;font-size:1.8rem}.MegaGuidePageHeader .explanation-container .navigation-table .navigation-table-entry>span{display:block}.MegaGuidePageHeader .explanation-container .navigation-table .navigation-table-entry.navigation-table-header{display:none}.MegaGuidePageHeader .explanation-container .navigation-table ul>li:first-of-type>.navigation-table-entry{border-top:solid 1px #f2f2f2}.MegaGuidePageHeader .image-container{margin-left:1.5rem;margin-right:1.5rem;margin-bottom:2rem}.MegaGuidePageHeader .image-container img{box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.MegaGuidePageHeader .image-container.desktop{display:none}.MegaGuidePageHeader .image-container.mobile{display:block}.MegaGuidePageHeader .background-blob{display:none}}
#register-form-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2000;padding:20px}#register-form-modal.visible{display:flex;opacity:0}#register-form-modal.visible .modal-container{opacity:0}#register-form-modal.visible.show{opacity:1}#register-form-modal.visible.show .modal-container{opacity:1}#register-form-modal.visible.fade-in{transition:opacity .3s ease-in-out}#register-form-modal.visible.fade-in .modal-container{transition:opacity .3s ease-in-out;transition-delay:.2s}#register-form-modal.visible.fade-out{transition-delay:.3s;transition:opacity .3s ease-in-out}#register-form-modal.visible.fade-out .modal-container{transition:opacity .3s ease-in-out}#register-form-modal .modal-close-trigger{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2100}#register-form-modal .modal-container{display:flex;max-width:910px;margin:auto;background:#fff;border-radius:5px;box-shadow:0 11px 15px -7px rgba(50,59,74,.2),0 9px 46px 8px rgba(50,59,74,.12),0 24px 38px 3px rgba(50,59,74,.14);overflow:hidden;z-index:2200}#register-form-modal .modal-container h3{font-size:24px;font-family:Tiempos,"Tiempos Fallback";font-weight:600}#register-form-modal .modal-container .register-info{display:flex;flex-direction:column;flex-basis:500px;padding:50px;background-image:linear-gradient(39deg, #1c1c1f, #31303a);font-size:18px;color:#a5a5a5}#register-form-modal .modal-container .register-info h3{color:#e5e5e5;margin-bottom:20px}#register-form-modal .modal-container .register-info p{margin-bottom:10px}#register-form-modal .modal-container .register-info .free-use{font-weight:600}#register-form-modal .modal-container .register-info .register-feature-image{max-width:100%;margin-bottom:20px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);opacity:.8}#register-form-modal .modal-container .register-info .float-bottom{margin-top:auto}#register-form-modal .modal-container .register-info .testimonial{display:flex}#register-form-modal .modal-container .register-info .testimonial .testimonial-image{flex-shrink:0;width:40px;height:40px;margin-right:10px;background:url(https://static.milanote.com/eb79dcd4223072ae.png);background-size:100% 100%}#register-form-modal .modal-container .register-info .testimonial .testimonial-quote{flex-grow:1}#register-form-modal .modal-container .register-info .testimonial .testimonial-quote .quote-attribution{font-size:14px}#register-form-modal .modal-container .register-form{flex-basis:410px;flex-shrink:0;padding:40px}#register-form-modal .modal-container .register-form h3{margin-bottom:30px}#register-form-modal .modal-container .register-form .RegisterForm{padding:0}@media(max-width: 767px){#register-form-modal .modal-container{display:block}#register-form-modal .modal-container .register-info{display:none}}
.MegaGuideTableOfContents{width:100%;margin-top:1.1rem;font-size:1.6rem;line-height:1.5;color:#6e6e71}.MegaGuideTableOfContents .guide-toc-navigation{margin-bottom:3rem}.MegaGuideTableOfContents .guide-toc-navigation ul li a{display:flex;color:#909090;text-decoration:none}.MegaGuideTableOfContents .guide-toc-navigation ul li a:hover{color:#1b2536}.MegaGuideTableOfContents .guide-toc-navigation ul li a.step-major{padding-top:.8rem;padding-bottom:.8rem;font-size:1.8rem;font-weight:bold}.MegaGuideTableOfContents .guide-toc-navigation ul li a.step-major.active{color:#31303a}.MegaGuideTableOfContents .guide-toc-navigation ul li a.step-sub{display:none;padding-top:.4rem;padding-bottom:.4rem;padding-left:2rem;font-size:1.6rem;line-height:2.4rem;border-left:2px solid #e2e2e3}.MegaGuideTableOfContents .guide-toc-navigation ul li a.step-sub.active{color:#1b2536;border-left:2px solid #343b49}.MegaGuideTableOfContents .guide-toc-navigation ul li a.step-sub.visible{display:block}.MegaGuideTableOfContents .guide-toc-navigation ul li:first-of-type a.step-major{padding-top:.5rem}.MegaGuideTableOfContents .guide-toc-share-buttons h4{margin-bottom:1.4rem;font-weight:bold}@media(max-width: 1366px){.MegaGuideTableOfContents .guide-toc-header{padding-bottom:2rem;margin-bottom:1rem;display:flex;justify-content:flex-start;align-items:center}.MegaGuideTableOfContents .guide-toc-header .UserImage{margin-top:.5rem;margin-right:1rem;width:4rem;height:4rem}.MegaGuideTableOfContents .guide-toc-navigation{margin-bottom:2rem}.MegaGuideTableOfContents .guide-toc-navigation h4{margin-bottom:.6rem}.MegaGuideTableOfContents .guide-toc-share-buttons h4{margin-bottom:1.4rem}}@media(max-width: 767px){.MegaGuideTableOfContents{height:auto;width:100%}.MegaGuideTableOfContents .guide-toc-header{display:none}.MegaGuideTableOfContents .guide-toc-navigation{display:none}.MegaGuideTableOfContents .guide-toc-share-buttons{display:none}}
.MegaGuidePageSliceContainerSection>.content{display:grid;grid-template-columns:330px auto;grid-column-gap:60px;grid-template-areas:"aside content"}.MegaGuidePageSliceContainerSection>.content .slices-main{grid-area:content}.MegaGuidePageSliceContainerSection>.content .slices-aside{position:sticky;align-self:flex-start;grid-area:aside;top:150px}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .guide-step-title{font-size:4.4rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .step-subtitle{font-size:3rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice:not(:first-of-type):before{display:block;width:10rem;height:8.5rem;margin-top:0rem;margin-left:auto;margin-right:auto;border-top:2px solid #e6e6e6;content:""}@media(max-width: 1366px){.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .guide-step-title{font-size:3.4rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .step-subtitle{font-size:2.4rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice:not(:first-of-type):before{height:5.5rem}}@media(max-width: 767px){.MegaGuidePageSliceContainerSection>.content .GuideStepSlice{margin-top:6rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .guide-step-title{font-size:2.4rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice .step-subtitle{font-size:2rem}.MegaGuidePageSliceContainerSection>.content .GuideStepSlice:not(:first-of-type):before{height:5.5rem}}.MegaGuidePageSliceContainerSection>.content .GuideTextBlockSlice{margin-top:6.5rem}.MegaGuidePageSliceContainerSection>.content .GuideTextBlockSlice .guide-text-title{font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-weight:bold;font-size:3rem}@media(max-width: 767px){.MegaGuidePageSliceContainerSection>.content .GuideTextBlockSlice .guide-text-title{font-size:2rem}}@media(min-width: 1026px)and (max-width: 1366px){.MegaGuidePageSliceContainerSection>.content{grid-template-columns:250px auto;grid-column-gap:40px}.MegaGuidePageSliceContainerSection>.content .slices-aside{top:110px}}@media(max-width: 1025px){.MegaGuidePageSliceContainerSection>.content{grid-template-columns:250px auto;grid-column-gap:0}.MegaGuidePageSliceContainerSection>.content .slices-aside{top:110px}}@media(max-width: 767px){.MegaGuidePageSliceContainerSection>.content{display:block}.MegaGuidePageSliceContainerSection>.content .slices-aside{display:none}}
@media(min-width: 1026px)and (max-width: 1366px){.Guide2020Page .Section>.content,.Guide2020Page .GridSection>.content{margin-left:auto;margin-right:auto;width:1010px}}@media(min-width: 768px)and (max-width: 1025px){.Guide2020Page .Header>.header-content{padding-left:25px;padding-right:25px}.Guide2020Page .Section>.content,.Guide2020Page .GridSection>.content{padding-left:30px;padding-right:30px}}
.GridSection>.content{display:flex;flex-wrap:wrap}.GridSection .GridItem{width:calc(33.33% - 30px);margin:15px}.GridSection.center>.content{justify-content:center}@media(max-width: 1025px){.GridSection>.content{padding-left:10px;padding-right:10px}.GridSection .GridItem{width:calc(50% - 20px);margin:10px}}@media(max-width: 767px){.GridSection .GridItem{width:100%}}
.InspirationLanding{background:#31303a}.InspirationLanding .title-section{padding-bottom:50px}.InspirationLanding .segments{padding-bottom:100px}@media(max-width: 1025px){.InspirationLanding .plans>li .Plan{width:auto}}@media(max-width: 767px){.InspirationLanding .title-section{padding-top:0;padding-bottom:0}}
.InspirationCategoryPanel{display:flex;flex-direction:column;justify-content:space-between;height:440px;text-decoration:none;color:#31303a;background:#31303a;border-radius:6px;overflow:hidden;box-shadow:0 0 10px rgba(17,24,49,.1)}.InspirationCategoryPanel .label{font-size:18px;color:#fff;opacity:0;transform:translate(0, 8px);transition:opacity .2s linear,transform .2s ease-out}.InspirationCategoryPanel .segment-header{position:relative;height:200px;flex-shrink:0;background-color:#ccc;background-size:auto 100%;background-position:center;border-radius:6px 6px 0 0}.InspirationCategoryPanel .segment-header .segment-header-overlay{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);transition:background-color .2s linear}.InspirationCategoryPanel .segment-header .segment-header-overlay-content{text-align:center;transition:transform .2s ease-in-out}.InspirationCategoryPanel .segment-header .segment-header-overlay-content h2{margin-top:25px;margin-bottom:0;font-size:30px;font-weight:600;color:#fff}.InspirationCategoryPanel .testimonial-container{display:flex;height:100%;background:#fff}.InspirationCategoryPanel .Testimonial{padding:20px;width:100%}.InspirationCategoryPanel:hover .segment-header-overlay-content{transform:translate(0, -14px)}.InspirationCategoryPanel:hover .label{opacity:1;transform:translate(0, 0)}.InspirationCategoryPanel:hover .segment-header-overlay{background-color:rgba(0,0,0,.6)}@media(max-width: 1025px){.InspirationCategoryPanel .segment-header{height:175px;background-size:100% auto}}@media(max-width: 767px){.InspirationCategoryPanel{height:auto}.InspirationCategoryPanel .segment-header{height:150px;background-size:100% auto}.InspirationCategoryPanel .testimonial-container{display:block;height:auto}}
.QuoteSliceSection .Testimonial{color:#6e6e71}.QuoteSliceSection .content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:40px;padding-bottom:70px}.QuoteSliceSection .quote{font-size:30px;line-height:40px;max-width:780px}.QuoteSliceSection .image{margin-bottom:20px}.QuoteSliceSection .name,.QuoteSliceSection .meta{font-size:16px;line-height:20px}.QuoteSliceSection .meta{margin-bottom:20px}@media(max-width: 1200px){.QuoteSliceSection .quote{font-size:24px;line-height:30px;max-width:600px}.QuoteSliceSection .name,.QuoteSliceSection .meta{font-size:16px}}@media(max-width: 1025px){.QuoteSliceSection{padding-left:20px;padding-right:20px}.QuoteSliceSection .content{padding:40px 0;max-width:707px}}
.InspirationCategorySlice .content{border-bottom:1px solid #d8d8d8}.InspirationCategorySlice:last-of-type .content{border-bottom:0;margin-bottom:100px}@media(max-width: 1025px){.InspirationCategorySlice:last-of-type .content{margin-bottom:50px}}@media(max-width: 767px){.InspirationCategorySlice:last-of-type .content{margin-bottom:0}}
.Tags{display:flex;flex-wrap:wrap}.Tags .tag-link{display:block;color:#f4511c;text-decoration:underline;margin-right:15px;font-family:"Meta Serif OT",Times,serif;font-size:16px;line-height:1.25;text-transform:capitalize}@media(max-width: 767px){.Tags .tag-link{font-size:14px}}
.BlogPostLink{display:flex;flex-direction:column;text-decoration:none}.BlogPostLink .link-container{text-decoration:none;display:block;padding-bottom:17px}.BlogPostLink .image-container{display:block;width:100%;position:relative;border:1px solid rgba(0,0,0,.1);overflow:hidden;border-radius:3px;margin-bottom:18px;transition:opacity .2s ease-in-out}.BlogPostLink .image-container .image{display:block;height:100%;width:100%}.BlogPostLink .Author{margin-top:auto;margin-bottom:0;padding-top:25px}.BlogPostLink .Author .UserImage{width:50px;height:50px}.BlogPostLink .post-title{font-family:"Domaine Display Narrow",Times,serif;font-size:24px;line-height:1.25;font-weight:600;color:#31303a}.BlogPostLink .tag-link{margin-top:0}@media(max-width: 1025px){.BlogPostLink:nth-child(3){display:none}}@media(max-width: 767px){.BlogPostLink:nth-child(3){display:initial}.BlogPostLink .image-container{margin-bottom:13px}.BlogPostLink .link-container{padding-bottom:4px}}
.BlogTitle{padding:91px 0 75px 0}.BlogTitle .title-image-container{margin:0 auto;max-width:805px;border-bottom:1px solid rgba(207,205,210,.5)}.BlogTitle .title-image-container .title-image-link{display:block;background-image:url(https://static.milanote.com/9abf27108a75ad33.png);width:100%;padding-bottom:11.5%;background-size:100% auto;background-repeat:no-repeat;margin-bottom:15px}.BlogTitle .title-image-container .title-text{position:absolute;z-index:-1;opacity:0}.BlogTitle .title-description{display:flex;justify-content:center;text-align:center;padding-top:17px;color:#909090;font-style:italic;font-size:16px;line-height:1.25;font-family:"Meta Serif OT",Times,serif;font-weight:normal}.BlogTitle .title-description p{margin-right:5px}@media(max-width: 1025px){.BlogTitle{padding:65px 0 75px 0}}@media(max-width: 767px){.BlogTitle{padding:24px 0}.BlogTitle .title-image-container{margin:0 auto;padding:0}.BlogTitle .title-image-container .title-image-link{background-image:url(https://static.milanote.com/9abf27108a75ad33.png)}.BlogTitle .title-description{font-size:14px;line-height:1.43;padding:15px 0 0}}@media(max-width: 525px){.BlogTitle .title-description{flex-direction:column}}
.BlogFeaturedSection{display:flex;margin:0 15px 20px 15px}.BlogFeaturedSection .featured-post-container{padding:0 30px 25px 0;max-width:1137px}.BlogFeaturedSection .featured-post-container .featured-post-link{display:block;width:100%;text-decoration:none;padding-bottom:20px}.BlogFeaturedSection .featured-post-container .featured-post-link .featured-post-image{display:block;width:100%;height:auto}.BlogFeaturedSection .featured-post-container .featured-post-link .featured-post-title{font-family:"Domaine Display Narrow",Times,serif;font-size:56px;font-weight:600;line-height:1.07;color:#31303a;padding:31px 0 0 0}@media(max-width: 1200px){.BlogFeaturedSection .featured-post-container .featured-post-link .featured-post-title{font-size:40px}}@media(max-width: 1025px){.BlogFeaturedSection .featured-post-container .featured-post-link .featured-post-title{font-size:34px}}.BlogFeaturedSection .popular-posts-container{display:flex;flex-direction:column;max-width:calc(33.33% - 20px)}.BlogFeaturedSection .popular-posts-container .popular-posts-heading{font-family:"Meta Serif OT",Times,serif;font-size:16px;line-height:1.25;color:#909090;padding:21px 0 21px 20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.BlogFeaturedSection .popular-posts-container .popular-post-link-container{padding:24px 0 25px 20px;border-bottom:1px solid #e5e5e5}.BlogFeaturedSection .popular-posts-container .popular-post-link-container .popular-post-title-link{display:block;text-decoration:none;padding-bottom:17px}.BlogFeaturedSection .popular-posts-container .popular-post-link-container .popular-post-title-link .popular-post-title{font-family:"Domaine Display Narrow",Times,serif;font-size:24px;font-weight:600;line-height:1.25;color:#31303a}@media(max-width: 1025px){.BlogFeaturedSection .popular-posts-container .popular-post-link-container .popular-post-title-link .popular-post-title{font-size:20px}}@media(max-width: 767px){.BlogFeaturedSection{flex-direction:column;margin:0 -20px 36px -20px}.BlogFeaturedSection .featured-post-container{padding-right:0}.BlogFeaturedSection .featured-post-container .featured-post-link{padding-bottom:4px}.BlogFeaturedSection .featured-post-container .featured-post-link .featured-post-title{padding:12px 20px 0px 20px;font-size:28px;line-height:1.25}.BlogFeaturedSection .featured-post-container .Tags{margin-left:20px}.BlogFeaturedSection .popular-posts-container{max-width:none}.BlogFeaturedSection .popular-posts-container .popular-posts-heading{padding:15px;text-align:center}.BlogFeaturedSection .popular-posts-container .popular-post-link-container{padding:25px 20px}.BlogFeaturedSection .popular-posts-container .popular-post-link-container .popular-post-title-link{padding-bottom:4px}.BlogFeaturedSection .popular-posts-container .popular-post-link-container .popular-post-title-link .popular-post-title{font-size:24px;margin-right:20px}}
.BlogPaginationControl{display:flex;justify-content:center;font-family:"Meta Serif OT",Times,serif;font-size:20px;font-weight:normal;line-height:1.25;color:#f4511c;margin:20px 0 60px}.BlogPaginationControl .newer-articles{padding:16px 24px}.BlogPaginationControl .older-articles{padding:16px 24px}.BlogPaginationControl .older-articles.separator{border-left:1px solid #e5e5e5}@media(max-width: 767px){.BlogPaginationControl{font-size:16px;margin:0 0 25px 0}}
.BlogHeader{height:100px;width:100%}.BlogHeader #blog-header-spacer{position:absolute;top:0;right:0;left:0;height:100px;width:100%}.BlogPost .BlogHeader #blog-header-spacer{background-color:#4f5eff}.BlogHeader #blog-header-floating{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:100px;background-color:#31303a;z-index:1100;transition:height 200ms linear}.BlogHeader #blog-header-floating.shrink{height:60px}.BlogHeader #blog-header-floating.shrink .SignUpButton{transform:scale(0.9)}.BlogHeader .blog-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1044px;margin-left:30px;margin-right:30px}.BlogHeader .blog-header-content .header-left{display:flex;align-items:center}.BlogHeader .logo{width:134px;height:36px;margin-top:2px}.BlogHeader .motto{margin-left:40px;color:#909090}.BlogHeader .SignUpButton{white-space:nowrap;transition:transform 200ms linear}@media(max-width: 767px){.BlogHeader .header-left{justify-content:space-between;width:100%}.BlogHeader .header-left .motto{text-align:center}.BlogHeader .header-right{display:none}}@media(max-width: 400px){.BlogHeader .motto{display:none}}
.CloseButton{width:11px;height:11px;background-image:url(https://static.milanote.com/75692931f3dfd0dd.svg)}
.BlogEmailSubscription{text-align:center;padding:60px 20px 60px 20px;background-color:#f2f2f2}.BlogEmailSubscription .email-subscription-title{font-family:"Domaine Display Narrow",Times,serif;font-size:28px;font-weight:600;line-height:1.07;color:#31303a;margin-bottom:15px}.BlogEmailSubscription .email-subscription-description{font-family:"Meta Serif OT",Times,serif;font-size:20px;line-height:1.5;color:#6f6f72;margin-bottom:33px}@media(max-width: 795px){.BlogEmailSubscription .email-subscription-description br{content:" "}.BlogEmailSubscription .email-subscription-description br:after{content:" "}}.BlogEmailSubscription .email-subscription-input-container{display:flex;justify-content:center}.BlogEmailSubscription #subscribe-close-button{display:none}@media(min-width: 1025px){.BlogEmailSubscription{position:fixed;right:48px;bottom:48px;width:410px;padding:30px 30px 5px 30px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.4);border-radius:6px;opacity:0;z-index:1000;will-change:transform;transform:translate3d(0, 50px, 0);pointer-events:none}.BlogEmailSubscription.closed{display:none}.BlogEmailSubscription.visible{pointer-events:auto;transform:translate3d(0, 0, 0);opacity:1;transition:opacity .1s linear,transform .1s ease-out}.BlogEmailSubscription.visible.enter{opacity:0;transform:translate3d(0, 50px, 0)}.BlogEmailSubscription.visible.leave{opacity:0;transition:opacity .1s linear .05s,transform .2s ease-in;transform:translate3d(0, 50px, 0)}.BlogEmailSubscription .email-subscription-title{margin-bottom:10px}.BlogEmailSubscription .email-subscription-description{display:block;font-family:"Meta Serif OT",Times,serif;font-size:16px;line-height:1.5;color:#6f6f72;margin-bottom:16px}.BlogEmailSubscription .SubscriptionForm .email-form{margin-bottom:16px}.BlogEmailSubscription .SubscriptionForm .FieldRow{margin-bottom:0}.BlogEmailSubscription .SubscriptionForm .TextField input{width:200px;border-color:#cacaca}.BlogEmailSubscription .SubscriptionForm .TextField.error input{border-color:#e50c0c}.BlogEmailSubscription .SubscriptionForm .submit{padding:4px 16px 6px 16px}.BlogEmailSubscription .SubscriptionForm .FormError{position:absolute}.BlogEmailSubscription .SubscriptionForm .FieldRow .FormError.FieldError{display:none}.BlogEmailSubscription .rss-json-description{font-size:14px}.BlogEmailSubscription #subscribe-close-button{display:block;position:absolute;top:0;right:0;padding:10px 10px 10px 20px;cursor:pointer}}@media(max-width: 767px){.BlogEmailSubscription{padding:40px 20px 40px 20px}.BlogEmailSubscription .email-subscription-title{font-size:24px;line-height:1.25}.BlogEmailSubscription .email-subscription-description{font-size:16px;line-height:1.88;margin-bottom:29px}.BlogEmailSubscription .email-subscription-input-container{flex-direction:column}}
.PageContainer .BlogLandingPage{max-width:none}.BlogLandingPage .content-container{padding:0 90px 0 90px}.BlogLandingPage .content-container .GridSection .content{max-width:none}.BlogLandingPage .content-container .GridSection .GridItem{margin-bottom:40px}@media(max-width: 1025px){.BlogLandingPage .content-container{padding:0 50px 50px 50px}.BlogLandingPage .content-container .title-image-container{margin:0 30px}}@media(max-width: 767px){.BlogLandingPage .content-container{padding:0 20px}.BlogLandingPage .content-container .title-image-container{margin:0}.BlogLandingPage .content-container .GridSection{margin:0 -20px}.BlogLandingPage .content-container .GridSection .BlogPostLink{margin-bottom:17.5px}}.BlogLandingPage .blog-footer-container{position:absolute;left:0;width:100%}.BlogLandingPage #blog-email-subscription{display:none}@media(max-width: 1025px){.BlogLandingPage #blog-email-subscription{display:block}}
.TextContent{font-size:16px;line-height:1.4}.TextContent strong{font-weight:bold}.TextContent em{font-style:italic}.TextContent p{margin:1em 0}.TextContent h1,.TextContent h2,.TextContent h3{margin:1em 0 .2em 0}.TextContent h1{font-family:Tiempos,"Tiempos Fallback";font-size:2em;font-weight:normal}.TextContent h2{font-size:1.5em;font-weight:600}.TextContent h3{font-size:1.2em;font-weight:600}.TextContent ol,.TextContent li{padding-left:1em}.TextContent ol li,.TextContent li li{padding-left:.8em}.TextContent ol{list-style:decimal}.TextContent ul{list-style:circle}
.LegalPage{background:#31303a}.LegalPage .title-section{padding-bottom:20px}.LegalPage .PageTitle{color:#fff;font-weight:bold}.LegalPage .page-content{padding:0 20px}.LegalPage .page-content ul{margin:1rem 0 15px 0;padding:0}.LegalPage .page-content ul>li{display:table;margin-bottom:.6em}.LegalPage .page-content ul>li:before{display:table-cell;padding-right:.6em;content:"•"}.LegalPage .page-content ol{margin:5px 0 15px 0;padding:0;list-style-type:none;counter-reset:item}.LegalPage .page-content ol>li{display:table;margin-bottom:.6em;counter-increment:item}.LegalPage .page-content ol>li:before{display:table-cell;padding-right:.6em;content:counters(item, ".") ". "}.LegalPage .page-content ol ol{margin-top:0}.LegalPage .page-content ol ol>li{margin:10px 0 0 0}.LegalPage .page-content ol ol>li:before{content:counters(item, ".") " "}.LegalPage .page-content ol ol ol>li:before{content:"(" counter(item, lower-latin) ")"}.LegalPage .page-content ol ol ol ol>li:before{content:counter(item, lower-roman) "."}.LegalPage .page-content .list-style-latin ol>li:before{content:"(" counter(item, lower-latin) ")"}.LegalPage .page-content .list-style-latin ol ol>li:before{content:counter(item, lower-roman) "."}@media(max-width: 1025px){.LegalPage{padding:0 0 50px 0}.LegalPage .image{display:none}}@media(max-width: 767px){.LegalPage{padding:0 0 10px 0}.LegalPage .page-content{padding:0 10px}.LegalPage .title-section{padding-top:0;padding-bottom:10px}.LegalPage .TextContent ol li,.LegalPage .TextContent li li{padding-left:0}.LegalPage .TextContent h3{display:inline}.LegalPage .page-content ul>li,.LegalPage .page-content ol>li{display:block}.LegalPage .page-content ul>li:before,.LegalPage .page-content ol>li:before{display:inline}}
.FeaturePageHeader{position:relative;background:#31303a;overflow:hidden}.FeaturePageHeader .AsideSection{position:relative;z-index:1}.FeaturePageHeader .PageTitle,.FeaturePageHeader .PageIntroduction{padding-left:0}.FeaturePageHeader .PageIntroduction{color:#cacaca}.FeaturePageHeader .spacer{width:100%;padding-bottom:93%}.FeaturePageHeader .hero-container{width:100%;max-width:1170px;z-index:0}.FeaturePageHeader .hero-container>img{max-width:100%;height:auto}@media(min-width: 768px){.FeaturePageHeader{padding:0 15px}.FeaturePageHeader .AsideSection>.content>section{width:490px;flex-basis:490px;padding-left:15px}.FeaturePageHeader .AsideSection>.content>section .section-content{padding-bottom:120px}}@media(min-width: 768px)and (max-width: 1200px){.FeaturePageHeader .AsideSection>.content>section{margin-left:0}}@media(min-width: 768px){.FeaturePageHeader .AsideSection>.content>aside{flex-grow:1;flex-shrink:1;height:auto;padding-left:0;padding-right:0}.FeaturePageHeader .hero-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0 auto;transform:translate3d(135px, 0, 0)}.FeaturePageHeader .hero-container>img{position:absolute;right:0;top:0;max-width:100%;padding-left:30%}}@media(min-width: 768px)and (max-width: 1025px){.FeaturePageHeader .AsideSection.left>.content{flex-direction:row}.FeaturePageHeader .AsideSection.right>.content{flex-direction:row-reverse}.FeaturePageHeader .AsideSection>.content section{max-width:400px;padding:0 0 0 15px}.FeaturePageHeader .AsideSection>.content section .section-content{text-align:left}.FeaturePageHeader .AsideSection>.content aside{padding:0}}@media(max-width: 1025px){.FeaturePageHeader .PageTitle{font-size:36px}}@media(max-width: 767px){.FeaturePageHeader .AsideSection{padding:0 15px}.FeaturePageHeader .AsideSection>.content>section{padding:0 15px;text-align:left}.FeaturePageHeader .AsideSection>.content>section .section-content{max-width:none}.FeaturePageHeader .AsideSection>.content>aside{display:none}.FeaturePageHeader .PageTitle{padding-left:0;padding-right:0;text-align:left}.FeaturePageHeader .hero-container{text-align:right;max-height:400px;line-height:0}.FeaturePageHeader .hero-container>img{max-width:850px;width:100%}}
.Home2019PageHeader{background:#fff}.Home2019PageHeader .AsideSection>.content{overflow:visible}.Home2019PageHeader .AsideSection>.content>section{flex-basis:360px;width:360px}.Home2019PageHeader .PageTitle{padding-top:40px;padding-bottom:25px;color:#31303a;font-size:42px;line-height:1.18}.Home2019PageHeader .PageIntroduction{padding-bottom:25px;font-size:22px;line-height:1.33;color:#6e6e71}.Home2019PageHeader .testimonial-container{margin-top:30px}.Home2019PageHeader .testimonial-container:before{display:block;content:"";width:100px;border-top:1px solid #e7e7e7}.Home2019PageHeader .testimonial-container .Testimonial{margin-top:25px}.Home2019PageHeader .testimonial-container .Testimonial .company{filter:grayscale(100%)}.Home2019PageHeader .hero-container{transform:translate3d(135px, 27px, 0)}.Home2019PageHeader .hero-container>img{padding-left:20%}.Home2019PageHeader .spacer{padding-bottom:90%}@media(min-width: 768px)and (max-width: 1025px){.Home2019PageHeader .hero-container{transform:translate3d(275px, 10px, 0)}.Home2019PageHeader .hero-container>img{padding-left:10%}.Home2019PageHeader .spacer{padding-bottom:102%}}@media(max-width: 767px){.Home2019PageHeader{padding-top:8px;padding-bottom:20px}.Home2019PageHeader .AsideSection>.content{display:block}.Home2019PageHeader .AsideSection>.content>section{flex-basis:auto;width:auto}.Home2019PageHeader .section-content{margin-top:0}.Home2019PageHeader .PageTitle{padding-top:0;font-size:34px}.Home2019PageHeader .PageIntroduction{font-size:20px}.Home2019PageHeader .spacer{display:none}.Home2019PageHeader .hero-container{transform:none;padding:40px 50px 20px 20px;max-height:none}.Home2019PageHeader .hero-container>img{padding:0}}
.Home2019Page .Header{background:#fff}.Home2019Page .header-scroll-spacer{height:96px}@media(min-width: 768px)and (max-width: 1025px){.Home2019Page .Header>.header-content{padding-left:25px;padding-right:25px}.Home2019Page .Section>.content{padding-left:10px;padding-right:10px}.Home2019Page .GridSection>.content{padding-left:30px;padding-right:30px}}@media(max-width: 767px){.Home2019Page .header-scroll-spacer{height:20px}.Home2019Page .Header{background:#31303a}}
.island-mount-point{display:contents}
.CarouselEdges{display:contents}.CarouselEdges .carousel-edge{height:100%;width:80px;position:absolute;opacity:0;transition:opacity .1s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CarouselEdges .carousel-edge.active{opacity:1}@media(max-width: 300px){.CarouselEdges .carousel-edge{width:40px}}.CarouselEdges .carousel-edge-left{left:0;background:linear-gradient(to left, rgba(24, 37, 55, 0), rgba(24, 37, 55, 0.2392156863))}.CarouselEdges .carousel-edge-right{right:0;background:linear-gradient(to right, rgba(24, 37, 55, 0), rgba(24, 37, 55, 0.2392156863))}.CarouselEdges .carousel-button{display:flex;width:44px;height:44px;padding:10px 12px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:999px;background:var(--palette-white)}.CarouselEdges .carousel-button.active{pointer-events:all;cursor:pointer}.CarouselEdges .carousel-button>img{width:16px;height:18px;transform:rotate(-90deg)}.CarouselEdges .carousel-button.left>img{transform:rotate(90deg)}.CarouselEdges .carousel-button{box-shadow:0 16px 56px 4px rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.08)}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.slice-carousel{background:var(--palette-grey-cool-900);color:var(--palette-white)}.slice-carousel .carousel-header h2{color:var(--palette-white)}@media(width >= 1550px){.slice-carousel .carousel-header h2{font-family:var(--font-family-title);font-weight:600;font-size:64px;letter-spacing:-0.03px}.slice-carousel .carousel-header{margin-bottom:89px;padding-top:152px}}@media(width >= 1240px)and (width < 1550px){.slice-carousel .carousel-header h2{font-family:var(--font-family-title);font-weight:600;font-size:64px;letter-spacing:-0.03px}.slice-carousel .carousel-header{margin-bottom:88px;padding-top:114px}}@media(width >= 1040px)and (width < 1240px){.slice-carousel .carousel-header h2{font-family:var(--font-family-title);font-weight:600;font-size:64px;letter-spacing:-0.03px}.slice-carousel .carousel-header{margin-bottom:80px;padding-top:97px}}@media(width < 1040px){.slice-carousel .carousel-header h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:27px;letter-spacing:-0.03px}.slice-carousel .carousel-header{margin-bottom:61px;padding-top:61px}}.slice-carousel .carousel-container{position:relative;width:100%;pointer-events:none}.slice-carousel .carousel{display:flex;gap:20px;width:100vw;margin:auto;padding:0 20px;pointer-events:all;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.slice-carousel .carousel::-webkit-scrollbar{display:none}@media(width < 1040px){.slice-carousel .carousel{gap:16px;padding:0 16px}}.slice-carousel .carousel-item{flex:0 0 auto;border-radius:24px;box-shadow:0px 5px 10px rgba(0,0,0,.1);background:var(--palette-canvas-lightmode);color:var(--palette-grey-cool-900);overflow:hidden}@media(width >= 1550px){.slice-carousel .carousel-item{width:312px;height:453px;--item-padding-top: 29px}}@media(width >= 1240px)and (width < 1550px){.slice-carousel .carousel-item{width:312px;height:453px;--item-padding-top: 29px}}@media(width >= 1040px)and (width < 1240px){.slice-carousel .carousel-item{width:250px;height:358px;--item-padding-top: 32px}}@media(width < 1040px){.slice-carousel .carousel-item{width:248px;height:356px;border-radius:16px;--item-padding-top: 21px}}.slice-carousel .carousel-item img{-o-object-fit:cover;object-fit:cover;width:100%}.slice-carousel .carousel-item .carousel-item-header{padding:var(--item-padding-top) 32px 24px 32px}.slice-carousel .carousel-item .carousel-item-header h3{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:27px;letter-spacing:-0.03px;font-size:20px;letter-spacing:.2px;margin-bottom:6px}.slice-carousel .carousel-item .carousel-item-header p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;line-height:24px;color:var(--palette-grey-cool-700)}@media(width < 1040px){.slice-carousel .carousel-item .carousel-item-header{padding:var(--item-padding-top) 16px 24px 16px}.slice-carousel .carousel-item .carousel-item-header p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:14px;letter-spacing:-0.01px;padding-top:1px;line-height:21px}}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.slice-testimonials{background:var(--palette-grey-cool-900);color:var(--palette-white)}.slice-testimonials img{filter:grayscale(100%) brightness(100)}.slice-testimonials h2{color:var(--palette-grey-cool-300);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px}@media(width >= 1550px){.slice-testimonials h2{margin-bottom:40px}}@media(width >= 1240px)and (width < 1550px){.slice-testimonials h2{margin-bottom:59px}}@media(width >= 1040px)and (width < 1240px){.slice-testimonials h2{margin-bottom:25px}}@media(width < 1040px){.slice-testimonials h2{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:14px;letter-spacing:-0.01px;margin-bottom:16px}}@media(width >= 1550px){.slice-testimonials{padding-top:76px;padding-bottom:187px}}@media(width >= 1240px)and (width < 1550px){.slice-testimonials{padding-top:59px;padding-bottom:120px}}@media(width >= 1040px)and (width < 1240px){.slice-testimonials{padding-top:67px;padding-bottom:99.92px}}@media(width < 1040px){.slice-testimonials{padding-top:51px;padding-bottom:76px}}.testimonials{display:grid;grid-template-columns:repeat(6, min-content);justify-content:center;flex-wrap:wrap}@media(width >= 1550px){.testimonials{gap:24px}}@media(width >= 1240px)and (width < 1550px){.testimonials{gap:24px}}@media(width >= 1040px)and (width < 1240px){.testimonials{gap:16px}}@media(width < 1040px){.testimonials{gap:16px 32px;grid-template-columns:repeat(3, min-content)}}@media(width < 1040px)and (width <= 690px){.testimonials{grid-template-columns:repeat(2, min-content)}}@media(width < 428px){.testimonials{justify-items:center;grid-template-columns:repeat(2, 35%);gap:5% 32px}}.testimonial-logo{display:flex;justify-content:center;align-items:center}.testimonial-logo img{scale:var(--img-scale)}@media(width >= 1550px){.testimonial-logo{width:200px;height:105px;--img-scale: 0.94}}@media(width >= 1240px)and (width < 1550px){.testimonial-logo{width:166px;height:83px;--img-scale: 0.9}}@media(width >= 1040px)and (width < 1240px){.testimonial-logo{width:148px;height:76px;--img-scale: 0.68}}@media(width < 1040px){.testimonial-logo{width:174px;height:92px;--img-scale: 0.81}}@media(width < 428px){.testimonial-logo{width:35vw;--img-scale: 0.81}}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.slice-devices{background:var(--palette-blue-1000);overflow:hidden}.slice-devices p{color:var(--palette-blue-200);margin-top:var(--margin-between);width:15em}.slice-devices h2{color:var(--palette-white);width:8em}@media(width < 1040px){.slice-devices h2{width:auto;text-align:center}}.slice-devices .content{display:grid;grid-template-columns:min-content auto;justify-items:center;max-width:var(--shot-width);margin:0 auto;height:100%}@media(width < 1040px){.slice-devices .content{grid-template-columns:auto;grid-template-rows:auto auto}}.slice-devices .text{text-align:left}@media(width >= 1550px){.slice-devices .text{margin-top:242px;width:443px;--margin-between: 14px}}@media(width >= 1240px)and (width < 1550px){.slice-devices .text{margin-top:177px;width:379px;--margin-between: 14px}}@media(width >= 1040px)and (width < 1240px){.slice-devices .text{margin-top:153px;width:327px;--margin-between: 14px}}@media(width < 1040px){.slice-devices .text{margin-top:60px;--margin-between: 13px}}.slice-devices .images{position:relative;--base-width: 872;--width: 87;width:calc(1px*87);width:calc(1px*var(--width))}@media(width >= 1550px){.slice-devices .images{--width: var(--base-width);--middle-offset: 339px}}@media(width >= 1240px)and (width < 1550px){.slice-devices .images{--width: 736;--middle-offset: 286px}}@media(width >= 1040px)and (width < 1240px){.slice-devices .images{--width: 640;--middle-offset: 247px}}@media(width < 1040px){.slice-devices .images{--width: 380;--middle-offset: 147px}}@media(width < 428px){.slice-devices .images{width:min(96%,380px);--middle-offset: calc((100% - 155px) / 2);height:282px}}.slice-devices .images img{position:absolute;bottom:0;scale:calc(var(--width)/var(--base-width))}.slice-devices .images img.device-desktop{left:0 !important;transform-origin:left bottom;width:641px}.slice-devices .images img.device-tablet{left:var(--middle-offset) !important;transform-origin:left bottom;width:501px}.slice-devices .images img.device-mobile{right:0 !important;bottom:-3px;width:155px;transform-origin:right bottom}@media(width >= 1550px){.slice-devices{height:725px}.slice-devices p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:24px;letter-spacing:-0.03px;width:18em}.slice-devices h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}}@media(width >= 1240px)and (width < 1550px){.slice-devices{height:596px}.slice-devices p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:24px;letter-spacing:-0.03px}.slice-devices h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}}@media(width >= 1040px)and (width < 1240px){.slice-devices{height:514px}.slice-devices p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:20px;letter-spacing:-0.02px;line-height:30px}.slice-devices h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}}@media(width < 1040px){.slice-devices{height:455px}.slice-devices p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;line-height:24px;margin:var(--margin-between) auto 0;width:20em;text-align:center}.slice-devices h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:27px;letter-spacing:-0.03px}}@media(width < 428px){.slice-devices{height:auto}.slice-devices h2{margin-left:.5em;margin-right:.5em}.slice-devices p{width:auto;margin-left:2em;margin-right:2em}}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}@media(width >= 1550px){body{--shot-width: 1320px;--shot-height: 745px}}@media(width >= 1240px)and (width < 1550px){body{--shot-width: 1116px;--shot-height: 630px}}@media(width >= 1040px)and (width < 1240px){body{--shot-width: 968px;--shot-height: 546px}}@media(width < 1040px){body{--shot-width: 665px;--shot-height: 375px}}.screenshot{width:var(--shot-width);height:var(--shot-height);box-shadow:0 7px 22px 0 rgba(51,61,78,.2509803922);margin:0 auto;position:relative;overflow:hidden;background:#fff}@media(width >= 1550px){.screenshot{border-radius:10.26px}}@media(width >= 1240px)and (width < 1550px){.screenshot{border-radius:10.26px}}@media(width >= 1040px)and (width < 1240px){.screenshot{border-radius:7.52px}}@media(width < 1040px){.screenshot{border-radius:4px}}.screenshot .screenshot-image,.screenshot .screenshot-rive{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.screenshot .animation-anchor{position:absolute}.screenshot .animated-content{transition-timing-function:ease-out;transition-property:none;opacity:0;transform-origin:center center}.screenshot .animated-content.onscreen{transition:opacity 250ms,transform 600ms,box-shadow 600ms;opacity:1;box-shadow:0 1px 2px 0 rgba(51,61,78,.2509803922),0 0px 0px 1px #ebedee;transform:translate(0, 0) !important}.slice-screenshot-body .screenshot-text{margin:auto;max-width:calc(min(100dvw,var(--shot-width))*.8)}.mila-card{background:#fff;padding:1rem;color:var(--palette-grey-cool-900);font-size:11pt;max-width:7rem}.mila-card.wide{max-width:11rem}.mila-card{box-shadow:0 1px 2px 0 rgba(51,61,78,.2509803922),0 0px 0px 1px #ebedee}.slice-screenshot h2{margin:0 auto 22px;max-width:var(--shot-width)}.slice-screenshot p{margin:0 auto 48px;text-wrap-style:balance;max-width:var(--shot-width);color:var(--palette-grey-cool-700)}.slice-screenshot.slice-screenshot-last{margin-bottom:var(--screenshot-margin)}@media(width < 1040px){.slice-screenshot .screenshot-container{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:40px;margin-bottom:-40px}.slice-screenshot .screenshot-container .screenshot-scroller{margin:auto;width:-moz-min-content;width:min-content;padding:0 24px 0 24px}}@media(width >= 1550px){.slice-screenshot h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}.slice-screenshot p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:24px;letter-spacing:-0.03px;line-height:124%}.slice-screenshot{--screenshot-margin: 184px}}@media(width >= 1240px)and (width < 1550px){.slice-screenshot h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}.slice-screenshot p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:24px;letter-spacing:-0.03px;line-height:125%}.slice-screenshot{--screenshot-margin: 118px}}@media(width >= 1040px)and (width < 1240px){.slice-screenshot h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:40px;letter-spacing:-0.03px}.slice-screenshot p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:24px;letter-spacing:-0.03px;line-height:29px}.slice-screenshot{--screenshot-margin: 100px}}@media(width < 1040px){.slice-screenshot h2{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:20px;letter-spacing:.02px;margin-bottom:10px;padding:0 1rem}.slice-screenshot p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;margin-bottom:40px;line-height:147%}.slice-screenshot{--screenshot-margin: 88px}}.slice-screenshot hr{display:inline-block;width:119px;border:1px solid var(--palette-grey-cool-600)}@media(width >= 1550px){.slice-screenshot hr{margin-top:159px;margin-bottom:153px}}@media(width >= 1240px)and (width < 1550px){.slice-screenshot hr{margin-top:120px;margin-bottom:112px}}@media(width >= 1040px)and (width < 1240px){.slice-screenshot hr{margin-top:98px;margin-bottom:96px}}@media(width < 1040px){.slice-screenshot hr{margin-top:0;margin-bottom:76px;visibility:hidden}}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.Button2025{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);border-radius:6px;padding:10px 16px;font-size:16px;font-weight:700;border:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;--text-color: var(--palette-white);--base-color: var(--palette-grey-cool-800);--hover-color: var(--palette-grey-cool-700);--press-color: var(--palette-grey-cool-600);background:var(--base-color);color:var(--text-color)}.Button2025:hover{background:var(--hover-color)}.Button2025:active{background:var(--press-color)}.Button2025.disabled{background:var(--palette-grey-cool-500)}.Button2025{transition:background .2s}.Navbar .Button2025{--text-color: var(--palette-white);--base-color: var(--palette-grey-cool-800);--hover-color: var(--palette-grey-cool-700);--press-color: var(--palette-grey-cool-600)}.Button2025.cta{--text-color: var(--palette-white);--base-color: var(--palette-orange-new-500);--hover-color: var(--palette-orange-new-600);--press-color: var(--palette-orange-new-700)}a.Button2025{text-decoration:none;color:var(--text-color)}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.hero-container{position:relative;color:var(--palette-white)}.hero-container .hero-background-container{width:100%;height:100%;position:absolute;overflow:hidden;z-index:-1;pointer-events:none}.hero-container .hero-background{width:100%;height:100%;position:absolute;background:var(--palette-grey-cool-900);transform-origin:bottom;--rotation: -9.45deg;transform:scale(2, 1.5) rotate(-9.45deg) translate(0, var(--background-translate-y));transform:scale(2, 1.5) rotate(var(--rotation)) translate(0, var(--background-translate-y))}@media(width >= 1550px){.hero-container .hero-background{--background-translate-y: -146px}}@media(width >= 1240px)and (width < 1550px){.hero-container .hero-background{--background-translate-y: -116px}}@media(width >= 1040px)and (width < 1240px){.hero-container .hero-background{--background-translate-y: -92px}}@media(width < 1040px){.hero-container .hero-background{--background-translate-y: -56px}}.hero-container .slice-screenshot.hero .Button2025{margin:0 auto;width:-moz-max-content;width:max-content}.hero-container .slice-screenshot.hero .screenshot-text{margin-bottom:56px;background:var(--palette-grey-cool-900)}.hero-container .slice-screenshot.hero h1{font-family:var(--font-family-title);font-weight:600;font-size:64px;letter-spacing:-0.03px;padding-top:48px;margin-bottom:1px}.hero-container .slice-screenshot.hero p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:28px;letter-spacing:-0.03px;margin-bottom:22px;padding:0 1rem;color:var(--palette-grey-cool-400);line-height:125%}@media(width < 1040px){.hero-container .slice-screenshot.hero h1{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:27px;letter-spacing:-0.03px;padding:56px 1.5rem 0;margin-bottom:8px;font-size:40px;line-height:48px}}@media(width < 1040px)and (max-width: 340px){.hero-container .slice-screenshot.hero h1{font-size:27px;line-height:30px}}@media(width < 1040px){.hero-container .slice-screenshot.hero p{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:20px;letter-spacing:-0.02px;margin-top:8px;margin-bottom:19px;line-height:30px}}
.FormError{margin-bottom:2.4rem;font-size:14px;color:#e50c0c}
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-family-sans, 'Inter');
    --font-serif: var(--font-family-serif, 'Tiempos');
    --font-mono: var(--font-family-monospace, 'RobotoMono');
    --color-black: rgb(0 0 0);
    --color-white: rgb(255 255 255);
    --spacing: 0.4rem;
    --text-xs: 1.1rem;
    --text-xs--line-height: 2rem;
    --text-sm: 1.2rem;
    --text-sm--line-height: 2rem;
    --text-base: var(--text-md);
    --text-base--line-height: var(--text-md--line-height);
    --text-lg: 1.6rem;
    --text-lg--line-height: 2.4rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tighter: -0.02em;
    --tracking-tight: -0.01em;
    --tracking-wide: 0.02em;
    --leading-tight: 1.25;
    --radius-xs: 0.4rem;
    --radius-sm: 0.6rem;
    --radius-md: 0.8rem;
    --radius-lg: 1rem;
    --radius-2xl: 1.6rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-transparent: rgb(0 0 0 / 0);
    --color-alpha-black: rgb(0 0 0);
    --color-brand-50: rgb(254 241 238);
    --color-brand-100: rgb(254 230 225);
    --color-brand-200: rgb(253 204 195);
    --color-brand-300: rgb(252 177 164);
    --color-brand-400: rgb(252 149 129);
    --color-brand-500: rgb(251 112 81);
    --color-brand-600: rgb(244 81 28);
    --color-brand-700: rgb(179 61 19);
    --color-brand-800: rgb(123 41 9);
    --color-brand-900: rgb(67 21 3);
    --color-brand-950: rgb(44 10 1);
    --color-royal-blue-50: rgb(234 239 254);
    --color-royal-blue-100: rgb(217 226 254);
    --color-royal-blue-200: rgb(186 203 252);
    --color-royal-blue-300: rgb(152 178 251);
    --color-royal-blue-400: rgb(117 152 250);
    --color-royal-blue-500: rgb(83 126 248);
    --color-royal-blue-600: rgb(47 99 247);
    --color-royal-blue-700: rgb(8 61 211);
    --color-royal-blue-800: rgb(5 41 142);
    --color-royal-blue-900: rgb(4 26 84);
    --color-royal-blue-950: rgb(3 15 46);
    --color-error-50: rgb(253 239 239);
    --color-error-100: rgb(253 211 211);
    --color-error-200: rgb(251 167 167);
    --color-error-300: rgb(249 128 128);
    --color-error-400: rgb(247 85 85);
    --color-error-500: rgb(245 41 41);
    --color-error-600: rgb(230 11 11);
    --color-error-700: rgb(170 8 8);
    --color-error-800: rgb(117 6 6);
    --color-error-900: rgb(58 3 3);
    --color-error-950: rgb(29 1 1);
    --color-warning-50: rgb(255 243 233);
    --color-warning-100: rgb(255 237 219);
    --color-warning-200: rgb(255 218 184);
    --color-warning-300: rgb(255 197 143);
    --color-warning-400: rgb(255 179 107);
    --color-warning-500: rgb(255 160 71);
    --color-warning-600: rgb(255 141 34);
    --color-warning-700: rgb(181 71 8);
    --color-warning-800: rgb(147 55 13);
    --color-warning-900: rgb(71 35 0);
    --color-warning-950: rgb(36 17 0);
    --color-success-50: rgb(237 248 238);
    --color-success-100: rgb(226 243 228);
    --color-success-200: rgb(197 232 201);
    --color-success-300: rgb(168 220 174);
    --color-success-400: rgb(139 208 146);
    --color-success-500: rgb(106 195 116);
    --color-success-600: rgb(78 184 90);
    --color-success-700: rgb(57 142 67);
    --color-success-800: rgb(38 95 44);
    --color-success-900: rgb(19 47 22);
    --color-success-950: rgb(9 22 10);
    --color-highlight-50: rgb(255 253 229);
    --color-highlight-100: rgb(255 251 204);
    --color-highlight-200: rgb(255 248 153);
    --color-highlight-300: rgb(255 244 102);
    --color-highlight-400: rgb(255 241 51);
    --color-highlight-500: rgb(255 237 0);
    --color-highlight-600: rgb(204 190 0);
    --color-highlight-700: rgb(153 142 0);
    --color-highlight-800: rgb(102 95 0);
    --color-highlight-900: rgb(51 47 0);
    --color-highlight-950: rgb(26 24 0);
    --color-gray-light-mode-25: rgb(253 253 253);
    --color-gray-light-mode-50: rgb(243 243 244);
    --color-gray-light-mode-100: rgb(232 233 235);
    --color-gray-light-mode-200: rgb(209 211 214);
    --color-gray-light-mode-300: rgb(187 190 195);
    --color-gray-light-mode-400: rgb(163 167 174);
    --color-gray-light-mode-500: rgb(141 146 154);
    --color-gray-light-mode-600: rgb(118 124 134);
    --color-gray-light-mode-700: rgb(95 102 114);
    --color-gray-light-mode-800: rgb(72 80 94);
    --color-gray-light-mode-900: rgb(50 59 74);
    --color-gray-light-mode-950: rgb(27 37 54);
    --color-gray-dark-mode-50: rgb(242 242 242);
    --color-gray-dark-mode-100: rgb(230 230 230);
    --color-gray-dark-mode-200: rgb(204 204 204);
    --color-gray-dark-mode-300: rgb(188 188 188);
    --color-gray-dark-mode-400: rgb(163 163 163);
    --color-gray-dark-mode-500: rgb(128 128 128);
    --color-gray-dark-mode-600: rgb(82 82 82);
    --color-gray-dark-mode-700: rgb(66 66 66);
    --color-gray-dark-mode-800: rgb(46 46 46);
    --color-gray-dark-mode-900: rgb(20 20 20);
    --color-gray-dark-mode-950: rgb(15 15 15);
    --color-canvas-light-mode-blue: rgb(220 234 246);
    --color-canvas-light-mode-green: rgb(217 235 230);
    --color-canvas-light-mode-gray: rgb(235 237 238);
    --color-canvas-light-mode-purple: rgb(229 227 232);
    --color-canvas-light-mode-yellow: rgb(240 238 223);
    --color-canvas-dark-mode-blue: rgb(38 35 42);
    --color-canvas-dark-mode-green: rgb(39 36 31);
    --color-canvas-dark-mode-gray: rgb(38 38 38);
    --color-canvas-dark-mode-purple: rgb(28 38 36);
    --color-canvas-dark-mode-yellow: rgb(28 35 41);
    --color-avatar-blue: rgb(146 193 245);
    --color-avatar-green: rgb(140 230 150);
    --color-avatar-orange: rgb(243 189 127);
    --color-avatar-pink: rgb(230 140 186);
    --color-avatar-purple: rgb(186 154 243);
    --color-avatar-red: rgb(230 140 140);
    --color-avatar-teal: rgb(148 220 213);
    --color-avatar-yellow: rgb(235 220 145);
    --color-element-blue: rgb(78 186 253);
    --color-element-brown: rgb(213 133 88);
    --color-element-charcoal: rgb(95 102 114);
    --color-element-cobalt: rgb(88 130 248);
    --color-element-gray: rgb(187 190 195);
    --color-element-green: rgb(124 214 81);
    --color-element-orange: rgb(255 141 72);
    --color-element-pink: rgb(255 110 212);
    --color-element-purple: rgb(173 111 255);
    --color-element-red: rgb(255 87 87);
    --color-element-teal: rgb(98 219 200);
    --color-element-yellow: rgb(255 209 77);
    --color-element-text-blue: rgb(138 224 255);
    --color-element-text-green: rgb(201 242 1);
    --color-element-text-orange: rgb(255 206 38);
    --color-element-text-pink: rgb(255 164 222);
    --color-element-text-yellow: rgb(255 237 0);
    --tracking-tightest: -0.03em;
    --text-3xs: 0.9rem;
    --text-3xs--line-height: 1.6rem;
    --text-2xs: 1rem;
    --text-2xs--line-height: 1.6rem;
    --text-md: 1.4rem;
    --text-md--line-height: 2rem;
    --text-display-xs: 1.5rem;
    --text-display-xs--line-height: 2.4rem;
    --text-display-xs--letter-spacing: var(--tracking-tight);
    --text-display-xs--font-weight: var(--font-weight-semibold, 600);
    --text-display-sm: 1.7rem;
    --text-display-sm--line-height: 2.8rem;
    --text-display-sm--letter-spacing: var(--tracking-tighter);
    --text-display-sm--font-weight: var(--font-weight-semibold, 600);
    --text-display-md: 1.8rem;
    --text-display-md--line-height: 2.8rem;
    --text-display-md--letter-spacing: var(--tracking-tighter);
    --text-display-md--font-weight: var(--font-weight-semibold, 600);
    --text-display-lg: 2rem;
    --text-display-lg--line-height: 3rem;
    --text-display-lg--letter-spacing: var(--tracking-tighter);
    --text-display-lg--font-weight: var(--font-weight-semibold, 600);
    --text-display-xl: 2.1rem;
    --text-display-xl--line-height: 2.8rem;
    --text-display-xl--letter-spacing: var(--tracking-tighter);
    --text-display-xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-2xl: 2.2rem;
    --text-display-2xl--line-height: 2.8rem;
    --text-display-2xl--letter-spacing: var(--tracking-tighter);
    --text-display-2xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-3xl: 2.4rem;
    --text-display-3xl--line-height: 3.2rem;
    --text-display-3xl--letter-spacing: var(--tracking-tighter);
    --text-display-3xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-4xl: 2.8rem;
    --text-display-4xl--line-height: 3.2rem;
    --text-display-4xl--letter-spacing: var(--tracking-tighter);
    --text-display-4xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-5xl: 3.6rem;
    --text-display-5xl--line-height: 4.4rem;
    --text-display-5xl--letter-spacing: var(--tracking-tighter);
    --text-display-5xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-6xl: 4rem;
    --text-display-6xl--line-height: 4.8rem;
    --text-display-6xl--letter-spacing: var(--tracking-tightest);
    --text-display-6xl--font-weight: var(--font-weight-semibold, 600);
    --text-display-7xl: 6.4rem;
    --text-display-7xl--line-height: 7.2rem;
    --text-display-7xl--letter-spacing: var(--tracking-tightest);
    --text-display-7xl--font-weight: var(--font-weight-semibold, 600);
    --spacing-xs: calc(var(--spacing) * 1);
    --spacing-md: calc(var(--spacing) * 2);
    --spacing-lg: calc(var(--spacing) * 3);
    --spacing-2xl: calc(var(--spacing) * 5);
    --spacing-3xl: calc(var(--spacing) * 6);
    --spacing-4xl: calc(var(--spacing) * 8);
    --spacing-5xl: calc(var(--spacing) * 10);
    --spacing-7xl: calc(var(--spacing) * 16);
    --spacing-9xl: calc(var(--spacing) * 24);
    --radius-none: 0rem;
    --radius-xxs: 0.2rem;
    --radius-full: 9999px;
    --aspect-golden: 1.61803398875;
    --color-utility-brand-50: var(--color-brand-50);
    --color-utility-brand-100: var(--color-brand-100);
    --color-utility-brand-200: var(--color-brand-200);
    --color-utility-brand-300: var(--color-brand-300);
    --color-utility-brand-400: var(--color-brand-400);
    --color-utility-brand-500: var(--color-brand-500);
    --color-utility-brand-600: var(--color-brand-600);
    --color-utility-brand-700: var(--color-brand-700);
    --color-utility-brand-800: var(--color-brand-800);
    --color-utility-brand-900: var(--color-brand-900);
    --color-utility-royal-blue-50: var(--color-royal-blue-50);
    --color-utility-royal-blue-100: var(--color-royal-blue-100);
    --color-utility-royal-blue-200: var(--color-royal-blue-200);
    --color-utility-royal-blue-300: var(--color-royal-blue-300);
    --color-utility-royal-blue-400: var(--color-royal-blue-400);
    --color-utility-royal-blue-500: var(--color-royal-blue-500);
    --color-utility-royal-blue-600: var(--color-royal-blue-600);
    --color-utility-royal-blue-700: var(--color-royal-blue-700);
    --color-utility-gray-50: var(--color-gray-light-mode-50);
    --color-utility-gray-100: var(--color-gray-light-mode-100);
    --color-utility-gray-200: var(--color-gray-light-mode-200);
    --color-utility-gray-300: var(--color-gray-light-mode-300);
    --color-utility-gray-400: var(--color-gray-light-mode-400);
    --color-utility-gray-500: var(--color-gray-light-mode-500);
    --color-utility-gray-600: var(--color-gray-light-mode-600);
    --color-utility-gray-700: var(--color-gray-light-mode-700);
    --color-utility-gray-800: var(--color-gray-light-mode-800);
    --color-utility-gray-900: var(--color-gray-light-mode-900);
    --color-utility-error-50: var(--color-error-50);
    --color-utility-error-100: var(--color-error-100);
    --color-utility-error-200: var(--color-error-200);
    --color-utility-error-300: var(--color-error-300);
    --color-utility-error-400: var(--color-error-400);
    --color-utility-error-500: var(--color-error-500);
    --color-utility-error-600: var(--color-error-600);
    --color-utility-error-700: var(--color-error-700);
    --color-utility-warning-50: var(--color-warning-50);
    --color-utility-warning-100: var(--color-warning-100);
    --color-utility-warning-200: var(--color-warning-200);
    --color-utility-warning-300: var(--color-warning-300);
    --color-utility-warning-400: var(--color-warning-400);
    --color-utility-warning-500: var(--color-warning-500);
    --color-utility-warning-600: var(--color-warning-600);
    --color-utility-warning-700: var(--color-warning-700);
    --color-utility-success-50: var(--color-success-50);
    --color-utility-success-100: var(--color-success-100);
    --color-utility-success-200: var(--color-success-200);
    --color-utility-success-300: var(--color-success-300);
    --color-utility-success-400: var(--color-success-400);
    --color-utility-success-500: var(--color-success-500);
    --color-utility-success-600: var(--color-success-600);
    --color-utility-success-700: var(--color-success-700);
    --color-utility-highlight-50: var(--color-highlight-50);
    --color-utility-highlight-100: var(--color-highlight-100);
    --color-utility-highlight-200: var(--color-highlight-200);
    --color-utility-highlight-300: var(--color-highlight-300);
    --color-utility-highlight-400: var(--color-highlight-400);
    --color-utility-highlight-500: var(--color-highlight-500);
    --color-utility-highlight-600: var(--color-highlight-600);
    --color-utility-highlight-700: var(--color-highlight-700);
    --color-utility-canvas-gray: var(--color-canvas-light-mode-gray);
    --color-utility-canvas-blue: var(--color-canvas-light-mode-blue);
    --color-utility-canvas-green: var(--color-canvas-light-mode-green);
    --color-utility-canvas-purple: var(--color-canvas-light-mode-purple);
    --color-utility-canvas-yellow: var(--color-canvas-light-mode-yellow);
    --color-text-primary: var(--color-gray-light-mode-900);
    --color-text-tertiary: var(--color-gray-light-mode-600);
    --color-text-error-primary: var(--color-error-600);
    --color-text-warning-primary: var(--color-warning-600);
    --color-text-success-primary: var(--color-success-600);
    --color-text-secondary: var(--color-gray-light-mode-700);
    --color-text-disabled: var(--color-gray-light-mode-500);
    --color-text-secondary_hover: var(--color-gray-light-mode-800);
    --color-text-tertiary_hover: var(--color-gray-light-mode-700);
    --color-text-placeholder: var(--color-gray-light-mode-500);
    --color-text-placeholder_subtle: var(--color-gray-light-mode-300);
    --color-text-quaternary: var(--color-gray-light-mode-500);
    --color-text-primary_on-brand: var(--color-white);
    --color-text-secondary_on-brand: var(--color-brand-200);
    --color-text-tertiary_on-brand: var(--color-brand-200);
    --color-text-error-primary_hover: var(--color-error-700);
    --color-text-quaternary_on-brand: var(--color-brand-300);
    --color-text-brand-primary: var(--color-brand-600);
    --color-text-brand-secondary: var(--color-brand-500);
    --color-text-brand-tertiary: var(--color-brand-400);
    --color-text-brand-tertiary_alt: var(--color-brand-600);
    --color-border-secondary: var(--color-gray-light-mode-200);
    --color-border-error_subtle: var(--color-error-300);
    --color-border-primary: var(--color-gray-light-mode-300);
    --color-border-brand: var(--color-brand-500);
    --color-border-disabled: var(--color-gray-light-mode-300);
    --color-border-error: var(--color-error-500);
    --color-border-disabled_subtle: var(--color-gray-light-mode-200);
    --color-border-tertiary: var(--color-gray-light-mode-100);
    --color-border-brand_alt: var(--color-brand-600);
    --color-border-secondary_alt: rgb(0 0 0 / 0.08);
    --color-fg-secondary: var(--color-gray-light-mode-700);
    --color-fg-white: var(--color-white);
    --color-fg-disabled: var(--color-gray-light-mode-400);
    --color-fg-brand-primary: var(--color-brand-600);
    --color-fg-quaternary: var(--color-gray-light-mode-400);
    --color-fg-quaternary_hover: var(--color-gray-light-mode-500);
    --color-fg-error-primary: var(--color-error-600);
    --color-fg-disabled_subtle: var(--color-gray-light-mode-300);
    --color-fg-error-secondary: var(--color-error-500);
    --color-fg-tertiary: var(--color-gray-light-mode-600);
    --color-bg-primary: var(--color-white);
    --color-bg-tertiary: var(--color-gray-light-mode-100);
    --color-bg-brand-primary: var(--color-brand-50);
    --color-bg-error-secondary: var(--color-error-100);
    --color-bg-warning-primary: var(--color-warning-50);
    --color-bg-warning-secondary: var(--color-warning-100);
    --color-bg-success-primary: var(--color-success-50);
    --color-bg-success-secondary: var(--color-success-100);
    --color-bg-brand-solid: var(--color-brand-600);
    --color-bg-secondary-solid: var(--color-gray-light-mode-600);
    --color-bg-error-solid: var(--color-error-600);
    --color-bg-error-solid_hover: var(--color-error-700);
    --color-bg-warning-solid: var(--color-warning-600);
    --color-bg-success-solid: var(--color-success-600);
    --color-bg-secondary_hover: var(--color-gray-light-mode-100);
    --color-bg-primary_hover: var(--color-gray-light-mode-50);
    --color-bg-disabled: var(--color-gray-light-mode-100);
    --color-bg-active: var(--color-gray-light-mode-50);
    --color-bg-brand-solid_hover: var(--color-brand-500);
    --color-bg-error-primary: var(--color-error-50);
    --color-bg-brand-secondary: var(--color-brand-100);
    --color-bg-secondary: var(--color-gray-light-mode-50);
    --color-bg-disabled_subtle: var(--color-gray-light-mode-50);
    --color-bg-quaternary: var(--color-gray-light-mode-200);
    --color-bg-primary_alt: var(--color-white);
    --color-bg-brand-primary_alt: var(--color-brand-50);
    --color-bg-secondary_alt: var(--color-gray-light-mode-50);
    --color-bg-overlay: var(--color-gray-light-mode-950);
    --color-bg-secondary_subtle: var(--color-gray-light-mode-25);
    --color-bg-brand-section: var(--color-brand-800);
    --color-bg-brand-section_subtle: var(--color-brand-700);
    --color-bg-primary-solid: var(--color-gray-light-mode-950);
    --color-button-destructive-primary-icon: var(--color-error-300);
    --color-button-destructive-primary-icon_hover: var(--color-error-200);
    --color-button-primary-icon: var(--color-brand-300);
    --color-button-primary-icon_hover: var(--color-brand-200);
    --color-focus-ring: var(--color-text-primary);
    --color-toggle-button-fg_disabled: var(--color-gray-light-mode-50);
    --color-tooltip-supporting-text: var(--color-gray-light-mode-300);
    --background-color-brand-solid: var(--color-bg-brand-solid);
    --background-color-disabled: var(--color-bg-disabled);
    --background-color-primary: var(--color-bg-primary);
    --background-color-primary-solid: var(--color-bg-primary-solid);
    --background-color-primary_hover: var(--color-bg-primary_hover);
    --background-color-secondary: var(--color-bg-secondary);
    --background-color-tertiary: var(--color-bg-tertiary);
    --background-color-disabled_subtle: var(--color-bg-disabled_subtle);
    --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
    --background-color-error-primary: var(--color-bg-error-primary);
    --background-color-error-solid: var(--color-bg-error-solid);
    --background-color-success-solid: var(--color-bg-success-solid);
    --text-color-primary: var(--color-text-primary);
    --text-color-secondary: var(--color-text-secondary);
    --text-color-secondary_hover: var(--color-text-secondary_hover);
    --text-color-tertiary: var(--color-text-tertiary);
    --text-color-tertiary_hover: var(--color-text-tertiary_hover);
    --text-color-quaternary: var(--color-text-quaternary);
    --text-color-disabled: var(--color-text-disabled);
    --text-color-placeholder: var(--color-text-placeholder);
    --text-color-brand-primary: var(--color-text-brand-primary);
    --text-color-brand-tertiary: var(--color-text-brand-tertiary);
    --text-color-error-primary: var(--color-text-error-primary);
    --text-color-error-primary_hover: var(--color-text-error-primary_hover);
    --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);
    --border-color-secondary: var(--color-border-secondary);
    --border-color-tertiary: var(--color-border-tertiary);
    --border-color-disabled: var(--color-border-disabled);
    --ring-color-primary: var(--color-border-primary);
    --ring-color-primary_focused: var(--outline-color-primary);
    --ring-color-secondary: var(--color-border-secondary);
    --ring-color-disabled: var(--color-border-disabled);
    --ring-color-error: var(--color-border-error);
    --ring-color-disabled_subtle: var(--color-border-disabled_subtle);
    --ring-color-error_subtle: var(--color-border-error_subtle);
    --outline-color-primary: var(--color-text-primary);
    --outline-color-error: var(--color-border-error);
    --color-checkbox-fill_form: var(--color-utility-gray-900);
    --color-checkbox-fill_task: var(--color-bg-disabled_subtle);
    --animate-checkbox-bounce: checkbox-bounce 150ms ease-out;
    --animate-checkbox-fill-flash_form: checkbox-fill-flash_form 150ms ease-out;
    --animate-checkbox-fill-flash_task: checkbox-fill-flash_task 150ms ease-out;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: 'Inter';
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: normal;
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: normal;
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: 'RobotoMono';
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: normal;
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: normal;
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(0.4rem * 0);
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0\.5 {
    inset-block: calc(0.4rem * 0.5);
    inset-block: calc(var(--spacing) * 0.5);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: calc(0.4rem * 4);
    top: calc(var(--spacing) * 4);
  }
  .right-0\.5 {
    right: calc(0.4rem * 0.5);
    right: calc(var(--spacing) * 0.5);
  }
  .right-3 {
    right: calc(0.4rem * 3);
    right: calc(var(--spacing) * 3);
  }
  .right-3\.5 {
    right: calc(0.4rem * 3.5);
    right: calc(var(--spacing) * 3.5);
  }
  .right-4 {
    right: calc(0.4rem * 4);
    right: calc(var(--spacing) * 4);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-3 {
    left: calc(0.4rem * 3);
    left: calc(var(--spacing) * 3);
  }
  .left-3\.5 {
    left: calc(0.4rem * 3.5);
    left: calc(var(--spacing) * 3.5);
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 320px) {
      max-width: 320px;
    }
    @media (width >= 600px) {
      max-width: 600px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(0.4rem * 0);
    margin: calc(var(--spacing) * 0);
  }
  .mx-\[--spacing\(-5\)\] {
    margin-inline: calc(0.4rem * -5);
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: calc(0.4rem * 6);
    margin-block: calc(var(--spacing) * 6);
  }
  .my-auto {
    margin-block: auto;
  }
  .mt-0\.5 {
    margin-top: calc(0.4rem * 0.5);
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-3 {
    margin-top: calc(0.4rem * 3);
    margin-top: calc(var(--spacing) * 3);
  }
  .-mb-md {
    margin-bottom: calc(calc(0.4rem * 2) * -1);
    margin-bottom: calc(var(--spacing-md) * -1);
  }
  .mb-2 {
    margin-bottom: calc(0.4rem * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-6 {
    margin-bottom: calc(0.4rem * 6);
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-\[--spacing\(-5\)\] {
    margin-bottom: calc(0.4rem * -5);
    margin-bottom: calc(var(--spacing) * -5);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-golden {
    aspect-ratio: 1.61803398875;
    aspect-ratio: var(--aspect-golden);
  }
  .size-2 {
    width: calc(0.4rem * 2);
    width: calc(var(--spacing) * 2);
    height: calc(0.4rem * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(0.4rem * 2.5);
    width: calc(var(--spacing) * 2.5);
    height: calc(0.4rem * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(0.4rem * 3);
    width: calc(var(--spacing) * 3);
    height: calc(0.4rem * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(0.4rem * 3.5);
    width: calc(var(--spacing) * 3.5);
    height: calc(0.4rem * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(0.4rem * 4);
    width: calc(var(--spacing) * 4);
    height: calc(0.4rem * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(0.4rem * 5);
    width: calc(var(--spacing) * 5);
    height: calc(0.4rem * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-4 {
    height: calc(0.4rem * 4);
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(0.4rem * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(0.4rem * 6);
    height: calc(var(--spacing) * 6);
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: -moz-max-content;
    height: max-content;
  }
  .h-px {
    height: 1px;
  }
  .min-h-4 {
    min-height: calc(0.4rem * 4);
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(0.4rem * 5);
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-7 {
    width: calc(0.4rem * 7);
    width: calc(var(--spacing) * 7);
  }
  .w-9 {
    width: calc(0.4rem * 9);
    width: calc(var(--spacing) * 9);
  }
  .w-11 {
    width: calc(0.4rem * 11);
    width: calc(var(--spacing) * 11);
  }
  .w-25 {
    width: calc(0.4rem * 25);
    width: calc(var(--spacing) * 25);
  }
  .w-110 {
    width: calc(0.4rem * 110);
    width: calc(var(--spacing) * 110);
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-360 {
    max-width: calc(0.4rem * 360);
    max-width: calc(var(--spacing) * 360);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: calc(0.4rem * 2);
    max-width: var(--spacing-md);
  }
  .max-w-xs {
    max-width: calc(0.4rem * 1);
    max-width: var(--spacing-xs);
  }
  .min-w-4 {
    min-width: calc(0.4rem * 4);
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-5 {
    min-width: calc(0.4rem * 5);
    min-width: calc(var(--spacing) * 5);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\(--trigger-anchor-point\) {
    transform-origin: var(--trigger-anchor-point);
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: calc(0.4rem * 3) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: calc(0.4rem * 4) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: calc(0.4rem * 5) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: 0% 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: 100% 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .animate-checkbox-bounce {
    animation: checkbox-bounce 150ms ease-out;
    animation: var(--animate-checkbox-bounce);
  }
  .animate-checkbox-fill-flash_form {
    animation: checkbox-fill-flash_form 150ms ease-out;
    animation: var(--animate-checkbox-fill-flash_form);
  }
  .animate-checkbox-fill-flash_task {
    animation: checkbox-fill-flash_task 150ms ease-out;
    animation: var(--animate-checkbox-fill-flash_task);
  }
  .animate-spin {
    animation: spin 1s linear infinite;
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(--spacing\(25\)\,--spacing\(25\)\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(calc(0.4rem * 25),calc(0.4rem * 25)));
    grid-template-columns: repeat(auto-fill,minmax(calc(var(--spacing) * 25),calc(var(--spacing) * 25)));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-normal {
    justify-content: normal;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(0.4rem * 0.5);
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(0.4rem * 1);
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(0.4rem * 1.5);
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(0.4rem * 2);
    gap: calc(var(--spacing) * 2);
  }
  .gap-2xl {
    gap: calc(0.4rem * 5);
    gap: var(--spacing-2xl);
  }
  .gap-3 {
    gap: calc(0.4rem * 3);
    gap: calc(var(--spacing) * 3);
  }
  .gap-3xl {
    gap: calc(0.4rem * 6);
    gap: var(--spacing-3xl);
  }
  .gap-4 {
    gap: calc(0.4rem * 4);
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(0.4rem * 5);
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(0.4rem * 6);
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(0.4rem * 8);
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(0.4rem * 12);
    gap: calc(var(--spacing) * 12);
  }
  .gap-lg {
    gap: calc(0.4rem * 3);
    gap: var(--spacing-lg);
  }
  .gap-md {
    gap: calc(0.4rem * 2);
    gap: var(--spacing-md);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(0.4rem * 2) * 0);
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(0.4rem * 2) * calc(1 - 0));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(0.4rem * 3) * 0);
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(0.4rem * 3) * calc(1 - 0));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(0.4rem * 8) * 0);
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(0.4rem * 8) * calc(1 - 0));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    -moz-column-gap: calc(0.4rem * 2);
         column-gap: calc(0.4rem * 2);
    -moz-column-gap: calc(var(--spacing) * 2);
         column-gap: calc(var(--spacing) * 2);
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: 1.6rem;
    border-radius: var(--radius-2xl);
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-full {
    border-radius: 9999px;
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: 1rem;
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: 0.8rem;
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: 0.6rem;
    border-radius: var(--radius-sm);
  }
  .rounded-xs {
    border-radius: 0.4rem;
    border-radius: var(--radius-xs);
  }
  .rounded-xxs {
    border-radius: 0.2rem;
    border-radius: var(--radius-xxs);
  }
  .rounded-l-none {
    border-top-left-radius: 0rem;
    border-top-left-radius: var(--radius-none);
    border-bottom-left-radius: 0rem;
    border-bottom-left-radius: var(--radius-none);
  }
  .rounded-r-\[inherit\] {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .rounded-r-none {
    border-top-right-radius: 0rem;
    border-top-right-radius: var(--radius-none);
    border-bottom-right-radius: 0rem;
    border-bottom-right-radius: var(--radius-none);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-disabled {
    border-color: rgb(187 190 195);
    border-color: var(--border-color-disabled);
  }
  .border-secondary {
    border-color: rgb(209 211 214);
    border-color: var(--border-color-secondary);
  }
  .border-tertiary {
    border-color: rgb(232 233 235);
    border-color: var(--border-color-tertiary);
  }
  .border-t-tertiary {
    border-top-color: rgb(232 233 235);
    border-top-color: var(--border-color-tertiary);
  }
  .bg-\[\#1877F2\] {
    background-color: #1877F2;
  }
  .bg-avatar-blue {
    background-color: rgb(146 193 245);
    background-color: var(--color-avatar-blue);
  }
  .bg-avatar-green {
    background-color: rgb(140 230 150);
    background-color: var(--color-avatar-green);
  }
  .bg-avatar-orange {
    background-color: rgb(243 189 127);
    background-color: var(--color-avatar-orange);
  }
  .bg-avatar-pink {
    background-color: rgb(230 140 186);
    background-color: var(--color-avatar-pink);
  }
  .bg-avatar-purple {
    background-color: rgb(186 154 243);
    background-color: var(--color-avatar-purple);
  }
  .bg-avatar-red {
    background-color: rgb(230 140 140);
    background-color: var(--color-avatar-red);
  }
  .bg-avatar-teal {
    background-color: rgb(148 220 213);
    background-color: var(--color-avatar-teal);
  }
  .bg-avatar-yellow {
    background-color: rgb(235 220 145);
    background-color: var(--color-avatar-yellow);
  }
  .bg-black {
    background-color: rgb(0 0 0);
    background-color: var(--color-black);
  }
  .bg-border-secondary {
    background-color: rgb(209 211 214);
    background-color: var(--color-border-secondary);
  }
  .bg-brand-solid {
    background-color: rgb(244 81 28);
    background-color: var(--background-color-brand-solid);
  }
  .bg-checkbox-fill_form {
    background-color: rgb(50 59 74);
    background-color: var(--color-checkbox-fill_form);
  }
  .bg-checkbox-fill_task {
    background-color: rgb(243 243 244);
    background-color: var(--color-checkbox-fill_task);
  }
  .bg-disabled {
    background-color: rgb(232 233 235);
    background-color: var(--background-color-disabled);
  }
  .bg-disabled_subtle {
    background-color: rgb(243 243 244);
    background-color: var(--background-color-disabled_subtle);
  }
  .bg-element-blue {
    background-color: rgb(78 186 253);
    background-color: var(--color-element-blue);
  }
  .bg-element-brown {
    background-color: rgb(213 133 88);
    background-color: var(--color-element-brown);
  }
  .bg-element-charcoal {
    background-color: rgb(95 102 114);
    background-color: var(--color-element-charcoal);
  }
  .bg-element-cobalt {
    background-color: rgb(88 130 248);
    background-color: var(--color-element-cobalt);
  }
  .bg-element-gray {
    background-color: rgb(187 190 195);
    background-color: var(--color-element-gray);
  }
  .bg-element-green {
    background-color: rgb(124 214 81);
    background-color: var(--color-element-green);
  }
  .bg-element-orange {
    background-color: rgb(255 141 72);
    background-color: var(--color-element-orange);
  }
  .bg-element-pink {
    background-color: rgb(255 110 212);
    background-color: var(--color-element-pink);
  }
  .bg-element-purple {
    background-color: rgb(173 111 255);
    background-color: var(--color-element-purple);
  }
  .bg-element-red {
    background-color: rgb(255 87 87);
    background-color: var(--color-element-red);
  }
  .bg-element-teal {
    background-color: rgb(98 219 200);
    background-color: var(--color-element-teal);
  }
  .bg-element-text-blue {
    background-color: rgb(138 224 255);
    background-color: var(--color-element-text-blue);
  }
  .bg-element-text-green {
    background-color: rgb(201 242 1);
    background-color: var(--color-element-text-green);
  }
  .bg-element-text-orange {
    background-color: rgb(255 206 38);
    background-color: var(--color-element-text-orange);
  }
  .bg-element-text-pink {
    background-color: rgb(255 164 222);
    background-color: var(--color-element-text-pink);
  }
  .bg-element-text-yellow {
    background-color: rgb(255 237 0);
    background-color: var(--color-element-text-yellow);
  }
  .bg-element-yellow {
    background-color: rgb(255 209 77);
    background-color: var(--color-element-yellow);
  }
  .bg-error-solid {
    background-color: rgb(230 11 11);
    background-color: var(--background-color-error-solid);
  }
  .bg-fg-disabled_subtle {
    background-color: rgb(187 190 195);
    background-color: var(--color-fg-disabled_subtle);
  }
  .bg-fg-white {
    background-color: rgb(255 255 255);
    background-color: var(--color-fg-white);
  }
  .bg-primary {
    background-color: rgb(255 255 255);
    background-color: var(--background-color-primary);
  }
  .bg-primary-solid {
    background-color: rgb(27 37 54);
    background-color: var(--background-color-primary-solid);
  }
  .bg-secondary {
    background-color: rgb(243 243 244);
    background-color: var(--background-color-secondary);
  }
  .bg-success-700 {
    background-color: rgb(57 142 67);
    background-color: var(--color-success-700);
  }
  .bg-success-solid {
    background-color: rgb(78 184 90);
    background-color: var(--background-color-success-solid);
  }
  .bg-tertiary {
    background-color: rgb(232 233 235);
    background-color: var(--background-color-tertiary);
  }
  .bg-toggle-button-fg_disabled {
    background-color: rgb(243 243 244);
    background-color: var(--color-toggle-button-fg_disabled);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-utility-brand-50 {
    background-color: rgb(254 241 238);
    background-color: var(--color-utility-brand-50);
  }
  .bg-utility-brand-100 {
    background-color: rgb(254 230 225);
    background-color: var(--color-utility-brand-100);
  }
  .bg-utility-brand-200 {
    background-color: rgb(253 204 195);
    background-color: var(--color-utility-brand-200);
  }
  .bg-utility-brand-300 {
    background-color: rgb(252 177 164);
    background-color: var(--color-utility-brand-300);
  }
  .bg-utility-brand-400 {
    background-color: rgb(252 149 129);
    background-color: var(--color-utility-brand-400);
  }
  .bg-utility-brand-500 {
    background-color: rgb(251 112 81);
    background-color: var(--color-utility-brand-500);
  }
  .bg-utility-brand-600 {
    background-color: rgb(244 81 28);
    background-color: var(--color-utility-brand-600);
  }
  .bg-utility-brand-700 {
    background-color: rgb(179 61 19);
    background-color: var(--color-utility-brand-700);
  }
  .bg-utility-brand-800 {
    background-color: rgb(123 41 9);
    background-color: var(--color-utility-brand-800);
  }
  .bg-utility-brand-900 {
    background-color: rgb(67 21 3);
    background-color: var(--color-utility-brand-900);
  }
  .bg-utility-canvas-blue {
    background-color: rgb(220 234 246);
    background-color: var(--color-utility-canvas-blue);
  }
  .bg-utility-canvas-gray {
    background-color: rgb(235 237 238);
    background-color: var(--color-utility-canvas-gray);
  }
  .bg-utility-canvas-green {
    background-color: rgb(217 235 230);
    background-color: var(--color-utility-canvas-green);
  }
  .bg-utility-canvas-purple {
    background-color: rgb(229 227 232);
    background-color: var(--color-utility-canvas-purple);
  }
  .bg-utility-canvas-yellow {
    background-color: rgb(240 238 223);
    background-color: var(--color-utility-canvas-yellow);
  }
  .bg-utility-error-50 {
    background-color: rgb(253 239 239);
    background-color: var(--color-utility-error-50);
  }
  .bg-utility-error-100 {
    background-color: rgb(253 211 211);
    background-color: var(--color-utility-error-100);
  }
  .bg-utility-error-200 {
    background-color: rgb(251 167 167);
    background-color: var(--color-utility-error-200);
  }
  .bg-utility-error-300 {
    background-color: rgb(249 128 128);
    background-color: var(--color-utility-error-300);
  }
  .bg-utility-error-400 {
    background-color: rgb(247 85 85);
    background-color: var(--color-utility-error-400);
  }
  .bg-utility-error-500 {
    background-color: rgb(245 41 41);
    background-color: var(--color-utility-error-500);
  }
  .bg-utility-error-600 {
    background-color: rgb(230 11 11);
    background-color: var(--color-utility-error-600);
  }
  .bg-utility-error-700 {
    background-color: rgb(170 8 8);
    background-color: var(--color-utility-error-700);
  }
  .bg-utility-gray-50 {
    background-color: rgb(243 243 244);
    background-color: var(--color-utility-gray-50);
  }
  .bg-utility-gray-100 {
    background-color: rgb(232 233 235);
    background-color: var(--color-utility-gray-100);
  }
  .bg-utility-gray-200 {
    background-color: rgb(209 211 214);
    background-color: var(--color-utility-gray-200);
  }
  .bg-utility-gray-300 {
    background-color: rgb(187 190 195);
    background-color: var(--color-utility-gray-300);
  }
  .bg-utility-gray-400 {
    background-color: rgb(163 167 174);
    background-color: var(--color-utility-gray-400);
  }
  .bg-utility-gray-500 {
    background-color: rgb(141 146 154);
    background-color: var(--color-utility-gray-500);
  }
  .bg-utility-gray-600 {
    background-color: rgb(118 124 134);
    background-color: var(--color-utility-gray-600);
  }
  .bg-utility-gray-700 {
    background-color: rgb(95 102 114);
    background-color: var(--color-utility-gray-700);
  }
  .bg-utility-gray-800 {
    background-color: rgb(72 80 94);
    background-color: var(--color-utility-gray-800);
  }
  .bg-utility-gray-900 {
    background-color: rgb(50 59 74);
    background-color: var(--color-utility-gray-900);
  }
  .bg-utility-highlight-50 {
    background-color: rgb(255 253 229);
    background-color: var(--color-utility-highlight-50);
  }
  .bg-utility-highlight-100 {
    background-color: rgb(255 251 204);
    background-color: var(--color-utility-highlight-100);
  }
  .bg-utility-highlight-200 {
    background-color: rgb(255 248 153);
    background-color: var(--color-utility-highlight-200);
  }
  .bg-utility-highlight-300 {
    background-color: rgb(255 244 102);
    background-color: var(--color-utility-highlight-300);
  }
  .bg-utility-highlight-400 {
    background-color: rgb(255 241 51);
    background-color: var(--color-utility-highlight-400);
  }
  .bg-utility-highlight-500 {
    background-color: rgb(255 237 0);
    background-color: var(--color-utility-highlight-500);
  }
  .bg-utility-highlight-600 {
    background-color: rgb(204 190 0);
    background-color: var(--color-utility-highlight-600);
  }
  .bg-utility-highlight-700 {
    background-color: rgb(153 142 0);
    background-color: var(--color-utility-highlight-700);
  }
  .bg-utility-royal-blue-50 {
    background-color: rgb(234 239 254);
    background-color: var(--color-utility-royal-blue-50);
  }
  .bg-utility-royal-blue-100 {
    background-color: rgb(217 226 254);
    background-color: var(--color-utility-royal-blue-100);
  }
  .bg-utility-royal-blue-200 {
    background-color: rgb(186 203 252);
    background-color: var(--color-utility-royal-blue-200);
  }
  .bg-utility-royal-blue-300 {
    background-color: rgb(152 178 251);
    background-color: var(--color-utility-royal-blue-300);
  }
  .bg-utility-royal-blue-400 {
    background-color: rgb(117 152 250);
    background-color: var(--color-utility-royal-blue-400);
  }
  .bg-utility-royal-blue-500 {
    background-color: rgb(83 126 248);
    background-color: var(--color-utility-royal-blue-500);
  }
  .bg-utility-royal-blue-600 {
    background-color: rgb(47 99 247);
    background-color: var(--color-utility-royal-blue-600);
  }
  .bg-utility-royal-blue-700 {
    background-color: rgb(8 61 211);
    background-color: var(--color-utility-royal-blue-700);
  }
  .bg-utility-success-50 {
    background-color: rgb(237 248 238);
    background-color: var(--color-utility-success-50);
  }
  .bg-utility-success-100 {
    background-color: rgb(226 243 228);
    background-color: var(--color-utility-success-100);
  }
  .bg-utility-success-200 {
    background-color: rgb(197 232 201);
    background-color: var(--color-utility-success-200);
  }
  .bg-utility-success-300 {
    background-color: rgb(168 220 174);
    background-color: var(--color-utility-success-300);
  }
  .bg-utility-success-400 {
    background-color: rgb(139 208 146);
    background-color: var(--color-utility-success-400);
  }
  .bg-utility-success-500 {
    background-color: rgb(106 195 116);
    background-color: var(--color-utility-success-500);
  }
  .bg-utility-success-600 {
    background-color: rgb(78 184 90);
    background-color: var(--color-utility-success-600);
  }
  .bg-utility-success-700 {
    background-color: rgb(57 142 67);
    background-color: var(--color-utility-success-700);
  }
  .bg-utility-warning-50 {
    background-color: rgb(255 243 233);
    background-color: var(--color-utility-warning-50);
  }
  .bg-utility-warning-100 {
    background-color: rgb(255 237 219);
    background-color: var(--color-utility-warning-100);
  }
  .bg-utility-warning-200 {
    background-color: rgb(255 218 184);
    background-color: var(--color-utility-warning-200);
  }
  .bg-utility-warning-300 {
    background-color: rgb(255 197 143);
    background-color: var(--color-utility-warning-300);
  }
  .bg-utility-warning-400 {
    background-color: rgb(255 179 107);
    background-color: var(--color-utility-warning-400);
  }
  .bg-utility-warning-500 {
    background-color: rgb(255 160 71);
    background-color: var(--color-utility-warning-500);
  }
  .bg-utility-warning-600 {
    background-color: rgb(255 141 34);
    background-color: var(--color-utility-warning-600);
  }
  .bg-utility-warning-700 {
    background-color: rgb(181 71 8);
    background-color: var(--color-utility-warning-700);
  }
  .bg-white {
    background-color: rgb(255 255 255);
    background-color: var(--color-white);
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-bg-primary {
    --tw-gradient-to: var(--color-bg-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-40\% {
    --tw-gradient-to-position: 40%;
  }
  .fill-bg-primary-solid {
    fill: rgb(27 37 54);
    fill: var(--color-bg-primary-solid);
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .p-0\! {
    padding: calc(0.4rem * 0) !important;
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0\.5 {
    padding: calc(0.4rem * 0.5);
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.75 {
    padding: calc(0.4rem * 0.75);
    padding: calc(var(--spacing) * 0.75);
  }
  .p-3 {
    padding: calc(0.4rem * 3);
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(0.4rem * 4);
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(0.4rem * 5);
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(0.4rem * 6);
    padding: calc(var(--spacing) * 6);
  }
  .px-0\.5 {
    padding-inline: calc(0.4rem * 0.5);
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(0.4rem * 1);
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2\.5 {
    padding-inline: calc(0.4rem * 2.5);
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(0.4rem * 3);
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(0.4rem * 3.5);
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(0.4rem * 4);
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(0.4rem * 5);
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5xl {
    padding-inline: calc(0.4rem * 10);
    padding-inline: var(--spacing-5xl);
  }
  .py-1\.5 {
    padding-block: calc(0.4rem * 1.5);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(0.4rem * 2);
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(0.4rem * 2.5);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(0.4rem * 3);
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(0.4rem * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4xl {
    padding-block: calc(0.4rem * 8);
    padding-block: var(--spacing-4xl);
  }
  .py-6 {
    padding-block: calc(0.4rem * 6);
    padding-block: calc(var(--spacing) * 6);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-9xl {
    padding-top: calc(0.4rem * 24);
    padding-top: var(--spacing-9xl);
  }
  .pr-2 {
    padding-right: calc(0.4rem * 2);
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(0.4rem * 2.5);
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(0.4rem * 3);
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-9 {
    padding-right: calc(0.4rem * 9);
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-9\.5 {
    padding-right: calc(0.4rem * 9.5);
    padding-right: calc(var(--spacing) * 9.5);
  }
  .pr-16 {
    padding-right: calc(0.4rem * 16);
    padding-right: calc(var(--spacing) * 16);
  }
  .pb-7xl {
    padding-bottom: calc(0.4rem * 16);
    padding-bottom: var(--spacing-7xl);
  }
  .pl-3 {
    padding-left: calc(0.4rem * 3);
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\.5 {
    padding-left: calc(0.4rem * 3.5);
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-4 {
    padding-left: calc(0.4rem * 4);
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(0.4rem * 8);
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(0.4rem * 10);
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-10\.5 {
    padding-left: calc(0.4rem * 10.5);
    padding-left: calc(var(--spacing) * 10.5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: 'RobotoMono';
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: 'Inter';
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: 'Tiempos';
    font-family: var(--font-serif);
  }
  .text-display-2xl {
    font-size: 2.2rem;
    font-size: var(--text-display-2xl);
    line-height: 2.8rem;
    line-height: var(--tw-leading, var(--text-display-2xl--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-2xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-2xl--font-weight));
  }
  .text-display-3xl {
    font-size: 2.4rem;
    font-size: var(--text-display-3xl);
    line-height: 3.2rem;
    line-height: var(--tw-leading, var(--text-display-3xl--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-3xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-3xl--font-weight));
  }
  .text-display-4xl {
    font-size: 2.8rem;
    font-size: var(--text-display-4xl);
    line-height: 3.2rem;
    line-height: var(--tw-leading, var(--text-display-4xl--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-4xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-4xl--font-weight));
  }
  .text-display-5xl {
    font-size: 3.6rem;
    font-size: var(--text-display-5xl);
    line-height: 4.4rem;
    line-height: var(--tw-leading, var(--text-display-5xl--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-5xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-5xl--font-weight));
  }
  .text-display-6xl {
    font-size: 4rem;
    font-size: var(--text-display-6xl);
    line-height: 4.8rem;
    line-height: var(--tw-leading, var(--text-display-6xl--line-height));
    letter-spacing: -0.03em;
    letter-spacing: var(--tw-tracking, var(--text-display-6xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-6xl--font-weight));
  }
  .text-display-7xl {
    font-size: 6.4rem;
    font-size: var(--text-display-7xl);
    line-height: 7.2rem;
    line-height: var(--tw-leading, var(--text-display-7xl--line-height));
    letter-spacing: -0.03em;
    letter-spacing: var(--tw-tracking, var(--text-display-7xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-7xl--font-weight));
  }
  .text-display-lg {
    font-size: 2rem;
    font-size: var(--text-display-lg);
    line-height: 3rem;
    line-height: var(--tw-leading, var(--text-display-lg--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-lg--font-weight));
  }
  .text-display-md {
    font-size: 1.8rem;
    font-size: var(--text-display-md);
    line-height: 2.8rem;
    line-height: var(--tw-leading, var(--text-display-md--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-md--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-md--font-weight));
  }
  .text-display-sm {
    font-size: 1.7rem;
    font-size: var(--text-display-sm);
    line-height: 2.8rem;
    line-height: var(--tw-leading, var(--text-display-sm--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-sm--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-sm--font-weight));
  }
  .text-display-xl {
    font-size: 2.1rem;
    font-size: var(--text-display-xl);
    line-height: 2.8rem;
    line-height: var(--tw-leading, var(--text-display-xl--line-height));
    letter-spacing: -0.02em;
    letter-spacing: var(--tw-tracking, var(--text-display-xl--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-xl--font-weight));
  }
  .text-display-xs {
    font-size: 1.5rem;
    font-size: var(--text-display-xs);
    line-height: 2.4rem;
    line-height: var(--tw-leading, var(--text-display-xs--line-height));
    letter-spacing: -0.01em;
    letter-spacing: var(--tw-tracking, var(--text-display-xs--letter-spacing));
    font-weight: 600;
    font-weight: var(--tw-font-weight, var(--text-display-xs--font-weight));
  }
  .text-2xs {
    font-size: 1rem;
    font-size: var(--text-2xs);
    line-height: 1.6rem;
    line-height: var(--tw-leading, var(--text-2xs--line-height));
  }
  .text-3xs {
    font-size: 0.9rem;
    font-size: var(--text-3xs);
    line-height: 1.6rem;
    line-height: var(--tw-leading, var(--text-3xs--line-height));
  }
  .text-base {
    font-size: 1.4rem;
    font-size: var(--text-base);
    line-height: 2rem;
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: 1.6rem;
    font-size: var(--text-lg);
    line-height: 2.4rem;
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-md {
    font-size: 1.4rem;
    font-size: var(--text-md);
    line-height: 2rem;
    line-height: var(--tw-leading, var(--text-md--line-height));
  }
  .text-sm {
    font-size: 1.2rem;
    font-size: var(--text-sm);
    line-height: 2rem;
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: 1.1rem;
    font-size: var(--text-xs);
    line-height: 2rem;
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: 1.25;
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: 400;
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: 600;
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: 0.02em;
    letter-spacing: var(--tracking-wide);
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-alpha-black {
    color: rgb(0 0 0);
    color: var(--color-alpha-black);
  }
  .text-brand-primary {
    color: rgb(244 81 28);
    color: var(--text-color-brand-primary);
  }
  .text-brand-tertiary {
    color: rgb(252 149 129);
    color: var(--text-color-brand-tertiary);
  }
  .text-disabled {
    color: rgb(141 146 154);
    color: var(--text-color-disabled);
  }
  .text-error-primary {
    color: rgb(230 11 11);
    color: var(--text-color-error-primary);
  }
  .text-fg-disabled {
    color: rgb(163 167 174);
    color: var(--color-fg-disabled);
  }
  .text-fg-disabled_subtle {
    color: rgb(187 190 195);
    color: var(--color-fg-disabled_subtle);
  }
  .text-fg-quaternary {
    color: rgb(163 167 174);
    color: var(--color-fg-quaternary);
  }
  .text-fg-secondary {
    color: rgb(95 102 114);
    color: var(--color-fg-secondary);
  }
  .text-fg-tertiary {
    color: rgb(118 124 134);
    color: var(--color-fg-tertiary);
  }
  .text-primary {
    color: rgb(50 59 74);
    color: var(--text-color-primary);
  }
  .text-quaternary {
    color: rgb(141 146 154);
    color: var(--text-color-quaternary);
  }
  .text-secondary {
    color: rgb(95 102 114);
    color: var(--text-color-secondary);
  }
  .text-tertiary {
    color: rgb(118 124 134);
    color: var(--text-color-tertiary);
  }
  .text-tooltip-supporting-text {
    color: rgb(187 190 195);
    color: var(--text-color-tooltip-supporting-text);
  }
  .text-utility-gray-50 {
    color: rgb(243 243 244);
    color: var(--color-utility-gray-50);
  }
  .text-white {
    color: rgb(255 255 255);
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-lg {
    --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--tw-shadow-color, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--tw-shadow-color, rgba(10, 13, 18, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 2px 2px -1px rgba(10, 13, 18, 0.04);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(10, 13, 18, 0.1)), 0px 1px 2px -1px var(--tw-shadow-color, rgba(10, 13, 18, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0px 1px 3px rgba(10, 13, 18, 0.1), 0px 1px 2px -1px rgba(10, 13, 18, 0.1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0px 20px 24px -4px var(--tw-shadow-color, rgba(10, 13, 18, 0.08)), 0px 8px 8px -4px var(--tw-shadow-color, rgba(10, 13, 18, 0.03)), 0px 3px 3px -1.5px var(--tw-shadow-color, rgba(10, 13, 18, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-border-primary {
    --tw-ring-color: var(--color-border-primary);
  }
  .ring-disabled {
    --tw-ring-color: var(--ring-color-disabled);
  }
  .ring-error_subtle {
    --tw-ring-color: var(--ring-color-error_subtle);
  }
  .ring-primary {
    --tw-ring-color: var(--ring-color-primary);
  }
  .ring-primary\/50 {
    --tw-ring-color: color-mix(in srgb, rgb(187 190 195) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring-color-primary) 50%, transparent);
    }
  }
  .ring-primary_focused {
    --tw-ring-color: var(--ring-color-primary_focused);
  }
  .ring-secondary {
    --tw-ring-color: var(--ring-color-secondary);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }
  .outline-error {
    outline-color: rgb(245 41 41);
    outline-color: var(--outline-color-error);
  }
  .outline-focus-ring {
    outline-color: rgb(50 59 74);
    outline-color: var(--color-focus-ring);
  }
  .outline-primary {
    outline-color: rgb(50 59 74);
    outline-color: var(--outline-color-primary);
  }
  .outline-transparent {
    outline-color: transparent;
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: 150ms;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: 150ms;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-inherit-all {
    transition-property: inherit;
    transition-duration: inherit;
    transition-timing-function: inherit;
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: 150ms;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: 150ms;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-\[150ms\] {
    transition-delay: 150ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-160 {
    --tw-duration: 160ms;
    transition-duration: 160ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-\[150ms\] {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .animate-in {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
  }
  .animate-out {
    animation-name: exit;
    animation-duration: 150ms;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .\[stroke-dasharray\:16\] {
    stroke-dasharray: 16;
  }
  .\[stroke-dashoffset\:0\] {
    stroke-dashoffset: 0;
  }
  .\[stroke-dashoffset\:16\] {
    stroke-dashoffset: 16;
  }
  .delay-\[150ms\] {
    animation-delay: 150ms;
  }
  .duration-100 {
    animation-duration: 100ms;
  }
  .duration-160 {
    animation-duration: 160ms;
  }
  .duration-200 {
    animation-duration: 200ms;
  }
  .duration-\[150ms\] {
    animation-duration: 150ms;
  }
  .ease-in {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-linear {
    animation-timing-function: linear;
  }
  .ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .fade-in {
    --tw-enter-opacity: 0;
  }
  .fade-out {
    --tw-exit-opacity: 0;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .zoom-in-95 {
    --tw-enter-scale: .95;
  }
  .zoom-out-95 {
    --tw-exit-scale: .95;
  }
  .group-required\:block {
    &:is(:where(.group):where([data-rac])[data-required] *) {
      display: block;
    }
    &:is(:where(.group):where(:not([data-rac])):required *) {
      display: block;
    }
  }
  .group-invalid\:text-error-primary {
    &:is(:where(.group):where([data-rac])[data-invalid] *) {
      color: rgb(230 11 11);
      color: var(--text-color-error-primary);
    }
    &:is(:where(.group):where(:not([data-rac])):invalid *) {
      color: rgb(230 11 11);
      color: var(--text-color-error-primary);
    }
  }
  .group-invalid\:ring-error_subtle {
    &:is(:where(.group):where([data-rac])[data-invalid] *) {
      --tw-ring-color: var(--ring-color-error_subtle);
    }
    &:is(:where(.group):where(:not([data-rac])):invalid *) {
      --tw-ring-color: var(--ring-color-error_subtle);
    }
  }
  .group-hover\:text-fg-quaternary_hover {
    &:is(:where(.group):where([data-rac])[data-hovered] *) {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
    &:is(:where(.group):where(:not([data-rac])):hover *) {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
  }
  .group-disabled\:cursor-not-allowed {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      cursor: not-allowed;
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      cursor: not-allowed;
    }
  }
  .group-disabled\:bg-disabled_subtle {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-disabled_subtle);
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-disabled_subtle);
    }
  }
  .group-disabled\:overflow-ellipsis {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      text-overflow: ellipsis;
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      text-overflow: ellipsis;
    }
  }
  .group-disabled\:text-disabled {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      color: rgb(141 146 154);
      color: var(--text-color-disabled);
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      color: rgb(141 146 154);
      color: var(--text-color-disabled);
    }
  }
  .group-disabled\:ring-disabled {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      --tw-ring-color: var(--ring-color-disabled);
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      --tw-ring-color: var(--ring-color-disabled);
    }
  }
  .group-has-\[\&\>select\]\:right-0 {
    &:is(:where(.group):has(*>select) *) {
      right: calc(0.4rem * 0);
      right: calc(var(--spacing) * 0);
    }
  }
  .group-has-\[\&\>select\]\:bg-transparent {
    &:is(:where(.group):has(*>select) *) {
      background-color: transparent;
    }
  }
  .group-has-\[\&\>select\]\:px-2\.5 {
    &:is(:where(.group):has(*>select) *) {
      padding-inline: calc(0.4rem * 2.5);
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .group-has-\[\&\>select\]\:px-3 {
    &:is(:where(.group):has(*>select) *) {
      padding-inline: calc(0.4rem * 3);
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .group-has-\[\&\>select\]\:pr-6 {
    &:is(:where(.group):has(*>select) *) {
      padding-right: calc(0.4rem * 6);
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .group-has-\[\&\>select\]\:pl-0 {
    &:is(:where(.group):has(*>select) *) {
      padding-left: calc(0.4rem * 0);
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .group-has-\[\&\>select\]\:pl-2\.5 {
    &:is(:where(.group):has(*>select) *) {
      padding-left: calc(0.4rem * 2.5);
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .group-has-\[\&\>select\]\:pl-3 {
    &:is(:where(.group):has(*>select) *) {
      padding-left: calc(0.4rem * 3);
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .group-has-\[\&\>select\]\:ring-0 {
    &:is(:where(.group):has(*>select) *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-disabled\:group-has-\[\&\>select\]\:bg-transparent {
    &:is(:where(.group):where([data-rac])[data-disabled] *) {
      &:is(:where(.group):has(*>select) *) {
        background-color: transparent;
      }
    }
    &:is(:where(.group):where(:not([data-rac])):disabled *) {
      &:is(:where(.group):has(*>select) *) {
        background-color: transparent;
      }
    }
  }
  .placeholder\:text-placeholder {
    &::-moz-placeholder {
      color: rgb(141 146 154);
      color: var(--text-color-placeholder);
    }
    &::placeholder {
      color: rgb(141 146 154);
      color: var(--text-color-placeholder);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-px {
    &::before {
      content: var(--tw-content);
      inset: 1px;
    }
  }
  .before\:rounded-\[5px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 5px;
    }
  }
  .before\:rounded-\[7px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 7px;
    }
  }
  .before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .before\:border-white\/12 {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, rgb(255 255 255) 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, rgb(255 255 255) 12%, transparent);
        border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
  }
  .before\:mask-b-from-0\% {
    &::before {
      content: var(--tw-content);
      -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
              mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-composite: source-in, xor;
              mask-composite: intersect;
      --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
      --tw-mask-bottom-from-position: 0%;
    }
  }
  .autofill\:rounded-lg {
    &:-webkit-autofill {
      border-radius: 1rem;
      border-radius: var(--radius-lg);
    }
    &:autofill {
      border-radius: 1rem;
      border-radius: var(--radius-lg);
    }
  }
  .autofill\:text-primary {
    &:-webkit-autofill {
      color: rgb(50 59 74);
      color: var(--text-color-primary);
    }
    &:autofill {
      color: rgb(50 59 74);
      color: var(--text-color-primary);
    }
  }
  .group-has-\[\&\>select\]\:focus-within\:ring-0 {
    &:is(:where(.group):has(*>select) *) {
      &:where([data-rac])[data-focus-within] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:where(:not([data-rac])):focus-within {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:bg-\[\#0C63D4\] {
    &:where([data-rac])[data-hovered] {
      background-color: #0C63D4;
    }
    &:where(:not([data-rac])):hover {
      background-color: #0C63D4;
    }
  }
  .hover\:bg-bg-error-solid_hover {
    &:where([data-rac])[data-hovered] {
      background-color: rgb(170 8 8);
      background-color: var(--color-bg-error-solid_hover);
    }
    &:where(:not([data-rac])):hover {
      background-color: rgb(170 8 8);
      background-color: var(--color-bg-error-solid_hover);
    }
  }
  .hover\:bg-brand-solid_hover {
    &:where([data-rac])[data-hovered] {
      background-color: rgb(251 112 81);
      background-color: var(--background-color-brand-solid_hover);
    }
    &:where(:not([data-rac])):hover {
      background-color: rgb(251 112 81);
      background-color: var(--background-color-brand-solid_hover);
    }
  }
  .hover\:bg-error-primary {
    &:where([data-rac])[data-hovered] {
      background-color: rgb(253 239 239);
      background-color: var(--background-color-error-primary);
    }
    &:where(:not([data-rac])):hover {
      background-color: rgb(253 239 239);
      background-color: var(--background-color-error-primary);
    }
  }
  .hover\:bg-primary_hover {
    &:where([data-rac])[data-hovered] {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-primary_hover);
    }
    &:where(:not([data-rac])):hover {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-primary_hover);
    }
  }
  .hover\:text-error-primary_hover {
    &:where([data-rac])[data-hovered] {
      color: rgb(170 8 8);
      color: var(--text-color-error-primary_hover);
    }
    &:where(:not([data-rac])):hover {
      color: rgb(170 8 8);
      color: var(--text-color-error-primary_hover);
    }
  }
  .hover\:text-fg-quaternary_hover {
    &:where([data-rac])[data-hovered] {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
    &:where(:not([data-rac])):hover {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
  }
  .hover\:text-secondary\/80 {
    &:where([data-rac])[data-hovered] {
      color: color-mix(in srgb, rgb(95 102 114) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, rgb(95 102 114) 80%, transparent);
        color: color-mix(in oklab, var(--text-color-secondary) 80%, transparent);
      }
    }
    &:where(:not([data-rac])):hover {
      color: color-mix(in srgb, rgb(95 102 114) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, rgb(95 102 114) 80%, transparent);
        color: color-mix(in oklab, var(--text-color-secondary) 80%, transparent);
      }
    }
  }
  .hover\:text-secondary_hover {
    &:where([data-rac])[data-hovered] {
      color: rgb(72 80 94);
      color: var(--text-color-secondary_hover);
    }
    &:where(:not([data-rac])):hover {
      color: rgb(72 80 94);
      color: var(--text-color-secondary_hover);
    }
  }
  .hover\:text-tertiary_hover {
    &:where([data-rac])[data-hovered] {
      color: rgb(95 102 114);
      color: var(--text-color-tertiary_hover);
    }
    &:where(:not([data-rac])):hover {
      color: rgb(95 102 114);
      color: var(--text-color-tertiary_hover);
    }
  }
  .hover\:underline {
    &:where([data-rac])[data-hovered] {
      text-decoration-line: underline;
    }
    &:where(:not([data-rac])):hover {
      text-decoration-line: underline;
    }
  }
  .focus\:text-fg-quaternary_hover {
    &:where([data-rac])[data-focused] {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
    &:where(:not([data-rac])):focus {
      color: rgb(141 146 154);
      color: var(--color-fg-quaternary_hover);
    }
  }
  .focus-visible\:text-secondary\/80 {
    &:where([data-rac])[data-focus-visible] {
      color: color-mix(in srgb, rgb(95 102 114) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, rgb(95 102 114) 80%, transparent);
        color: color-mix(in oklab, var(--text-color-secondary) 80%, transparent);
      }
    }
    &:where(:not([data-rac])):focus-visible {
      color: color-mix(in srgb, rgb(95 102 114) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, rgb(95 102 114) 80%, transparent);
        color: color-mix(in oklab, var(--text-color-secondary) 80%, transparent);
      }
    }
  }
  .focus-visible\:outline-2 {
    &:where([data-rac])[data-focus-visible] {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:where(:not([data-rac])):focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:-outline-offset-1 {
    &:where([data-rac])[data-focus-visible] {
      outline-offset: calc(1px * -1);
    }
    &:where(:not([data-rac])):focus-visible {
      outline-offset: calc(1px * -1);
    }
  }
  .focus-visible\:outline-focus-ring {
    &:where([data-rac])[data-focus-visible] {
      outline-color: rgb(50 59 74);
      outline-color: var(--color-focus-ring);
    }
    &:where(:not([data-rac])):focus-visible {
      outline-color: rgb(50 59 74);
      outline-color: var(--color-focus-ring);
    }
  }
  .disabled\:cursor-not-allowed {
    &:where([data-rac])[data-disabled] {
      cursor: not-allowed;
    }
    &:where(:not([data-rac])):disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-disabled {
    &:where([data-rac])[data-disabled] {
      background-color: rgb(232 233 235);
      background-color: var(--background-color-disabled);
    }
    &:where(:not([data-rac])):disabled {
      background-color: rgb(232 233 235);
      background-color: var(--background-color-disabled);
    }
  }
  .disabled\:bg-primary {
    &:where([data-rac])[data-disabled] {
      background-color: rgb(255 255 255);
      background-color: var(--background-color-primary);
    }
    &:where(:not([data-rac])):disabled {
      background-color: rgb(255 255 255);
      background-color: var(--background-color-primary);
    }
  }
  .disabled\:text-fg-disabled {
    &:where([data-rac])[data-disabled] {
      color: rgb(163 167 174);
      color: var(--color-fg-disabled);
    }
    &:where(:not([data-rac])):disabled {
      color: rgb(163 167 174);
      color: var(--color-fg-disabled);
    }
  }
  .disabled\:ring-disabled_subtle {
    &:where([data-rac])[data-disabled] {
      --tw-ring-color: var(--ring-color-disabled_subtle);
    }
    &:where(:not([data-rac])):disabled {
      --tw-ring-color: var(--ring-color-disabled_subtle);
    }
  }
  .in-data-input-wrapper\:gap-1\.5 {
    :where(*[data-input-wrapper]) & {
      gap: calc(0.4rem * 1.5);
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .in-data-input-wrapper\:px-3 {
    :where(*[data-input-wrapper]) & {
      padding-inline: calc(0.4rem * 3);
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .in-data-input-wrapper\:px-3\.5 {
    :where(*[data-input-wrapper]) & {
      padding-inline: calc(0.4rem * 3.5);
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .in-data-input-wrapper\:py-1\.5 {
    :where(*[data-input-wrapper]) & {
      padding-block: calc(0.4rem * 1.5);
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .in-data-input-wrapper\:py-2\.5 {
    :where(*[data-input-wrapper]) & {
      padding-block: calc(0.4rem * 2.5);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .in-data-input-wrapper\:text-md {
    :where(*[data-input-wrapper]) & {
      font-size: 1.4rem;
      font-size: var(--text-md);
      line-height: 2rem;
      line-height: var(--tw-leading, var(--text-md--line-height));
    }
  }
  .in-data-input-wrapper\:group-disabled\:bg-disabled_subtle {
    :where(*[data-input-wrapper]) & {
      &:is(:where(.group):where([data-rac])[data-disabled] *) {
        background-color: rgb(243 243 244);
        background-color: var(--background-color-disabled_subtle);
      }
      &:is(:where(.group):where(:not([data-rac])):disabled *) {
        background-color: rgb(243 243 244);
        background-color: var(--background-color-disabled_subtle);
      }
    }
  }
  .in-data-input-wrapper\:group-disabled\:text-disabled {
    :where(*[data-input-wrapper]) & {
      &:is(:where(.group):where([data-rac])[data-disabled] *) {
        color: rgb(141 146 154);
        color: var(--text-color-disabled);
      }
      &:is(:where(.group):where(:not([data-rac])):disabled *) {
        color: rgb(141 146 154);
        color: var(--text-color-disabled);
      }
    }
  }
  .in-data-input-wrapper\:group-disabled\:ring-border-disabled {
    :where(*[data-input-wrapper]) & {
      &:is(:where(.group):where([data-rac])[data-disabled] *) {
        --tw-ring-color: var(--color-border-disabled);
      }
      &:is(:where(.group):where(:not([data-rac])):disabled *) {
        --tw-ring-color: var(--color-border-disabled);
      }
    }
  }
  .in-data-input-wrapper\:focus\:\!z-50 {
    :where(*[data-input-wrapper]) & {
      &:where([data-rac])[data-focused] {
        z-index: 50 !important;
      }
      &:where(:not([data-rac])):focus {
        z-index: 50 !important;
      }
    }
  }
  .in-data-input-wrapper\:focus-visible\:-outline-offset-2 {
    :where(*[data-input-wrapper]) & {
      &:where([data-rac])[data-focus-visible] {
        outline-offset: calc(2px * -1);
      }
      &:where(:not([data-rac])):focus-visible {
        outline-offset: calc(2px * -1);
      }
    }
  }
  .in-data-input-wrapper\:in-data-leading\:-mr-px {
    :where(*[data-input-wrapper]) & {
      :where(*[data-leading]) & {
        margin-right: -1px;
      }
    }
  }
  .in-data-input-wrapper\:in-data-leading\:rounded-l-lg {
    :where(*[data-input-wrapper]) & {
      :where(*[data-leading]) & {
        border-top-left-radius: 1rem;
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: 1rem;
        border-bottom-left-radius: var(--radius-lg);
      }
    }
  }
  .in-data-input-wrapper\:in-data-leading\:rounded-r-none {
    :where(*[data-input-wrapper]) & {
      :where(*[data-leading]) & {
        border-top-right-radius: 0rem;
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: 0rem;
        border-bottom-right-radius: var(--radius-none);
      }
    }
  }
  .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none {
    :where(*[data-input-wrapper]) & {
      :where(*[data-leading]) & {
        &::before {
          content: var(--tw-content);
          border-top-right-radius: 0rem;
          border-top-right-radius: var(--radius-none);
          border-bottom-right-radius: 0rem;
          border-bottom-right-radius: var(--radius-none);
        }
      }
    }
  }
  .in-data-input-wrapper\:in-data-trailing\:-ml-px {
    :where(*[data-input-wrapper]) & {
      :where(*[data-trailing]) & {
        margin-left: -1px;
      }
    }
  }
  .in-data-input-wrapper\:in-data-trailing\:rounded-l-none {
    :where(*[data-input-wrapper]) & {
      :where(*[data-trailing]) & {
        border-top-left-radius: 0rem;
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: 0rem;
        border-bottom-left-radius: var(--radius-none);
      }
    }
  }
  .in-data-input-wrapper\:in-data-trailing\:rounded-r-lg {
    :where(*[data-input-wrapper]) & {
      :where(*[data-trailing]) & {
        border-top-right-radius: 1rem;
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: 1rem;
        border-bottom-right-radius: var(--radius-lg);
      }
    }
  }
  .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none {
    :where(*[data-input-wrapper]) & {
      :where(*[data-trailing]) & {
        &::before {
          content: var(--tw-content);
          border-top-left-radius: 0rem;
          border-top-left-radius: var(--radius-none);
          border-bottom-left-radius: 0rem;
          border-bottom-left-radius: var(--radius-none);
        }
      }
    }
  }
  .in-data-input-wrapper\:in-data-\[input-size\=md\]\:px-3\.5 {
    :where(*[data-input-wrapper]) & {
      :where(*[data-input-size="md"]) & {
        padding-inline: calc(0.4rem * 3.5);
        padding-inline: calc(var(--spacing) * 3.5);
      }
    }
  }
  .in-data-input-wrapper\:in-data-\[input-size\=md\]\:py-2\.5 {
    :where(*[data-input-wrapper]) & {
      :where(*[data-input-size="md"]) & {
        padding-block: calc(0.4rem * 2.5);
        padding-block: calc(var(--spacing) * 2.5);
      }
    }
  }
  .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:px-3 {
    :where(*[data-input-wrapper]) & {
      :where(*[data-input-size="sm"]) & {
        padding-inline: calc(0.4rem * 3);
        padding-inline: calc(var(--spacing) * 3);
      }
    }
  }
  .in-data-input-wrapper\:in-data-\[input-size\=sm\]\:py-1\.5 {
    :where(*[data-input-wrapper]) & {
      :where(*[data-input-size="sm"]) & {
        padding-block: calc(0.4rem * 1.5);
        padding-block: calc(var(--spacing) * 1.5);
      }
    }
  }
  .in-placement-left\:-rotate-90 {
    :where(*[data-placement="left"]) & {
      rotate: calc(90deg * -1);
    }
  }
  .in-placement-left\:slide-in-from-right-0\.5 {
    :where(*[data-placement="left"]) & {
      --tw-enter-translate-x: 0.125rem;
    }
  }
  .in-placement-left\:slide-out-to-right-0\.5 {
    :where(*[data-placement="left"]) & {
      --tw-exit-translate-x: 0.125rem;
    }
  }
  .in-placement-right\:rotate-90 {
    :where(*[data-placement="right"]) & {
      rotate: 90deg;
    }
  }
  .in-placement-right\:slide-in-from-left-0\.5 {
    :where(*[data-placement="right"]) & {
      --tw-enter-translate-x: -0.125rem;
    }
  }
  .in-placement-right\:slide-out-to-left-0\.5 {
    :where(*[data-placement="right"]) & {
      --tw-exit-translate-x: -0.125rem;
    }
  }
  .in-placement-top\:rotate-0 {
    :where(*[data-placement="top"]) & {
      rotate: 0deg;
    }
  }
  .in-placement-top\:slide-in-from-bottom-0\.5 {
    :where(*[data-placement="top"]) & {
      --tw-enter-translate-y: 0.125rem;
    }
  }
  .in-placement-top\:slide-out-to-bottom-0\.5 {
    :where(*[data-placement="top"]) & {
      --tw-exit-translate-y: 0.125rem;
    }
  }
  .in-placement-bottom\:rotate-180 {
    :where(*[data-placement="bottom"]) & {
      rotate: 180deg;
    }
  }
  .in-placement-bottom\:slide-in-from-top-0\.5 {
    :where(*[data-placement="bottom"]) & {
      --tw-enter-translate-y: -0.125rem;
    }
  }
  .in-placement-bottom\:slide-out-to-top-0\.5 {
    :where(*[data-placement="bottom"]) & {
      --tw-exit-translate-y: -0.125rem;
    }
  }
  .has-\[\:focus\]\:ring-2 {
    &:has(*:is(:focus)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\:focus\]\:ring-error {
    &:has(*:is(:focus)) {
      --tw-ring-color: var(--ring-color-error);
    }
  }
  .has-\[\:focus\]\:ring-primary_focused {
    &:has(*:is(:focus)) {
      --tw-ring-color: var(--ring-color-primary_focused);
    }
  }
  .has-\[button\:focus\]\:ring-1 {
    &:has(*:is(button:focus)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[button\:focus\]\:ring-error_subtle {
    &:has(*:is(button:focus)) {
      --tw-ring-color: var(--ring-color-error_subtle);
    }
  }
  .has-\[button\:focus\]\:ring-primary {
    &:has(*:is(button:focus)) {
      --tw-ring-color: var(--ring-color-primary);
    }
  }
  .has-\[\&\>select\]\:bg-disabled_subtle {
    &:has(*>select) {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-disabled_subtle);
    }
  }
  .has-\[\&\>select\]\:ring-1 {
    &:has(*>select) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\&\>select\]\:ring-border-disabled {
    &:has(*>select) {
      --tw-ring-color: var(--color-border-disabled);
    }
  }
  .has-\[\&\>select\]\:ring-border-error_subtle {
    &:has(*>select) {
      --tw-ring-color: var(--color-border-error_subtle);
    }
  }
  .has-\[\&\>select\]\:ring-border-primary {
    &:has(*>select) {
      --tw-ring-color: var(--color-border-primary);
    }
  }
  .has-\[\&\>select\]\:ring-inset {
    &:has(*>select) {
      --tw-ring-inset: inset;
    }
  }
  .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-2 {
    &:has(*>select) {
      &:has(*:is(input:focus)) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-brand {
    &:has(*>select) {
      &:has(*:is(input:focus)) {
        --tw-ring-color: var(--color-border-brand);
      }
    }
  }
  .has-\[\&\>select\]\:has-\[input\:focus\]\:ring-border-error {
    &:has(*>select) {
      &:has(*:is(input:focus)) {
        --tw-ring-color: var(--color-border-error);
      }
    }
  }
  .\*\:data-icon\:pointer-events-none {
    :is(& > *) {
      &[data-icon] {
        pointer-events: none;
      }
    }
  }
  .\*\:data-icon\:size-5 {
    :is(& > *) {
      &[data-icon] {
        width: calc(0.4rem * 5);
        width: calc(var(--spacing) * 5);
        height: calc(0.4rem * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
  .\*\:data-icon\:shrink-0 {
    :is(& > *) {
      &[data-icon] {
        flex-shrink: 0;
      }
    }
  }
  .\*\:data-icon\:text-button-destructive-primary-icon {
    :is(& > *) {
      &[data-icon] {
        color: rgb(249 128 128);
        color: var(--color-button-destructive-primary-icon);
      }
    }
  }
  .\*\:data-icon\:text-button-primary-icon {
    :is(& > *) {
      &[data-icon] {
        color: rgb(252 177 164);
        color: var(--color-button-primary-icon);
      }
    }
  }
  .\*\:data-icon\:text-fg-error-secondary {
    :is(& > *) {
      &[data-icon] {
        color: rgb(245 41 41);
        color: var(--color-fg-error-secondary);
      }
    }
  }
  .\*\:data-icon\:text-fg-quaternary {
    :is(& > *) {
      &[data-icon] {
        color: rgb(163 167 174);
        color: var(--color-fg-quaternary);
      }
    }
  }
  .\*\:data-icon\:transition-inherit-all {
    :is(& > *) {
      &[data-icon] {
        transition-property: inherit;
        transition-duration: inherit;
        transition-timing-function: inherit;
      }
    }
  }
  .hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover {
    &:where([data-rac])[data-hovered] {
      :is(& > *) {
        &[data-icon] {
          color: rgb(251 167 167);
          color: var(--color-button-destructive-primary-icon_hover);
        }
      }
    }
    &:where(:not([data-rac])):hover {
      :is(& > *) {
        &[data-icon] {
          color: rgb(251 167 167);
          color: var(--color-button-destructive-primary-icon_hover);
        }
      }
    }
  }
  .hover\:\*\:data-icon\:text-button-primary-icon_hover {
    &:where([data-rac])[data-hovered] {
      :is(& > *) {
        &[data-icon] {
          color: rgb(253 204 195);
          color: var(--color-button-primary-icon_hover);
        }
      }
    }
    &:where(:not([data-rac])):hover {
      :is(& > *) {
        &[data-icon] {
          color: rgb(253 204 195);
          color: var(--color-button-primary-icon_hover);
        }
      }
    }
  }
  .hover\:\*\:data-icon\:text-fg-error-primary {
    &:where([data-rac])[data-hovered] {
      :is(& > *) {
        &[data-icon] {
          color: rgb(230 11 11);
          color: var(--color-fg-error-primary);
        }
      }
    }
    &:where(:not([data-rac])):hover {
      :is(& > *) {
        &[data-icon] {
          color: rgb(230 11 11);
          color: var(--color-fg-error-primary);
        }
      }
    }
  }
  .hover\:\*\:data-icon\:text-fg-quaternary_hover {
    &:where([data-rac])[data-hovered] {
      :is(& > *) {
        &[data-icon] {
          color: rgb(141 146 154);
          color: var(--color-fg-quaternary_hover);
        }
      }
    }
    &:where(:not([data-rac])):hover {
      :is(& > *) {
        &[data-icon] {
          color: rgb(141 146 154);
          color: var(--color-fg-quaternary_hover);
        }
      }
    }
  }
  .disabled\:\*\:data-icon\:text-fg-disabled_subtle {
    &:where([data-rac])[data-disabled] {
      :is(& > *) {
        &[data-icon] {
          color: rgb(187 190 195);
          color: var(--color-fg-disabled_subtle);
        }
      }
    }
    &:where(:not([data-rac])):disabled {
      :is(& > *) {
        &[data-icon] {
          color: rgb(187 190 195);
          color: var(--color-fg-disabled_subtle);
        }
      }
    }
  }
  .data-icon-only\:p-1\.5 {
    &[data-icon-only] {
      padding: calc(0.4rem * 1.5);
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .data-icon-only\:p-2\.5 {
    &[data-icon-only] {
      padding: calc(0.4rem * 2.5);
      padding: calc(var(--spacing) * 2.5);
    }
  }
  .data-icon-only\:p-3 {
    &[data-icon-only] {
      padding: calc(0.4rem * 3);
      padding: calc(var(--spacing) * 3);
    }
  }
  .in-data-input-wrapper\:data-icon-only\:p-1\.5 {
    :where(*[data-input-wrapper]) & {
      &[data-icon-only] {
        padding: calc(0.4rem * 1.5);
        padding: calc(var(--spacing) * 1.5);
      }
    }
  }
  .in-data-input-wrapper\:data-icon-only\:p-2\.5 {
    :where(*[data-input-wrapper]) & {
      &[data-icon-only] {
        padding: calc(0.4rem * 2.5);
        padding: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-loading\:bg-brand-solid_hover {
    &[data-loading] {
      background-color: rgb(251 112 81);
      background-color: var(--background-color-brand-solid_hover);
    }
  }
  .data-loading\:bg-error-primary {
    &[data-loading] {
      background-color: rgb(253 239 239);
      background-color: var(--background-color-error-primary);
    }
  }
  .data-loading\:bg-primary_hover {
    &[data-loading] {
      background-color: rgb(243 243 244);
      background-color: var(--background-color-primary_hover);
    }
  }
  .\*\:data-text\:underline {
    :is(& > *) {
      &[data-text] {
        text-decoration-line: underline;
      }
    }
  }
  .\*\:data-text\:decoration-transparent {
    :is(& > *) {
      &[data-text] {
        text-decoration-color: transparent;
      }
    }
  }
  .\*\:data-text\:underline-offset-2 {
    :is(& > *) {
      &[data-text] {
        text-underline-offset: 2px;
      }
    }
  }
  .hover\:\*\:data-text\:decoration-current {
    &:where([data-rac])[data-hovered] {
      :is(& > *) {
        &[data-text] {
          text-decoration-color: currentcolor;
        }
      }
    }
    &:where(:not([data-rac])):hover {
      :is(& > *) {
        &[data-text] {
          text-decoration-color: currentcolor;
        }
      }
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:\*\*\:data-label\:hidden {
    @media (width >= 64rem) {
      :is(& *) {
        &[data-label] {
          display: none;
        }
      }
    }
  }
  .lg\:label\:hidden {
    @media (width >= 64rem) {
      & [data-label] {
        display: none;
      }
    }
  }
  .\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible {
    &>*:not([data-icon=loading]) {
      visibility: hidden;
    }
  }
  .\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden {
    &>*:not([data-icon=loading]):not([data-text]) {
      display: none;
    }
  }
}
@layer base {
  .dark-theme {
    --color-alpha-white: var(--color-gray-dark-mode-950);
    --color-alpha-black: rgb(255 255 255);
    --color-utility-brand-50: var(--color-brand-950);
    --color-utility-brand-50_alt: var(--color-utility-gray-50);
    --color-utility-brand-100: var(--color-brand-900);
    --color-utility-brand-100_alt: var(--color-utility-gray-100);
    --color-utility-brand-200: var(--color-brand-800);
    --color-utility-brand-200_alt: var(--color-utility-gray-200);
    --color-utility-brand-300: var(--color-brand-700);
    --color-utility-brand-300_alt: var(--color-utility-gray-300);
    --color-utility-brand-400: var(--color-brand-600);
    --color-utility-brand-400_alt: var(--color-utility-gray-400);
    --color-utility-brand-500: var(--color-brand-500);
    --color-utility-brand-500_alt: var(--color-utility-gray-500);
    --color-utility-brand-600: var(--color-brand-400);
    --color-utility-brand-600_alt: var(--color-utility-gray-600);
    --color-utility-brand-700: var(--color-brand-300);
    --color-utility-brand-700_alt: var(--color-utility-gray-700);
    --color-utility-brand-800: var(--color-brand-200);
    --color-utility-brand-800_alt: var(--color-utility-gray-800);
    --color-utility-brand-900: var(--color-brand-100);
    --color-utility-brand-900_alt: var(--color-utility-gray-900);
    --color-utility-royal-blue-50: var(--color-royal-blue-950);
    --color-utility-royal-blue-100: var(--color-royal-blue-900);
    --color-utility-royal-blue-200: var(--color-royal-blue-800);
    --color-utility-royal-blue-300: var(--color-royal-blue-700);
    --color-utility-royal-blue-400: var(--color-royal-blue-600);
    --color-utility-royal-blue-500: var(--color-royal-blue-500);
    --color-utility-royal-blue-600: var(--color-royal-blue-400);
    --color-utility-royal-blue-700: var(--color-royal-blue-300);
    --color-utility-gray-50: var(--color-gray-dark-mode-900);
    --color-utility-gray-100: var(--color-gray-dark-mode-800);
    --color-utility-gray-200: var(--color-gray-dark-mode-700);
    --color-utility-gray-300: var(--color-gray-dark-mode-600);
    --color-utility-gray-400: var(--color-gray-dark-mode-500);
    --color-utility-gray-500: var(--color-gray-dark-mode-400);
    --color-utility-gray-600: var(--color-gray-dark-mode-300);
    --color-utility-gray-700: var(--color-gray-dark-mode-200);
    --color-utility-gray-800: var(--color-gray-dark-mode-100);
    --color-utility-gray-900: var(--color-gray-dark-mode-50);
    --color-utility-error-50: var(--color-error-950);
    --color-utility-error-100: var(--color-error-900);
    --color-utility-error-200: var(--color-error-800);
    --color-utility-error-300: var(--color-error-700);
    --color-utility-error-400: var(--color-error-600);
    --color-utility-error-500: var(--color-error-500);
    --color-utility-error-600: var(--color-error-400);
    --color-utility-error-700: var(--color-error-300);
    --color-utility-warning-50: var(--color-warning-950);
    --color-utility-warning-100: var(--color-warning-900);
    --color-utility-warning-200: var(--color-warning-800);
    --color-utility-warning-300: var(--color-warning-700);
    --color-utility-warning-400: var(--color-warning-600);
    --color-utility-warning-500: var(--color-warning-500);
    --color-utility-warning-600: var(--color-warning-400);
    --color-utility-warning-700: var(--color-warning-300);
    --color-utility-success-50: var(--color-success-950);
    --color-utility-success-100: var(--color-success-900);
    --color-utility-success-200: var(--color-success-800);
    --color-utility-success-300: var(--color-success-700);
    --color-utility-success-400: var(--color-success-600);
    --color-utility-success-500: var(--color-success-500);
    --color-utility-success-600: var(--color-success-400);
    --color-utility-success-700: var(--color-success-300);
    --color-utility-highlight-50: var(--color-highlight-950);
    --color-utility-highlight-100: var(--color-highlight-900);
    --color-utility-highlight-200: var(--color-highlight-800);
    --color-utility-highlight-300: var(--color-highlight-700);
    --color-utility-highlight-400: var(--color-highlight-600);
    --color-utility-highlight-500: var(--color-highlight-500);
    --color-utility-highlight-600: var(--color-highlight-400);
    --color-utility-highlight-700: var(--color-highlight-300);
    --color-utility-canvas-gray: var(--color-canvas-dark-mode-gray);
    --color-utility-canvas-blue: var(--color-canvas-dark-mode-blue);
    --color-utility-canvas-green: var(--color-canvas-dark-mode-green);
    --color-utility-canvas-purple: var(--color-canvas-dark-mode-purple);
    --color-utility-canvas-yellow: var(--color-canvas-dark-mode-yellow);
  }
}
@layer base {
  .dark-theme {
    --color-text-primary: var(--color-gray-dark-mode-50);
    --color-text-tertiary: var(--color-gray-dark-mode-400);
    --color-text-error-primary: var(--color-error-400);
    --color-text-warning-primary: var(--color-warning-400);
    --color-text-success-primary: var(--color-success-400);
    --color-text-white: var(--color-white);
    --color-text-secondary: var(--color-gray-dark-mode-300);
    --color-text-disabled: var(--color-gray-dark-mode-500);
    --color-text-secondary_hover: var(--color-gray-dark-mode-200);
    --color-text-tertiary_hover: var(--color-gray-dark-mode-300);
    --color-text-brand-secondary: var(--color-gray-dark-mode-300);
    --color-text-placeholder: var(--color-gray-dark-mode-500);
    --color-text-placeholder_subtle: var(--color-gray-dark-mode-700);
    --color-text-brand-tertiary: var(--color-gray-dark-mode-400);
    --color-text-quaternary: var(--color-gray-dark-mode-400);
    --color-text-brand-primary: var(--color-brand-500);
    --color-text-primary_on-brand: var(--color-gray-dark-mode-50);
    --color-text-secondary_on-brand: var(--color-gray-dark-mode-300);
    --color-text-tertiary_on-brand: var(--color-gray-dark-mode-400);
    --color-text-quaternary_on-brand: var(--color-gray-dark-mode-400);
    --color-text-brand-tertiary_alt: var(--color-gray-dark-mode-50);
    --color-text-brand-secondary_hover: var(--color-gray-dark-mode-200);
    --color-text-error-primary_hover: var(--color-error-300);
    --color-border-secondary: var(--color-gray-dark-mode-800);
    --color-border-error_subtle: var(--color-error-500);
    --color-border-primary: var(--color-gray-dark-mode-700);
    --color-border-brand: var(--color-brand-400);
    --color-border-disabled: var(--color-gray-dark-mode-700);
    --color-border-error: var(--color-error-400);
    --color-border-disabled_subtle: var(--color-gray-dark-mode-800);
    --color-border-tertiary: var(--color-gray-dark-mode-800);
    --color-border-brand_alt: var(--color-gray-dark-mode-700);
    --color-border-secondary_alt: var(--color-gray-dark-mode-800);
    --color-fg-secondary: var(--color-gray-dark-mode-300);
    --color-fg-warning-primary: var(--color-warning-500);
    --color-fg-success-primary: var(--color-success-500);
    --color-fg-white: var(--color-white);
    --color-fg-success-secondary: var(--color-success-400);
    --color-fg-secondary_hover: var(--color-gray-dark-mode-200);
    --color-fg-primary: var(--color-white);
    --color-fg-disabled: var(--color-gray-dark-mode-500);
    --color-fg-brand-secondary: var(--color-brand-500);
    --color-fg-brand-primary: var(--color-brand-500);
    --color-fg-quaternary: var(--color-gray-dark-mode-600);
    --color-fg-quaternary_hover: var(--color-gray-dark-mode-500);
    --color-fg-error-primary: var(--color-error-500);
    --color-fg-disabled_subtle: var(--color-gray-dark-mode-600);
    --color-fg-warning-secondary: var(--color-warning-400);
    --color-fg-error-secondary: var(--color-error-400);
    --color-fg-tertiary: var(--color-gray-dark-mode-400);
    --color-fg-tertiary_hover: var(--color-gray-dark-mode-300);
    --color-fg-brand-primary_alt: var(--color-gray-dark-mode-300);
    --color-fg-brand-secondary_alt: var(--color-gray-dark-mode-600);
    --color-fg-brand-secondary_hover: var(--color-gray-dark-mode-500);
    --color-bg-primary: var(--color-gray-dark-mode-950);
    --color-bg-tertiary: var(--color-gray-dark-mode-800);
    --color-bg-brand-primary: var(--color-brand-500);
    --color-bg-error-secondary: var(--color-error-600);
    --color-bg-warning-primary: var(--color-warning-950);
    --color-bg-warning-secondary: var(--color-warning-600);
    --color-bg-success-primary: var(--color-success-950);
    --color-bg-success-secondary: var(--color-success-600);
    --color-bg-brand-solid: var(--color-brand-600);
    --color-bg-secondary-solid: var(--color-gray-dark-mode-600);
    --color-bg-error-solid: var(--color-error-600);
    --color-bg-warning-solid: var(--color-warning-600);
    --color-bg-success-solid: var(--color-success-600);
    --color-bg-secondary_hover: var(--color-gray-dark-mode-800);
    --color-bg-primary_hover: var(--color-gray-dark-mode-800);
    --color-bg-disabled: var(--color-gray-dark-mode-800);
    --color-bg-active: var(--color-gray-dark-mode-800);
    --color-bg-brand-solid_hover: var(--color-brand-500);
    --color-bg-error-primary: var(--color-error-950);
    --color-bg-brand-secondary: var(--color-brand-600);
    --color-bg-secondary: var(--color-gray-dark-mode-900);
    --color-bg-disabled_subtle: var(--color-gray-dark-mode-900);
    --color-bg-quaternary: var(--color-gray-dark-mode-700);
    --color-bg-primary_alt: var(--color-bg-secondary);
    --color-bg-brand-primary_alt: var(--color-bg-secondary);
    --color-bg-secondary_alt: var(--color-bg-primary);
    --color-bg-overlay: var(--color-gray-dark-mode-800);
    --color-bg-secondary_subtle: var(--color-gray-dark-mode-900);
    --color-bg-brand-section: var(--color-bg-secondary);
    --color-bg-brand-section_subtle: var(--color-bg-primary);
    --color-bg-primary-solid: var(--color-bg-secondary);
    --color-app-store-badge-border: var(--color-white);
    --color-avatar-bg: var(--color-gray-dark-mode-800);
    --color-avatar-contrast-border: rgb(255 255 255 / 0.12);
    --color-avatar-profile-photo-border: var(--color-gray-dark-mode-950);
    --color-avatar-styles-bg-neutral: rgb(224 224 224 / 1);
    --color-button-destructive-primary-icon: var(--color-error-300);
    --color-button-destructive-primary-icon_hover: var(--color-error-200);
    --color-button-primary-icon: var(--color-brand-300);
    --color-button-primary-icon_hover: var(--color-brand-200);
    --color-featured-icon-light-fg-brand: var(--color-brand-200);
    --color-featured-icon-light-fg-error: var(--color-error-200);
    --color-featured-icon-light-fg-gray: var(--color-gray-dark-mode-200);
    --color-featured-icon-light-fg-success: var(--color-success-200);
    --color-featured-icon-light-fg-warning: var(--color-warning-200);
    --color-focus-ring-error: var(--color-error-500);
    --color-focus-ring: var(--color-text-primary);
    --color-footer-button-fg: var(--color-gray-dark-mode-300);
    --color-footer-button-fg_hover: var(--color-gray-dark-mode-100);
    --color-icon-fg-brand: var(--color-gray-dark-mode-400);
    --color-icon-fg-brand_on-brand: var(--color-gray-dark-mode-400);
    --color-nav-item-button-icon-fg: var(--color-gray-dark-mode-400);
    --color-nav-item-button-icon-fg_active: var(--color-gray-dark-mode-300);
    --color-nav-item-icon-fg: var(--color-gray-dark-mode-400);
    --color-nav-item-icon-fg_active: var(--color-gray-dark-mode-300);
    --color-screen-mockup-border: var(--color-gray-dark-mode-700);
    --color-slider-handle-bg: var(--color-fg-brand-primary);
    --color-slider-handle-border: var(--color-bg-primary);
    --color-toggle-border: var(--color-transparent);
    --color-toggle-button-fg_disabled: var(--color-gray-dark-mode-600);
    --color-toggle-slim-border_pressed-hover: var(--color-transparent);
    --color-toggle-slim-border_pressed: var(--color-transparent);
    --color-tooltip-supporting-text: var(--color-gray-dark-mode-300);
    --color-text-editor-icon-fg: var(--color-gray-dark-mode-400);
    --color-text-editor-icon-fg_active: var(--color-white);
    --background-color-quaternary: var(--color-bg-quaternary);
    --background-color-disabled: var(--color-bg-disabled);
    --background-color-primary: var(--color-bg-primary);
    --background-color-primary-solid: var(--color-bg-primary-solid);
    --background-color-primary_alt: var(--color-bg-primary_alt);
    --background-color-primary_hover: var(--color-bg-primary_hover);
    --background-color-secondary: var(--color-bg-secondary);
    --background-color-secondary-solid: var(--color-bg-secondary-solid);
    --background-color-secondary_alt: var(--color-bg-secondary_alt);
    --background-color-secondary_hover: var(--color-bg-secondary_hover);
    --background-color-secondary_subtle: var(--color-bg-secondary_subtle);
    --background-color-tertiary: var(--color-bg-tertiary);
    --background-color-active: var(--color-bg-active);
    --background-color-disabled_subtle: var(--color-bg-disabled_subtle);
    --background-color-overlay: var(--color-bg-overlay);
    --background-color-brand-primary: var(--color-bg-brand-primary);
    --background-color-brand-primary_alt: var(--color-bg-brand-primary_alt);
    --background-color-brand-secondary: var(--color-bg-brand-secondary);
    --background-color-brand-solid: var(--color-bg-brand-solid);
    --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
    --background-color-brand-section: var(--color-bg-brand-section);
    --background-color-brand-section_subtle: var(--color-bg-brand-section_subtle);
    --background-color-error-primary: var(--color-bg-error-primary);
    --background-color-error-secondary: var(--color-bg-error-secondary);
    --background-color-error-solid: var(--color-bg-error-solid);
    --background-color-warning-primary: var(--color-bg-warning-primary);
    --background-color-warning-secondary: var(--color-bg-warning-secondary);
    --background-color-warning-solid: var(--color-bg-warning-solid);
    --background-color-success-primary: var(--color-bg-success-primary);
    --background-color-success-secondary: var(--color-bg-success-secondary);
    --background-color-success-solid: var(--color-bg-success-solid);
    --background-color-border-brand: var(--color-border-brand);
    --background-color-border-tertiary: var(--color-border-tertiary);
    --background-color-border-brand_alt: var(--color-border-brand_alt);
    --text-color-primary: var(--color-text-primary);
    --text-color-primary_on-brand: var(--color-text-primary_on-brand);
    --text-color-secondary: var(--color-text-secondary);
    --text-color-secondary_hover: var(--color-text-secondary_hover);
    --text-color-secondary_on-brand: var(--color-text-secondary_on-brand);
    --text-color-tertiary: var(--color-text-tertiary);
    --text-color-tertiary_hover: var(--color-text-tertiary_hover);
    --text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand);
    --text-color-quaternary: var(--color-text-quaternary);
    --text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand);
    --text-color-disabled: var(--color-text-disabled);
    --text-color-placeholder: var(--color-text-placeholder);
    --text-color-placeholder_subtle: var(--color-text-placeholder_subtle);
    --text-color-error-primary: var(--color-text-error-primary);
    --text-color-warning-primary: var(--color-text-warning-primary);
    --text-color-success-primary: var(--color-text-success-primary);
    --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);
    --text-color-brand-primary: var(--color-text-brand-primary);
    --text-color-brand-secondary: var(--color-text-brand-secondary);
    --text-color-brand-tertiary: var(--color-text-brand-tertiary);
    --text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt);
    --border-color-primary: var(--color-border-primary);
    --border-color-secondary: var(--color-border-secondary);
    --border-color-secondary_alt: var(--color-border-secondary_alt);
    --border-color-tertiary: var(--color-border-tertiary);
    --border-color-disabled: var(--color-border-disabled);
    --border-color-brand: var(--color-border-brand);
    --border-color-brand-solid: var(--color-bg-brand-solid);
    --border-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
    --border-color-error: var(--color-border-error);
    --border-color-disabled_subtle: var(--color-border-disabled_subtle);
    --border-color-brand_alt: var(--color-border-brand_alt);
    --border-color-error_subtle: var(--color-border-error_subtle);
    --ring-color-bg-brand-solid: var(--color-bg-brand-solid);
    --ring-color-primary: var(--color-border-primary);
    --ring-color-primary_focused: var(--outline-color-primary);
    --ring-color-secondary: var(--color-border-secondary);
    --ring-color-secondary_alt: var(--color-border-secondary_alt);
    --ring-color-tertiary: var(--color-border-tertiary);
    --ring-color-disabled: var(--color-border-disabled);
    --ring-color-brand: var(--color-border-brand);
    --ring-color-brand-solid: var(--color-bg-brand-solid);
    --ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
    --ring-color-error: var(--color-border-error);
    --ring-color-disabled_subtle: var(--color-border-disabled_subtle);
    --ring-color-brand_alt: var(--color-border-brand_alt);
    --ring-color-error_subtle: var(--color-border-error_subtle);
    --outline-color-primary: var(--color-text-primary);
    --outline-color-secondary: var(--color-border-secondary);
    --outline-color-secondary_alt: var(--color-border-secondary_alt);
    --outline-color-tertiary: var(--color-border-tertiary);
    --outline-color-disabled: var(--color-border-disabled);
    --outline-color-brand: var(--color-border-brand);
    --outline-color-brand-solid: var(--color-bg-brand-solid);
    --outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover);
    --outline-color-error: var(--color-border-error);
    --outline-color-disabled_subtle: var(--color-border-disabled_subtle);
    --outline-color-brand_alt: var(--color-border-brand_alt);
    --outline-color-error_subtle: var(--color-border-error_subtle);
  }
}
@keyframes enter {
  from {
    opacity: 1;
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: 1;
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes checkbox-fill-flash_form {
  0%, 50% {
    background-color: rgb(106 195 116);
    background-color: var(--color-utility-success-500);
  }
  100% {
    background-color: rgb(50 59 74);
    background-color: var(--color-checkbox-fill_form);
  }
}
@keyframes checkbox-fill-flash_task {
  0%, 50% {
    background-color: rgb(106 195 116);
    background-color: var(--color-utility-success-500);
  }
  100% {
    background-color: rgb(243 243 244);
    background-color: var(--color-checkbox-fill_task);
  }
}
@keyframes checkbox-bounce {
  50% {
    transform: scale(0.8);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
    }
  }
}

@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.SignupSlice{position:relative;padding:96px 0 156px;background:var(--palette-canvas-lightmode) url(https://static.milanote.com/2163657f29ccad92.png);background-size:12px;text-align:left}@media(width < 1040px){.SignupSlice{padding-bottom:17px;padding-top:0;background:var(--palette-white)}}.SignupSlice .RomaSignup .SignupFormFieldsModal{position:relative;z-index:1}@media(width < 1040px){.SignupSlice .RomaSignup .SignupFormFieldsModal{box-shadow:none;border-radius:0;max-width:460px;padding-top:48px;padding-bottom:117px}}.SignupSlice .signup-background{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;left:0;bottom:0}@media(width < 1040px){.SignupSlice .signup-background{display:none}}
@layer base{.slice{text-align:center}.slice h2{color:var(--palette-grey-cool-900)}.slice p{color:var(--palette-grey-cool-600)}}
.LogoLockup{position:relative;top:2px}.LogoLockup .LogoLockup-logo{width:149px;height:40px}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.segments-menu{display:flex;flex-direction:row;color:var(--palette-grey-cool-900);gap:16px}.segments-menu .segments-menu-column{width:216px}.segments-menu .segments-menu-column .segments-menu-sections{display:flex;flex-direction:column;gap:3px}.segments-menu .segments-menu-section h4{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);margin-bottom:12px}.segments-menu .segments-menu-section ul{margin:0;padding:3px 0 0 0;width:216px}.segments-menu .segments-menu-section li{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;color:var(--palette-grey-cool-900);list-style:none;margin:0 0 14px 8px;padding:0}.segments-menu .segments-menu-section li a{color:inherit;text-decoration:none}.segments-menu .segments-menu-section li:last-child{margin-bottom:12px}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.NavMenuDesktop{position:absolute;top:40px;right:0;padding:28px 16px 24px 32px;border-radius:16px;box-shadow:0px 0px 0px .5px rgba(0,0,0,.12),0px 4px 20px 0px rgba(0,0,0,.08);background-color:var(--palette-white);border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;transform:translate(0, -3px);transition:opacity .1s linear,transform .1s ease-in-out;visibility:hidden}.NavMenuDesktop.open,.NavMenuDesktop.transition{visibility:visible}.NavMenuDesktop.open{opacity:1;transform:translate(0, 0)}.NavMenuDesktop{display:flex;flex-direction:row}.NavMenuDesktop .nav-menu-sections{display:flex;flex-direction:column;gap:16px}.NavMenuDesktop .ref{display:none;position:absolute;top:-16px;left:-20px;mix-blend-mode:difference}.NavMenuDesktop .speech-bubble-tip{width:12px;height:12px;position:absolute;top:-4px;right:22px;transform:rotate(45deg);background-color:var(--palette-white)}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.NavMenuMobile{color:var(--palette-grey-cool-900);position:relative;display:none}@media(width < 1040px){.NavMenuMobile{display:inherit}}.NavMenuMobile-content{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:var(--palette-white);display:flex;flex-direction:column;opacity:0;transform:translate(8px, 0);transition:opacity .09s linear,transform .1s ease-in-out;visibility:hidden}.NavMenuMobile-content.open,.NavMenuMobile-content.transition{visibility:visible}.NavMenuMobile-content.open{opacity:1;transform:translate(0, 0)}.NavMenuMobile-content .close{align-self:last baseline;color:var(--base-color);background:none;border:none;position:absolute;top:20px;right:24px}@media(min-width: 450px){.NavMenuMobile-content{right:0;left:inherit;width:400px}}.NavMenuMobile-scrollable{overflow-y:auto;flex-grow:1;padding:64px 24px 25px}.NavMenuMobile .Button2025.close{display:flex;align-items:center;justify-content:center;background:none;align-self:last baseline;padding:10px}.NavMenuMobile .Button2025.close img{height:24px}.NavMenuMobile h2{margin-top:8px;margin-bottom:15px}.NavMenuMobile .segments-menu{display:flex;flex-direction:column;gap:22px;margin-bottom:18px}.NavMenuMobile .bottom-links .Button2025{display:block;padding:12px 0 10px 0;border-top:1px solid var(--palette-grey-cool-100);border-radius:0;text-align:left;background:none;color:var(--base-color);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);font-size:20px}.NavMenuMobile .bottom-links .Button2025:last-of-type{border-bottom:1px solid var(--palette-grey-cool-100)}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.Navbar{display:flex;justify-content:space-between;align-items:center;height:84px;padding:0 24px;background-color:var(--palette-grey-cool-900);color:var(--palette-white)}.Navbar.scrolled{box-shadow:0 2px 13px rgba(0,0,0,.3)}.Navbar{transition:box-shadow .2s ease-in-out;position:sticky;top:0;z-index:2}.Navbar .actions{display:flex;flex-direction:row;gap:16px;align-items:center}.Navbar .nav-links{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);margin-right:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Navbar .nav-links img{transform:translate(5px, 2px)}.Navbar .LinksMenu{position:relative}.Navbar .overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;opacity:0}.Navbar .hamburger{display:none;padding:0;width:44px;height:44px}.Navbar .hamburger img{width:24px;height:24px;filter:brightness(0) invert(1)}@media(width < 1040px){.Navbar .hamburger{display:flex !important;align-items:center;justify-content:center}.Navbar .actions{display:none}}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.NavMenuMobile,.NavMenuDesktop{color:var(--palette-grey-cool-900)}.NavMenuMobile h2,.NavMenuDesktop h2{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);font-size:20px;color:var(--palette-grey-cool-900)}.NavMenuMobile h3,.NavMenuDesktop h3{font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:12px;letter-spacing:-0.01px;color:var(--palette-grey-cool-400);margin-bottom:12px;text-transform:uppercase}.NavMenuMobile h4,.NavMenuDesktop h4{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold);margin-bottom:12px}.NavMenuMobile h4 a,.NavMenuDesktop h4 a{color:var(--palette-grey-cool-900);text-decoration:none}.NavMenuMobile ul,.NavMenuDesktop ul{margin:0;padding:0;width:216px}.NavMenuMobile li,.NavMenuDesktop li{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;color:var(--palette-grey-cool-900);list-style:none;margin:0 0 12.5px 0;padding:0}.NavMenuMobile li a,.NavMenuDesktop li a{color:inherit;text-decoration:none}
@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}.footer{position:relative;background:var(--palette-grey-cool-900);color:var(--palette-white);--logo-column-width: 100px;--footer-width: var(--shot-width);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px}.footer h3{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:16px;letter-spacing:-0.01px;font-weight:var(--font-weight-bold)}.footer .footer-content{display:grid;grid-template-rows:auto auto;grid-template-columns:var(--logo-column-width) auto;padding:var(--top-margin) 0 121px 0;width:var(--footer-width);margin:0 auto}@media(max-width: 700px){.footer .footer-content{grid-template-columns:auto;grid-template-rows:89px auto auto;width:380px;overflow-x:hidden}}@media(width < 428px){.footer .footer-content{padding-left:24px;padding-right:24px;width:auto}}@media(width >= 1550px){.footer{--column-width: 224px;--top-margin: 85px;--logo-column-width: 448px}}@media(width >= 1240px)and (width < 1550px){.footer{--column-width: 190px;--top-margin: 85px;--logo-column-width: 380px}}@media(width >= 1040px)and (width < 1240px){.footer{--column-width: 230px;--top-margin: 86px;--logo-column-width: 328px}}@media(width < 1040px){.footer{--column-width: 208px;--top-margin: 78px;--logo-column-width: 232px;--footer-width: 672px}}.footer .sitemap{display:flex;flex-direction:row;font-weight:bold;color:var(--palette-lightfg);margin-top:4px}.footer .sitemap ul{padding:0;margin:0;width:var(--column-width)}.footer .sitemap li{list-style:none;margin-top:18.5px}.footer .sitemap a,.footer .sitemap .ot-sdk-show-settings{font-weight:normal;color:var(--palette-grey-cool-400);text-decoration:none}.footer .sitemap .ot-sdk-show-settings{cursor:pointer;text-transform:lowercase}.footer .sitemap .ot-sdk-show-settings::first-letter{text-transform:uppercase !important}@media(width >= 1040px)and (width < 1240px){.footer .sitemap{display:grid;grid-template-columns:repeat(2, var(--column-width));grid-template-rows:repeat(2, auto);gap:51px 98px}}@media(width < 1040px){.footer .sitemap{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto);gap:51px 24px}}@media(width < 428px){.footer .sitemap{display:flex;flex-direction:column;gap:42px}}.footer .socials{display:flex;margin-top:122px;gap:24px}.footer .socials a{color:var(--palette-lightfg);text-decoration:none;font-weight:normal}.footer .socials img{width:24px;height:24px;display:block;overflow:hidden}.footer .copyright{margin-top:122px;font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:14px;letter-spacing:-0.01px;color:var(--palette-grey-cool-500);text-align:right;align-self:center}@media(max-width: 700px){.footer .copyright{margin-top:24px;text-align:left}}
.Home2025Page{--palette-white: #ffffff;--palette-alert-negative: #ff0041;--palette-orange-new-500: #ff3f27;--palette-orange-new-600: #fa0000;--palette-orange-new-700: #bb0100;--palette-grey-warm-900: #1a1a1a;--palette-grey-cool-1000: #182537;--palette-grey-cool-900: #303b4b;--palette-grey-cool-800: #46505f;--palette-grey-cool-700: #5d6673;--palette-grey-cool-600: #757c87;--palette-grey-cool-500: #8c929b;--palette-grey-cool-400: #a2a7af;--palette-grey-cool-300: #babec4;--palette-grey-cool-100: #e8e9eb;--palette-canvas-lightmode: #ebedee;--palette-blue-200: #d3dfff;--palette-blue-500: #90b2ff;--palette-blue-1000: #1465ff}@layer base{.Home2025Page{--font-family-title: 'Tiempos', serif;--font-family-body: 'Inter', sans-serif;--font-family-serif: var(--font-family-title);--font-family-sans: var(--font-family-body);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;letter-spacing:-0.01px}.Home2025Page h1,.Home2025Page h2,.Home2025Page h3,.Home2025Page h4,.Home2025Page h5,.Home2025Page h6,.Home2025Page p{margin:0;padding:0}}
.ProductLandingListing{background:#31303a}.ProductLandingListing .PageTitle{text-align:center;color:#fff;padding:35px 0 70px 0}@media(max-width: 1025px){.ProductLandingListing .PageTitle{padding:29px 0 61px 0}}@media(max-width: 767px){.ProductLandingListing .PageTitle{padding:6px 0 12px 0}}.ProductLandingListing .ProductLandingListingPanel{height:auto}.ProductLandingListing .ProductLandingListingPanel .Image{width:100%;height:auto;margin-bottom:20px}
.Plans{background-size:auto 100%}.Plans .title-section{padding-top:75px;text-align:center}.Plans .plans-section{padding-top:2rem;padding-bottom:120px;font-family:Inter,Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif}.Plans .plans-section .panel{max-width:100rem}.Plans .plans{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:3.8rem;padding-top:2rem;padding-bottom:3rem}@media(max-width: 1375px){.Plans{background-size:auto 100%}}@media(max-width: 1025px){.Plans .plans-section{margin-left:20px;margin-right:20px}}@media(max-width: 769px){.Plans .plans{grid-column-gap:2rem}}@media(max-width: 767px){.Plans{background:#31303a;background-image:none !important}.Plans .title-section{padding-top:10px;padding-bottom:10px}.Plans .PageTitle{color:#fff}.Plans .plans-section{padding:10px}.Plans .MilanoteLogo .milanote-name{color:#fff}.Plans .plans{display:block}.Plans .plans .Plan{width:100%;max-width:34rem;margin-left:auto;margin-right:auto;margin-bottom:5rem;padding-top:5rem;border-top:1px solid #d8d8d8}.Plans .plans .Plan .disclaimer{min-height:0;margin-bottom:2rem}.Plans .plans .Plan .footer.empty{display:none}.Plans .plans .Plan .detail-switch.empty{display:none}.Plans .plans .Plan:first-of-type{padding-top:0;border-top:none}.Plans .plans .Plan:last-of-type{margin-bottom:3rem}.Plans .enterprise-option{margin-top:0}}
.Plan{display:flex;flex-direction:column;justify-content:space-between;background:#fff;text-align:left;color:#31303a}.Plan .hidden{display:none}.Plan .title h3{display:inline-block;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.Plan .title .save-percent{position:relative;display:inline-block;top:-0.2rem;margin-left:1rem;padding:.3rem .6rem .3rem .6rem;border-radius:.4rem;background-color:#edf8ee;color:#4eb85a;font-size:1.2rem;font-weight:600}.Plan .price{position:relative;font-weight:bold;margin-bottom:4px}.Plan .price .dollar{font-size:3.6rem}.Plan .price .frequency{font-size:1.4rem}.Plan .disclaimer{min-height:36px;color:#6e6e71;font-size:1.2rem}.Plan .detail-switch{min-height:3rem;margin-bottom:26px;font-size:1.4rem}.Plan .detail-switch .volume-select-container{display:inline-block;position:relative;margin-left:1rem;margin-right:1rem;border:1px solid #d8d8d8;border-radius:3px;background-image:url(https://static.milanote.com/b59422813f14d520.svg);background-repeat:no-repeat;background-position:center right}.Plan .detail-switch .volume-select-container select{display:block;width:100%;height:2.5rem;margin:0;padding:0 2.5rem .2rem 1rem;border:0;outline:0;background:none;color:#000;font-family:Inter,Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:14px;cursor:pointer;-moz-appearance:none;-webkit-appearance:none}.Plan .feature-details{margin-top:auto;display:flex;flex:1;flex-direction:column;justify-content:space-between}.Plan .feature-list{margin-bottom:4rem}.Plan .feature-list li{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:.6rem;font-size:1.4rem;line-height:1.7}.Plan .feature-list li:before{display:block;flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.3rem;margin-right:1.7rem;background:url(https://static.milanote.com/6fc85ecbe26c8068.svg);background-size:100% 100%;content:""}.Plan .Button{width:100%;padding-right:10px;padding-left:10px;margin-top:auto;text-align:center}.Plan .footer{padding-top:3rem;height:1rem;font-size:1.4rem;text-align:center;color:#31303a}.Plan .footer a{color:#31303a;white-space:nowrap;text-decoration:underline}@media(max-width: 915px){.Plan .title .save-percent{display:none}}
.Register{background-size:auto 100%}.Register .title-section{padding-top:75px;text-align:center}.Register .title-section .PageTitle{font-weight:600}.Register .FloatingPanel .panel{max-width:520px}.Register .register-section{padding-top:20px;padding-bottom:120px;text-align:center}.Register .register-section h2{font-family:Tiempos,"Tiempos Fallback";color:#31303a;font-size:24px;line-height:30px}@media(max-width: 1375px){.Register{background-size:auto 100%}}@media(max-width: 767px){.Register{background:#31303a;background-image:none !important}.Register .title-section{padding-top:0}.Register .PageTitle{color:#fff}.Register .register-section{padding:0}.Register .MilanoteLogo .milanote-name{color:#fff}.Register .MilanoteLogo .Logo g{stroke:#fff}}
.AppDownload{background-color:#f2f2f2}.AppDownload .PageTitle{padding:0;text-align:left;color:#31303a;font-weight:600}.AppDownload .PageIntroduction{padding:0;margin-top:14px;margin-bottom:37px;color:#6e6e71;text-align:left}.AppDownload .additional-info{margin-top:40px;font-size:16px;color:#6e6e71;line-height:24px}.AppDownload .additional-info a{color:inherit;text-decoration:underline}.AppDownload .AsideSection.left{padding-top:47px}.AppDownload .AsideSection.left .content{overflow:visible}.AppDownload .AsideSection.left .content section{width:39%;flex-basis:auto}.AppDownload .AsideSection.left .content section .section-content{margin-top:-70px;max-width:460px;flex-basis:auto}.AppDownload .AsideSection.left .content aside{width:60%;padding:0;height:auto;margin-right:12px;padding-right:38px}.AppDownload .AsideSection.left .content aside img{width:100%;height:auto}.AppDownload .AsideSection.left .content .button-container .Button{margin-right:10px;margin-bottom:10px;padding-right:30px;padding-left:30px}@media(max-width: 1200px){.AppDownload .AsideSection.left .content aside{padding-left:20px;min-width:0}}@media(max-width: 1025px){.AppDownload .AsideSection.left .content{flex-direction:column-reverse}.AppDownload .PageTitle{padding:0;text-align:center}.AppDownload .PageIntroduction{text-align:center}.AppDownload .AsideSection.left{padding-top:10px}.AppDownload .AsideSection.left .content section{width:auto}.AppDownload .AsideSection.left .content section .section-content{margin-top:0}.AppDownload .AsideSection.left .content aside{width:auto;margin:0;padding:0}}@media(max-width: 767px){.AppDownload .AsideSection.left{padding-top:75px;margin-top:-75px}.AppDownload .AsideSection.left .content section .section-content{width:auto}}
.AppDownload.WebClipperDownload .AsideSection.left{padding-top:24px}.AppDownload.WebClipperDownload .AsideSection.left .content section .section-content{margin-top:-35px}.AppDownload.WebClipperDownload .AsideSection.left aside{width:70%;margin-left:-135px;margin-right:19px;padding-right:56px}.AppDownload.WebClipperDownload .download-button{display:flex;justify-content:flex-start;align-items:center;width:100%;height:64px;padding:10px 24px;margin-bottom:10px;border-radius:6px;border:none;background-color:#e4e4e4}.AppDownload.WebClipperDownload .download-button:last-of-type{margin-bottom:0}.AppDownload.WebClipperDownload .download-button .link-text{font-size:18px;color:#f4511c}.AppDownload.WebClipperDownload .download-button .link-text:after{display:inline-block;content:"";width:6px;height:10px;margin-left:10px;background:url(https://static.milanote.com/91701ffed99bd63c.svg)}.AppDownload.WebClipperDownload .download-button img{width:40px;height:40px;margin-right:20px}@media(max-width: 1200px){.AppDownload.WebClipperDownload .AsideSection.left .content aside{padding-left:20px;min-width:0}}@media(max-width: 1025px){.AppDownload.WebClipperDownload .AsideSection.left .content{flex-direction:column-reverse}.AppDownload.WebClipperDownload .PageTitle{padding:0;text-align:center}.AppDownload.WebClipperDownload .PageIntroduction{text-align:center}.AppDownload.WebClipperDownload .AsideSection.left{padding-top:42px}.AppDownload.WebClipperDownload .AsideSection.left .content section{width:auto}.AppDownload.WebClipperDownload .AsideSection.left .content section .section-content{margin-top:0}.AppDownload.WebClipperDownload .AsideSection.left .content aside{width:auto;margin:0;padding:0}}@media(max-width: 767px){.AppDownload.WebClipperDownload .AsideSection.left{padding-top:75px;margin-top:-75px}.AppDownload.WebClipperDownload .AsideSection.left .content section .section-content{width:auto}}
.BlogPostBackLinks{display:flex;flex-direction:column;align-items:center}.BlogPostBackLinks .back-links-heading-container{font-family:"Meta Serif OT",Times,serif;text-align:center;font-size:18px;font-style:italic;line-height:1.11;color:#909090;max-width:850px;padding:0 50px;width:100%}@media(max-width: 767px){.BlogPostBackLinks .back-links-heading-container{padding:0}}.BlogPostBackLinks .back-links-heading{padding:20px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.BlogPostBackLinks .GridSection{margin:55px 0 154px}.BlogPostBackLinks .GridSection .content{justify-content:flex-start}@media(max-width: 1025px){.BlogPostBackLinks .GridSection{margin:55px 0 55px}}@media(max-width: 767px){.BlogPostBackLinks .GridSection{margin:10px 0 30px}}
@media(min-width: 1026px){.MilanoteAd{margin-left:-100px;width:946px;margin-top:70px;margin-bottom:35px}}@media(max-width: 1025px){.MilanoteAd{margin-top:60px;margin-bottom:30px}}@media(max-width: 767px){.MilanoteAd{margin-top:20px;margin-bottom:17px}}.MilanoteAd .AsideSection.right{max-width:946px;max-height:430px;margin:0 auto;background:#31303a}.MilanoteAd .AsideSection.right>.content>aside{padding:0;max-height:430px;width:50%}.MilanoteAd .AsideSection.right>.content section{width:50%;flex-basis:auto;margin-left:0;padding:20px 56px;text-align:left}@media(max-width: 1025px){.MilanoteAd .AsideSection.right{max-width:750px}.MilanoteAd .AsideSection.right>.content{flex-direction:row}.MilanoteAd .AsideSection.right>.content>aside{width:50%;order:2}.MilanoteAd .AsideSection.right>.content section{width:375px;order:1;padding:30px 36px 40px}}@media(max-width: 767px){.MilanoteAd .AsideSection.right{max-height:none}.MilanoteAd .AsideSection.right>.content{flex-direction:column}.MilanoteAd .AsideSection.right>.content>aside{order:2;width:100%}.MilanoteAd .AsideSection.right>.content section{order:1;width:100%;text-align:center}}.MilanoteAd .hero-container{position:relative;width:100%;height:100%;overflow:hidden}.MilanoteAd .hero-container .Video{position:absolute;top:50px;width:145%}@media(max-width: 1025px){.MilanoteAd .hero-container .Video{top:30px;width:540px}}@media(max-width: 767px){.MilanoteAd .hero-container{height:160px;padding-top:20px}.MilanoteAd .hero-container .Video{position:relative;top:0;width:100%;padding:0 34px}}.MilanoteAd .logo{width:134px;height:36px}.MilanoteAd .title{color:#fff;font-size:30px;font-family:Tiempos,"Tiempos Fallback";padding:.8em 0 .4em 0}@media(max-width: 1025px){.MilanoteAd .title{padding:.6em 0 .4em 0;font-size:24px}}@media(max-width: 767px){.MilanoteAd .title{font-size:18px}}.MilanoteAd .description{padding:0 0 1.5em 0;color:hsla(0,0%,100%,.7);font-size:24px;line-height:1.6}@media(max-width: 1025px){.MilanoteAd .description{font-size:20px;line-height:1.4;padding:0 0 16px 0}}@media(max-width: 767px){.MilanoteAd .description{font-size:16px}}
.BlogPost .BlogTitle{padding:28px 25px 23px 25px;background-color:#4f5eff;position:absolute;width:100%;left:0}.BlogPost .BlogTitle .title-image-container{max-width:600px;margin:0 auto;border-bottom:1px solid rgba(207,205,210,.3);padding:0 66px}.BlogPost .BlogTitle .title-image-container .title-image-link{background-image:url(https://static.milanote.com/d7ea98656c907ddd.png);width:100%;padding:5.7%;background-size:100% auto;background-repeat:no-repeat;margin:5px auto}.BlogPost .BlogTitle .title-description{padding:14px 0;color:#fff}.BlogPost .BlogTitle .title-description a{color:#fff;text-decoration:underline}@media(max-width: 767px){.BlogPost .BlogTitle{margin-top:0;padding:14px 20px 5px;position:relative}.BlogPost .BlogTitle .title-image-container{padding:0 15px}.BlogPost .BlogTitle .title-image-container .title-image{max-width:none}.BlogPost .BlogTitle .title-description{font-size:14px;line-height:1.43;padding:15px 0}}.BlogPost .content-container{padding:220px 50px 35px;max-width:850px;margin:0 auto}.BlogPost .content-container .post-title{font-family:"Domaine Display Narrow",Times,serif;font-size:56px;font-weight:600;line-height:1.07;color:#31303a}@media(max-width: 767px){.BlogPost .content-container .post-title{font-size:32px;line-height:1.25}}.BlogPost .content-container .author-container{padding:21px 0;display:flex}.BlogPost .content-container .author-container .post-author{font-family:"Meta Serif OT",Times,serif;font-size:16px;line-height:1.25;color:#909090;margin-right:15px}.BlogPost .content-container .author-container .tag-link{text-decoration:underline;margin:0 15px 0 0;font-family:"Meta Serif OT",Times,serif;font-size:16px;line-height:1.25}.BlogPost .content-container .post-content-section{margin:21px 0}.BlogPost .content-container .post-content-section .post-content{color:#4c4c4c;font-size:20px;line-height:1.5}.BlogPost .content-container .post-content-section .post-content p{font-family:"Meta Serif OT",Times,serif;margin-bottom:20px;word-wrap:break-word}.BlogPost .content-container .post-content-section .post-content p:first-child{margin-top:0}.BlogPost .content-container .post-content-section .post-content hr{width:200px;margin:52px auto 48px auto;border:none;border-top:1px solid #d8d8d8}.BlogPost .content-container .post-content-section .post-content h1,.BlogPost .content-container .post-content-section .post-content h2,.BlogPost .content-container .post-content-section .post-content h3,.BlogPost .content-container .post-content-section .post-content h4{font-size:28px;font-family:"Domaine Display Narrow",Times,serif;line-height:1.07;font-weight:600;color:#31303a;margin-top:50px;margin-bottom:11px}@media(max-width: 767px){.BlogPost .content-container .post-content-section .post-content h1,.BlogPost .content-container .post-content-section .post-content h2,.BlogPost .content-container .post-content-section .post-content h3,.BlogPost .content-container .post-content-section .post-content h4{font-size:24px}}.BlogPost .content-container .post-content-section .post-content h3{font-size:24px}@media(max-width: 767px){.BlogPost .content-container .post-content-section .post-content h3{font-size:20px}}.BlogPost .content-container .post-content-section .post-content blockquote{border-left:2px solid #6f6f72;margin-left:-20px;margin-bottom:50px;margin-top:50px;padding-left:18px;font-style:italic}.BlogPost .content-container .post-content-section .post-content .image-caption-container{margin-bottom:52px;margin-top:52px}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container{display:inline-block;position:relative;margin-bottom:52px}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container .image-guide-link{display:block;position:absolute;bottom:-10px;right:-10px;z-index:2;padding:13px 45px 16px 25px;font-size:16px;border:1px solid #b5b5b5;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:#6f6f72;background:#fff;background-position:96% center}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container .image-guide-link .title{font-family:Tiempos,"Tiempos Fallback";color:#31303a}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container .image-guide-link .cta span{color:#909090}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container .image-guide-link .arrow{position:absolute;top:0;right:0;bottom:0;width:40px;font-size:0;color:rgba(0,0,0,0);background:url(https://static.milanote.com/3d781badfdfa75c7.svg) no-repeat center center}.BlogPost .content-container .post-content-section .post-content div[data-oembed-type=embed],.BlogPost .content-container .post-content-section .post-content .block-img{margin-bottom:52px;margin-top:52px}.BlogPost .content-container .post-content-section .post-content div[data-oembed-type=embed]{position:relative;width:946px;height:532px;margin-left:-100px}.BlogPost .content-container .post-content-section .post-content iframe{position:absolute;top:0;left:0;width:100%;height:100%}.BlogPost .content-container .post-content-section .post-content img{height:auto;width:946px;margin-left:-100px;display:block}.BlogPost .content-container .post-content-section .post-content li{padding-left:10px;margin-bottom:18px}.BlogPost .content-container .post-content-section .post-content ol,.BlogPost .content-container .post-content-section .post-content ul{font-family:"Meta Serif OT",Times,serif;padding-left:24px;list-style:decimal;margin-bottom:36px}.BlogPost .content-container .post-content-section .post-content ul{list-style:disc}.BlogPost .content-container .post-content-section .post-content ul li{margin-bottom:22px}.BlogPost .content-container .post-content-section .post-content em{font-style:italic}.BlogPost .content-container .post-content-section .post-content figcaption{font-family:"Meta Serif OT",Times,serif;text-align:center;font-size:16px;line-height:1.25;margin:20px 10% 0 10%;color:#909090}@media(max-width: 1025px){.BlogPost .content-container .post-content-section .post-content img{width:100%;margin-left:0}.BlogPost .content-container .post-content-section .post-content div[data-oembed-type=embed]{width:100%;height:auto;padding-bottom:56.25%;margin-left:0}}@media(max-width: 767px){.BlogPost .content-container .post-content-section .post-content{font-size:16px;line-height:1.56}.BlogPost .content-container .post-content-section .post-content div[data-oembed-type=embed],.BlogPost .content-container .post-content-section .post-content blockquote,.BlogPost .content-container .post-content-section .post-content .block-img,.BlogPost .content-container .post-content-section .post-content .image-caption-container{margin-bottom:22px;margin-top:22px}.BlogPost .content-container .post-content-section .post-content h1,.BlogPost .content-container .post-content-section .post-content h2,.BlogPost .content-container .post-content-section .post-content h3,.BlogPost .content-container .post-content-section .post-content h4{margin-top:36px}.BlogPost .content-container .post-content-section .post-content hr{margin-top:22px;margin-bottom:20px}.BlogPost .content-container .post-content-section .post-content ol,.BlogPost .content-container .post-content-section .post-content ul,.BlogPost .content-container .post-content-section .post-content p{margin-bottom:22px}.BlogPost .content-container .post-content-section .post-content figcaption{font-size:14px;margin-top:12px}.BlogPost .content-container .post-content-section .post-content blockquote{margin-left:0}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container{margin-bottom:0;margin-top:0}.BlogPost .content-container .post-content-section .post-content .image-guide-link-container .image-guide-link{display:none}}@media(max-width: 767px){.BlogPost .content-container{padding:19px 20px 10px}.BlogPost .content-container .post-author{padding-bottom:5px}.BlogPost .content-container .author-container{display:block;padding:5px 0}}.BlogPost .post-footer-container{position:absolute;left:0;width:100%}@media(min-width: 1025px){.BlogPost .post-footer-container{height:140px}}
.BlogSubscribeSuccess{padding-top:100px}.BlogSubscribeSuccess .success-subscription-container{position:absolute;width:100%;left:0;display:flex;flex-direction:column;background-color:#f2f2f2;align-items:center;justify-content:center;margin-bottom:30px;min-height:200px}.BlogSubscribeSuccess .success-subscription-container .title-container{display:flex;align-items:center;margin-bottom:20px}.BlogSubscribeSuccess .success-subscription-container .title-container .success-subscription-tick{width:50px;height:50px;margin-right:20px}.BlogSubscribeSuccess .success-subscription-container .title-container .success-subscription-title{font-family:"Domaine Display Narrow",Times,serif;font-size:56px;font-weight:600;line-height:1.14;color:#31303a}.BlogSubscribeSuccess .success-subscription-container .rss-json-description{font-family:"Meta Serif OT",Times,serif;font-size:16px;font-weight:normal;line-height:1.56;text-align:center;color:#b2b2b2}.BlogSubscribeSuccess .success-subscription-container .rss-json-description a{color:#b2b2b2;text-decoration:underline}.BlogSubscribeSuccess .BlogPostBackLinks{padding-top:268px}.BlogSubscribeSuccess .BlogPostBackLinks .Section{margin-bottom:75px}.BlogSubscribeSuccess .back-link{display:block;font-family:"Meta Serif OT",Times,serif;font-size:20px;font-weight:normal;line-height:1.25;text-align:center;color:#f4511c;margin-bottom:78px;text-decoration:underline}
.TemplateListingEntry{background:#fff;overflow:hidden;position:relative;text-decoration:none;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.05)}.TemplateListingEntry .template-thumbnail-container{position:relative;background:#31303a}.TemplateListingEntry .template-thumbnail-container .template-thumbnail{display:block;width:100%;height:auto;opacity:.8;transition:opacity .3s ease-out}.TemplateListingEntry .template-title{font-weight:600;font-size:22px;line-height:22px;color:#31303a;margin:28px 20px 30px 20px;text-align:center}.TemplateListingEntry:hover .template-thumbnail{opacity:1}
.TemplateListingPage{height:100%;background-color:#31303a}@media(max-width: 767px){.TemplateListingPage{padding:0}}.TemplateListingPage .content-container{display:flex;max-width:1230px;margin:0 auto;padding:0 30px 33px 30px}.TemplateListingPage .content-container .grid-container{margin-right:-15px;width:100%}.TemplateListingPage .content-container .grid-container .PageTitle{text-align:center;color:#fff;font-weight:600;padding:35px 0 70px 0}@media(max-width: 1025px){.TemplateListingPage .content-container .grid-container .PageTitle{padding:29px 0 61px 0}}@media(max-width: 767px){.TemplateListingPage .content-container .grid-container .PageTitle{padding:6px 0 12px 0}}.TemplateListingPage .content-container .grid-container .no-result-message{font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:21px;line-height:1.43;color:#b5b5b5;padding-left:15px;padding-top:10px}@media(max-width: 767px){.TemplateListingPage .content-container{padding:15px 5px 33px 5px;flex-direction:column-reverse}}.TemplateListingPage .template-listing{margin-bottom:20px}.TemplateListingPage .template-listing .GridItem{margin:15px}@media(max-width: 767px){.TemplateListingPage .template-listing .GridItem{margin:10px 15px}}.TemplateListingPage .template-listing>.content{padding:0}@media(max-width: 1025px){.TemplateListingPage .template-listing{min-height:430px}}@media(max-width: 1025px){.TemplateListingPage .template-listing .TemplateListingEntry.GridItem{width:calc(50% - 30px)}}@media(max-width: 580px){.TemplateListingPage .template-listing .TemplateListingEntry.GridItem{width:calc(100% - 30px)}}@media(max-width: 400px){.TemplateListingPage .template-listing .TemplateListingEntry.GridItem{width:calc(100% - 30px)}}
.Template{display:flex;flex-direction:column;position:relative}.Template .detail-section{background:#31303a;color:#fff;padding-top:16.2rem}.Template .detail-section .Breadcrumb .BreadcrumbEntry a{color:gray}.Template .detail-section .Breadcrumb .BreadcrumbEntry.inactive a{color:#fff}.Template .detail-section .PageTitle{font-size:4.4rem;line-height:1.27}.Template .detail-section .use-template-cta{padding-top:10px;padding-bottom:23px;text-align:center}.Template .detail-section .preview-image{position:relative;margin-top:32px;margin-bottom:48px;margin-left:-15px;margin-right:-15px}.Template .detail-section .preview-image .image-container{position:relative;padding-bottom:56.25%}.Template .detail-section .preview-image .image-container img{position:absolute;width:100%;height:100%;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.3)}.Template .detail-section .preview-image .TemplateCTAPanel{position:absolute;right:65px;bottom:-30px}.Template .detail-section .template-info{display:grid;grid-template-columns:64% auto 330px;grid-template-rows:auto auto;grid-template-areas:"title . ." "description . features";margin-right:0;margin-left:0;margin-bottom:40px;font-size:20px;line-height:1.4;color:#bebdc8}.Template .detail-section .template-info h3{grid-area:title;margin-bottom:2.5rem;font-size:3.2rem;font-weight:600;font-family:Tiempos,"Tiempos Fallback";color:#fff}.Template .detail-section .template-info .description{grid-area:description;color:#bebdc8}.Template .detail-section .template-info .description p{margin-bottom:.55em}.Template .detail-section .template-info .description a{color:#bebdc8;text-decoration:underline}.Template .detail-section .template-info .description ul{padding-left:30px;list-style:disc}.Template .detail-section .template-info .description ul li{padding-left:5px;margin-bottom:8px}.Template .detail-section .template-info .features{grid-area:features}.Template .detail-section .template-info .features ul{list-style:url(https://static.milanote.com/e17c422e5611ed42.svg)}.Template .detail-section .template-info .features ul li{margin-bottom:.55em}.Template .template-angle-divider{height:166px;background:url(https://static.milanote.com/b7046ef3f8634a2f.svg);background-position:top center;background-repeat:no-repeat;background-size:2806px 166px;z-index:1}@media(max-width: 1366px){.Template .detail-section{padding-top:11rem}.Template .detail-section .preview-image{margin-left:50px;margin-right:50px}.Template .detail-section .template-info{width:1010px;margin-left:auto;margin-right:auto;grid-template-columns:64% auto 250px}.Template .detail-section .template-info .features{font-size:18px}.Template .detail-section .template-info .features ul li{margin-bottom:.5rem}}@media(min-width: 1026px)and (max-width: 1366px){.Template .Guide2020PageSliceContainerSection>.content{margin-left:auto;margin-right:auto;width:1010px}}@media(min-width: 768px)and (max-width: 1025px){.Template .Guide2020PageSliceContainerSection>.content{padding-left:30px;padding-right:30px}}@media(max-width: 1025px){.Template .detail-section .preview-image{margin-left:80px;margin-right:80px}.Template .detail-section .preview-image .TemplateCTAPanel{right:30px}.Template .detail-section .template-info{width:auto;margin-left:30px;margin-right:30px;grid-template-columns:auto 60px 250px}}@media(max-width: 767px){.Template .detail-section{padding-top:30px}.Template .detail-section .PageTitle{font-size:34px}.Template .detail-section .preview-image{margin:20px}.Template .detail-section .template-info{display:block;margin-left:30px;margin-right:30px;margin-bottom:60px}.Template .detail-section .template-info h3{font-size:21px;margin-bottom:.55em}.Template .detail-section .template-info .features{display:none}.Template .TemplateCTAPanel{display:none}}
.ReleaseNotesEntry{margin-bottom:60px;font-size:18px;line-height:1.5}.ReleaseNotesEntry header{margin-bottom:14px}.ReleaseNotesEntry header h2{font-size:24px;font-family:Tiempos,"Tiempos Fallback"}.ReleaseNotesEntry header .release-date{color:#929292}.ReleaseNotesEntry h3{font-size:20px;margin-top:1em;font-weight:600}.ReleaseNotesEntry p{margin-top:.2em;margin-bottom:.5em}.ReleaseNotesEntry ol,.ReleaseNotesEntry ul{margin:0;padding-left:1em;margin-top:.2em;margin-bottom:.5em}.ReleaseNotesEntry ul{list-style:disc}
.ReleaseNotesNavigation{font-size:18px;color:#fff}.ReleaseNotesNavigation h3{font-weight:600;margin-bottom:.5em}.ReleaseNotesNavigation a{text-decoration:none;color:#cacaca}.ReleaseNotesNavigation a.selected{color:#fff}@media(max-width: 1025px){.ReleaseNotesNavigation{font-size:16px}}@media(max-width: 767px){.ReleaseNotesNavigation ul{display:flex;justify-content:flex-start;align-items:center;padding-bottom:20px}.ReleaseNotesNavigation ul a{margin-right:20px;white-space:nowrap}}
.ReleaseNotesPage{background:#31303a}.ReleaseNotesPage .title-section{padding-bottom:20px}.ReleaseNotesPage .AsideSection>.content aside{justify-content:flex-start;align-items:flex-start;width:15%;height:auto;padding-top:20px;padding-right:20px;padding-left:15px}.ReleaseNotesPage .AsideSection>.content section{display:block;flex-grow:1;width:85%;flex-basis:auto}.ReleaseNotesPage .AsideSection>.content section .section-content{max-width:none}.ReleaseNotesPage .AsideSection>.content section .FloatingPanel{width:auto}.ReleaseNotesPage .AsideSection>.content section .FloatingPanel .panel{max-width:none;width:100%;margin:0}.ReleaseNotesPage .AsideSection>.content .pagination{display:flex;justify-content:center}.ReleaseNotesPage .AsideSection>.content .pagination .page-nav{padding:0 10px}.ReleaseNotesPage .AsideSection>.content .no-results{padding:50px 0 100px 0;color:#929292;font-size:24px;text-align:center}@media(max-width: 1025px){.ReleaseNotesPage .AsideSection>.content section{margin-right:20px}}@media(max-width: 767px){.ReleaseNotesPage .AsideSection>.content{display:block}.ReleaseNotesPage .AsideSection>.content section{width:auto;margin-left:10px;margin-right:10px}}
.Error404 .error-404-section{background-size:100% auto;background-position:top center;background-repeat:no-repeat;background-color:#31303a}.Error404 .error-404-section .content{padding:160px 100px;color:#fff;font-size:18px}.Error404 .error-404-section .content .quote{font-family:Tiempos,"Tiempos Fallback";font-size:70px;line-height:1.14;max-width:640px}.Error404 .error-404-section .content .quote-attribution{font-size:24px}.Error404 .error-404-section .content .title{margin-top:45px;font-weight:600;font-size:24px}.Error404 .error-404-section .content .suggestions{margin-top:45px}@media(max-width: 1025px){.Error404 .error-404-section .content{padding:160px 20px}.Error404 .error-404-section .content .quote{font-family:Tiempos,"Tiempos Fallback";font-size:40px}.Error404 .error-404-section .content .quote-attribution{font-size:20px}.Error404 .error-404-section .content .title{margin-top:30px;font-size:20px}.Error404 .error-404-section .content .suggestions{margin-top:30px}}@media(max-width: 767px){.Error404 .error-404-section{background-size:auto 100%}.Error404 .error-404-section .content{padding:20px 20px 160px 20px}}@media(max-width: 767px){.Error404 .Header{display:none}}
.GuideSummaryAuthor{display:flex;font-size:14px;line-height:14px}.GuideSummaryAuthor .image{flex-shrink:0;flex-grow:0}.GuideSummaryAuthor .detail{flex-grow:1;flex-shrink:1;margin-left:15px}.GuideSummaryAuthor .UserImage{width:50px;height:50px}.GuideSummaryAuthor .name{font-weight:600;margin-top:6px;margin-bottom:4px}
.GuideSummaryPanel{display:flex;flex-direction:column;justify-content:space-between;padding:20px;height:440px;color:#31303a;background:#fff;overflow:hidden;text-decoration:none;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.05)}.GuideSummaryPanel .article-summary{display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;overflow:hidden}.GuideSummaryPanel .author-section{flex-shrink:0;flex-grow:0;margin-top:20px}.GuideSummaryPanel .thumbnail{width:320px;height:180px;margin-bottom:20px;-o-object-fit:cover;object-fit:cover}.GuideSummaryPanel .title{font-family:Tiempos,"Tiempos Fallback";font-size:18px;line-height:1.25;color:#31303a;margin:0 50px 10px 0}
.GuideLanding{background:#31303a}.GuideLanding .PageTitle{text-align:center;color:#fff;padding:35px 0 70px 0}@media(max-width: 1025px){.GuideLanding .PageTitle{padding:29px 0 61px 0}}@media(max-width: 767px){.GuideLanding .PageTitle{padding:6px 0 12px 0}}
.MobileAppLandingPage .Header{background:#31303a}.mobile-app-landing-page-header-container{padding-top:40px;background:#31303a}@media(max-width: 767px){.mobile-app-landing-page-header-container{padding-top:0}}.FeaturePageHeader.MobileAppLandingPageHeader{background:none}.FeaturePageHeader.MobileAppLandingPageHeader .spacer{padding-bottom:85%}.FeaturePageHeader.MobileAppLandingPageHeader .PageTitle{font-size:42px;line-height:50px}.FeaturePageHeader.MobileAppLandingPageHeader .PageIntroduction{font-size:20px;line-height:30px}.FeaturePageHeader.MobileAppLandingPageHeader .extra-details{max-width:380px;margin-top:60px;color:#929292}.FeaturePageHeader.MobileAppLandingPageHeader .Button{display:flex;align-items:center;width:292px;padding:7px 0 10px 20px}.FeaturePageHeader.MobileAppLandingPageHeader .Button .apple-logo{display:block;width:19px;height:23px;margin-right:10px;background-image:url(https://static.milanote.com/f6aecc8db64314ea.svg)}.FeaturePageHeader.MobileAppLandingPageHeader .Button .google-play-logo{display:block;width:18px;height:20px;margin-right:10px;background-image:url(https://static.milanote.com/437f2a607fd3d139.svg)}.FeaturePageHeader.MobileAppLandingPageHeader .Button.android-button{margin-top:16px}@media(min-width: 768px){.FeaturePageHeader.MobileAppLandingPageHeader .AsideSection>.content .section-content{padding-bottom:100px}}@media(max-width: 1200px){.FeaturePageHeader.MobileAppLandingPageHeader .AsideSection>.content .section-content{max-width:460px}.FeaturePageHeader.MobileAppLandingPageHeader .PageTitle{font-size:30px;line-height:40px}.FeaturePageHeader.MobileAppLandingPageHeader .PageIntroduction{font-size:18px;line-height:24px}.FeaturePageHeader.MobileAppLandingPageHeader .extra-details{margin-top:40px;font-size:16px}}@media(min-width: 768px)and (max-width: 1025px){.FeaturePageHeader.MobileAppLandingPageHeader .AsideSection>.content section{max-width:380px}.FeaturePageHeader.MobileAppLandingPageHeader .AsideSection>.content section .section-content{padding-bottom:70px}.FeaturePageHeader.MobileAppLandingPageHeader .hero-container .image{top:auto;bottom:-40px}}@media(max-width: 767px){.FeaturePageHeader.MobileAppLandingPageHeader .hero-container{padding-top:30px;max-height:480px}.FeaturePageHeader.MobileAppLandingPageHeader .extra-details{margin-top:30px;margin-bottom:20px;color:#929292}}
.TemplateCategoryAuthor{display:flex;flex-direction:column;align-items:center}.TemplateCategoryAuthor .UserImage{width:50px;height:50px;margin-bottom:10px}.TemplateCategoryAuthor .author-caption{color:#929292;font-size:14px}
.TemplateCategory .detail-section .content,.TemplateCategory .Slice .content{max-width:1260px;padding:0 60px}.TemplateCategory .detail-section:before,.TemplateCategory .Slice:before{display:block;padding-bottom:50px;content:""}.TemplateCategory .detail-section:after,.TemplateCategory .Slice:after{display:block;margin:0 auto;padding-top:50px;content:"";width:100px;border-bottom:1px solid #d8d8d8}.TemplateCategory .detail-section:last-child:after,.TemplateCategory .Slice:last-child:after{border:0}.TemplateCategory .detail-section{padding-top:64px}.TemplateCategory .detail-section .Breadcrumb .BreadcrumbEntry a{color:gray}.TemplateCategory .detail-section .Breadcrumb .BreadcrumbEntry.inactive a{color:#000}.TemplateCategory .detail-section:before{display:none}.TemplateCategory .PageTitle,.TemplateCategory .PageIntroduction,.TemplateCategory .PageTitle{padding-left:0;padding-right:0}.TemplateCategory .PageTitle{max-width:945px;margin:0 auto}.TemplateCategory .PageIntroduction{max-width:790px;color:#6e6e71;font-size:22px;line-height:30px;text-align:center}.TemplateCategory .PageIntroduction ol,.TemplateCategory .PageIntroduction ul,.TemplateCategory .PageIntroduction p,.TemplateCategory .PageIntroduction ol li,.TemplateCategory .PageIntroduction ul li{margin-bottom:8px}.TemplateCategory .PageIntroduction ol:last-child,.TemplateCategory .PageIntroduction ul:last-child,.TemplateCategory .PageIntroduction p:last-child,.TemplateCategory .PageIntroduction ol li:last-child,.TemplateCategory .PageIntroduction ul li:last-child{margin-bottom:0}.TemplateCategory .detail-section .PageIntroduction{margin:10px auto 40px auto;padding-bottom:0}.TemplateCategory .LargeTemplatePreviewSlice .content{margin-bottom:60px}.TemplateCategory.image-header .Header{position:absolute;background:none}.TemplateCategory.image-header .Section.detail-section{background:#31303a;background-size:cover}.TemplateCategory.image-header .Section.detail-section:before{display:block;content:"";width:100%;height:100px}.TemplateCategory.image-header .Section.detail-section .PageTitle,.TemplateCategory.image-header .Section.detail-section .PageIntroduction{color:#fff}.TemplateCategory.image-header .Section.detail-section:after{margin-top:0;padding-top:70px;border:0}@media(max-width: 1200px){.TemplateCategory .PageTitle{max-width:790px}}@media(max-width: 1366px){.TemplateCategory .detail-section{padding-top:10px}}@media(max-width: 767px){.TemplateCategory .Section{padding-right:30px;padding-left:30px}.TemplateCategory .Header{margin:0}.TemplateCategory .PageTitle{padding:20px 0 14px 0;font-size:34px;text-align:left}.TemplateCategory .PageIntroduction{padding:0;font-size:20px;text-align:left}.TemplateCategory .detail-section .PageIntroduction{margin:10px 0 30px 0}.TemplateCategory .detail-section .content,.TemplateCategory .Slice .content{padding:0}.TemplateCategory .detail-section:before,.TemplateCategory .Slice:before{padding-bottom:40px}.TemplateCategory .detail-section:after,.TemplateCategory .Slice:after{padding-top:40px}.TemplateCategory .detail-section.detail-section:before,.TemplateCategory .Slice.detail-section:before{padding-bottom:30px}.TemplateCategory .LargeTemplatePreviewSlice .content{margin-bottom:10px}.TemplateCategory .Section.RegisterFormFooterSection{margin:0 30px;padding:0}.TemplateCategory .Section.RegisterFormFooterSection .panel{padding:0 0 25px 0}.TemplateCategory .Section.RegisterFormFooterSection:before{display:block;padding-bottom:40px;border-top:1px solid #d8d8d8;width:100%;content:"";background:#fff}.TemplateCategory .Section.RegisterFormFooterSection:after{content:none}}.TemplateCategory.image-header .detail-section:before{height:70px}
.BrowserSupportPage{text-align:center}.BrowserSupportPage .Section .content{width:80%}.BrowserSupportPage .hero-image{margin-top:115px;width:255px;height:auto}.BrowserSupportPage .PageTitle{font-size:40px;padding:.3em 20px .2em 20px}.BrowserSupportPage .page-description{font-family:"Inter","Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:18px;font-weight:600}.BrowserSupportPage .Section.content-section .content{padding:58px 0 140px}.BrowserSupportPage table{margin:0 auto;max-width:500px;width:100%;border-collapse:collapse;table-layout:fixed}.BrowserSupportPage table tr{border-bottom:1px solid #e0e0e0}.BrowserSupportPage table th,.BrowserSupportPage table td{font-family:"Inter","Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:14px;text-align:left;padding:10px}.BrowserSupportPage table th{font-weight:bold}.BrowserSupportPage table td:first-child{position:relative;vertical-align:middle;padding-left:45px}.BrowserSupportPage table td:first-child .browser-logo{position:absolute;top:7px;left:10px}.BrowserSupportPage table th:last-child,.BrowserSupportPage table td:last-child{text-align:right}@media(max-width: 767px){.BrowserSupportPage .Section.content-section .content{padding:30px 0 70px}.BrowserSupportPage .PageTitle{font-size:30px}.BrowserSupportPage .page-description{font-size:15px}.BrowserSupportPage table{table-layout:auto}}
.Footer{max-width:1440px;margin:0 auto;background:#31303a;color:#fff;line-height:40px}.Footer .content{margin:0 auto;max-width:1000px;padding-top:110px;padding-bottom:110px}.Footer .logo-link{color:#fff;text-decoration:none}.Footer .links{max-width:1440px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.Footer .links .group{width:225px;margin-left:20px;margin-bottom:25px}.Footer .links .group-header{font-weight:600}.Footer .links a{text-decoration:none;color:#b5b5b5}.Footer .links a:hover{cursor:pointer}.Footer .home-link{text-decoration:none}.Footer .MilanoteLogo{margin-top:100px}.Footer .MilanoteLogo span{color:#fff}.Footer .MilanoteLogo path{fill:#fff}.Footer.full-width{max-width:none}@media(max-width: 1000px){.Footer{line-height:30px}.Footer .group:nth-of-type(n + 3){padding-top:20px;border-top:1px solid #6e6e71}.Footer .content{max-width:500px;padding-top:60px;padding-bottom:60px}.Footer .MilanoteLogo{margin-top:30px}}@media(max-width: 767px){.Footer .content{max-width:225px;text-align:center}.Footer .content .links{flex-direction:column}.Footer .content .group{margin-left:0}.Footer .content .group:nth-of-type(n + 2){padding-top:20px;border-top:1px solid #6e6e71}}
body{overflow-x:hidden}.PageContainer{max-width:1440px;margin:0 auto}.PageContainer.full-width{max-width:none}
@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}@font-face{font-family:Source Sans;font-style:normal;font-weight:normal;src:url(https://static.milanote.com/ba6cad25afe01d39.ttf)}@font-face{font-family:Source Sans;font-style:normal;font-weight:bold;src:url(https://static.milanote.com/5c6c404eca1aa7c5.ttf)}@font-face{font-family:Source Sans;font-style:normal;font-weight:600;src:url(https://static.milanote.com/52984b3a4e09652a.ttf)}@font-face{font-family:Source Sans;font-style:italic;font-weight:normal;src:url(https://static.milanote.com/46e0b6c05203ba6d.ttf)}@font-face{font-family:Source Sans;font-style:italic;font-weight:bold;src:url(https://static.milanote.com/a9ab9bc7a4da7b1b.ttf)}@font-face{font-family:"Source Sans Fallback - Helvetica";font-style:normal;font-weight:normal;src:local(Helvetica);size-adjust:92%}@font-face{font-family:"Source Sans Fallback - Helvetica";font-style:normal;font-weight:600;src:local(Helvetica);size-adjust:96%}@font-face{font-family:"Source Sans Fallback - Arial";font-style:normal;font-weight:normal;src:local(Arial);size-adjust:92%}@font-face{font-family:"Source Sans Fallback - Arial";font-style:normal;font-weight:600;src:local(Arial);size-adjust:92%}@font-face{font-family:"Tiempos";font-weight:normal;src:url(https://static.milanote.com/35c218b5b76eeb86.woff2),url(https://static.milanote.com/3a6f6b52e915a128.woff),url(https://static.milanote.com/0dcf4ac89cc23d0d.eot)}@font-face{font-family:"Tiempos";font-style:italic;font-weight:normal;src:url(https://static.milanote.com/3625c65b2b3e1ceb.woff2),url(https://static.milanote.com/00d5e78c6f488520.woff),url(https://static.milanote.com/38e1f72d517db3bc.eot)}@font-face{font-family:"Tiempos";font-weight:600;src:url(https://static.milanote.com/e17dd4d63b4cb6d1.woff2),url(https://static.milanote.com/d9859495372e8ed6.woff),url(https://static.milanote.com/0ca41d7796ab9d89.eot)}@font-face{font-family:"Domaine Display Narrow";font-weight:600;src:url(https://static.milanote.com/62cb6f94f17ad7f3.otf)}@font-face{font-family:"Domaine Display Narrow";font-weight:600;font-style:italic;src:url(https://static.milanote.com/15484da8017b5e22.otf)}@font-face{font-family:"Meta Serif OT";font-weight:normal;src:url(https://static.milanote.com/94b2bcba817c2c79.otf)}@font-face{font-family:"Meta Serif OT";font-weight:bold;src:url(https://static.milanote.com/7cdad4d4f4906fe7.otf)}@font-face{font-family:"Meta Serif OT";font-style:italic;font-weight:normal;src:url(https://static.milanote.com/eea9141547fce9d8.otf)}@font-face{font-family:"Meta Serif OT";font-style:italic;font-weight:bold;src:url(https://static.milanote.com/933011874efac648.otf)}@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;src:url(https://static.milanote.com/2bf3d951bf9d6109.woff2) format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;src:url(https://static.milanote.com/8d1dc86da2589373.woff2) format("woff2")}*{box-sizing:border-box}html{height:100%;font-size:62.5%;line-height:1.333}body{height:100%;font-family:Source Sans,"Source Sans Fallback - Helvetica","Source Sans Fallback - Arial",sans-serif;font-size:1.6em;line-height:1.333;color:#31303a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}strong{font-weight:bold}@layer base{a{color:#f4511c}}.visible-mobile{display:none}@media(max-width: 1025px){.visible-mobile{display:block}}@media(max-width: 767px){.visible-mobile{display:block}}
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat{width:90%;max-width:1050px;border-radius:8px;box-shadow:0 10px 20px 3px rgba(50,59,74,.2);margin-left:auto;margin-right:auto;margin-bottom:30px;opacity:1;animation:fade-in .15s linear,slide-up .15s ease-out;transition:none !important}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat *{font-size:16px}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat:focus{outline:none}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat button{font-size:16px;font-weight:normal;padding:10px 20px 11px 20px;white-space:nowrap}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat button:hover{opacity:1 !important}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div{display:flex;align-items:flex-start}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container{width:auto;flex-shrink:100;padding:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row{display:flex;align-items:center}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row{flex-direction:column}}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container{width:auto;flex-shrink:100}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy{margin:32px}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy{margin:24px}}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy #onetrust-policy-text{margin:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy #onetrust-policy-text a,#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy #onetrust-policy-text a:hover,#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy #onetrust-policy-text a:visited{text-decoration:underline;outline:none}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent{width:auto;position:initial;transform:initial;padding-right:32px;padding-left:0}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent{width:100%;padding:0 24px}}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group{all:unset;display:flex;align-items:stretch}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group{flex-direction:column-reverse}}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group .cookie-setting-link{font-weight:normal;white-space:nowrap}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button{width:auto;text-align:center;margin-top:2px;margin-bottom:2px;border-radius:3px}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button{margin-bottom:7px;margin-right:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button:first-child{margin-bottom:20px}}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button:hover{opacity:1}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button:last-child{margin-right:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div #onetrust-close-btn-container{width:auto;position:absolute;transform:initial;margin:0;top:0;right:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div #onetrust-close-btn-container button{padding:20px;top:0;right:0}#onetrust-consent-sdk #onetrust-banner-sdk.otFlat>div #onetrust-close-btn-container button:hover{opacity:1}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-banner-sdk.otFlat{width:95%;margin-bottom:10px}}#onetrust-consent-sdk #onetrust-pc-sdk.ot-fade-in,#onetrust-consent-sdk .onetrust-pc-dark-filter.ot-fade-in{animation:none !important;transition:none !important}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter{border-radius:8px;height:70vh !important;top:15%}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter{border-radius:0;height:100vh !important;top:0}}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter :focus,#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter :hover{outline:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter h2,#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter h3{font-size:18px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button{font-size:16px;font-weight:normal}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button.save-preference-btn-handler,#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button.ot-pc-refuse-all-handler,#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button#accept-recommended-btn-handler{padding:10px 20px 11px 20px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-header{height:0;padding:0;border-bottom:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-header .ot-pc-logo{display:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content{top:23px;bottom:91px;margin:0;padding:0 32px;width:auto}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content{bottom:172px}}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content button:hover{opacity:1}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content #ot-pc-desc{font-size:16px;line-height:23px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp{padding-bottom:50px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout{border:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout:first-of-type{border-top:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr{display:flex;align-items:center;padding:7.5px 0;width:100%}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-cat-header{flex-grow:1;font-size:16px;font-weight:normal;margin-left:25px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-always-active{color:#4eb85a;right:0;font-weight:normal}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-arw-cntr{display:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl{position:static;transform:initial;top:auto;right:auto}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl input+.ot-switch .ot-switch-nob{background-color:#e8e9eb;border:1px solid #e8e9eb}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl input+.ot-switch .ot-switch-nob::before{background-color:#fff}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl input:checked+.ot-switch .ot-switch-nob{background-color:#4eb85a;border:1px solid #4eb85a}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl input:checked+.ot-switch .ot-switch-nob::before{background-color:#fff}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-tgl input:focus+.ot-switch{outline:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-plus-minus{background-image:url(https://static.milanote.com/da12d70e656492af.svg);background-size:contain;position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:20px;margin-left:-6px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-hdr .ot-plus-minus span{display:none}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout [aria-expanded=true]+.ot-acc-hdr .ot-plus-minus{transform:translateY(-50%) rotate(90deg)}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt{margin:11.5px 0;background-color:#fff;padding:0 0 0 25px;width:auto}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-category-desc{padding:0;margin-top:0;line-height:22px;font-size:14px;color:#323b4a;width:auto}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-hlst-cntr{padding:0}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-hlst-cntr button{font-size:14px;text-decoration:underline}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-subgrp-cntr{border:none;padding-left:0;padding-right:0;width:auto}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-subgrp-cntr .ot-subgrp{margin:0}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-subgrp-cntr .ot-subgrp h5{font-size:16px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-acc-txt .ot-subgrp-cntr .ot-subgrp .ot-subgrp-desc{font-size:14px;line-height:22px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content .ot-cat-grp .ot-cat-item.ot-accordion-layout .ot-cat-grp .ot-always-active{color:#4eb85a;font-weight:normal}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer{border-top:none;position:absolute;right:0;bottom:0;background:#fff;z-index:100;width:100%;margin-bottom:12px}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container{margin:0 20px;border-top:solid 1px #e8e9eb}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container button{width:auto;margin:20px 0;border-radius:3px;letter-spacing:normal}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container button:last-child{margin-right:0}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container button:hover{opacity:1}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container{width:calc(100% - 40px);padding:20px 0 0 0}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer .ot-btn-container button{width:100%;margin:10px 0 0 0}}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer-logo{position:absolute;bottom:0;height:100%;display:flex;background:rgba(0,0,0,0);text-align:left;z-index:-1}#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer-logo a{width:120px;margin:auto 0 auto 20px}@media(max-width: 767px){#onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer-logo{position:static;height:auto;display:block;text-align:center;margin-top:20px}}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui{top:23px;bottom:91px;overflow:visible}@media(max-width: 767px){#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui{bottom:172px}}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr{margin:0 20px;width:auto}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-title{font-size:18px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-search-cntr{width:90%}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-search-cntr svg{right:0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-fltr-cntr{right:0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr{margin:20px 0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr button#filter-btn-handler{background-color:#323b4a;border:none}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr button#filter-btn-handler:hover,#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr button#filter-btn-handler:focus{opacity:1}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-anchor{right:24px;top:102px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt{left:auto;right:15px;margin-top:15px;height:auto;width:auto;padding:20px}@media only screen and (max-width: 600px){#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt{top:99px}}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt #clear-filters-handler{margin-top:0;margin-bottom:25px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt{overflow-x:initial;overflow-y:initial}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-opt{margin-left:0;width:auto}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-opt .ot-chkbox input[type=checkbox]:focus{outline:none}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-btns{margin-left:0}@media only screen and (max-width: 600px){#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-btns{padding-top:20px}}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-btns button{margin-bottom:0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr .ot-lst-subhdr #ot-fltr-cnt .ot-fltr-scrlcnt .ot-fltr-btns button:hover{opacity:1}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr #vendor-search-handler{margin-left:0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-pc-hdr #ot-back-arw{margin:0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt{position:absolute;top:120px;right:0;bottom:0;left:0;min-width:auto;width:auto;height:auto;max-height:initial;margin:0;padding:0 20px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item{padding:15px 0}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-txt{width:auto}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-txt .ot-host-opt li>div div{font-size:12px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item button:focus{border:none}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-hdr{display:flex;position:relative}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-hdr .ot-host-hdr{margin-left:30px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-hdr .ot-plus-minus{background-image:url(https://static.milanote.com/da12d70e656492af.svg);background-size:contain;position:absolute;top:30%;left:0;transform:translateY(-50%);width:20px;height:20px}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-acc-hdr .ot-plus-minus span{display:none}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item [aria-expanded=true]+.ot-acc-hdr .ot-plus-minus{transform:translateY(-50%) rotate(90deg)}#onetrust-consent-sdk #ot-pc-lst.ot-hosts-ui #ot-lst-cnt #ot-host-lst .ot-host-item .ot-c-description div:last-child{width:65%}@keyframes slide-up{0%{transform:translateY(40px)}100%{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

/*# sourceMappingURL=main-608426183596b247e2e7.css.map*/