.header{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);height:5.5rem;justify-content:space-between;max-height:5.5rem;padding:1rem 2rem}.header,.header__logo{align-items:center;display:flex;flex-direction:row}.header__logo img{height:2.25rem;width:8.8125rem}.header__logo h1{color:#02225a;font-size:1.5rem;font-weight:700;margin-left:1rem}.header__logo-divider{background-color:#d8d8d8;height:5rem;margin:0 0 0 1rem;width:.0625rem}.footer__nav-button,.footer__nav-title{font-size:.85rem!important}.header__nav{flex-direction:row}.footer__nav,.header__nav{align-items:center;display:flex;justify-content:space-between}.footer__nav{flex-direction:column}.footer__nav .footer__nav-actions{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;width:100%}#mobile-template-actions,.mobile-btn-action{width:100%}.footer__nav .footer__nav-title,.header__nav .header__nav-title{margin-right:1rem;text-transform:capitalize!important}.footer__nav .footer__nav-button,.header__nav .header__nav-button{background-color:#02225a;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;white-space:nowrap}.footer__nav .footer__nav-button:hover,.header__nav .header__nav-button:hover{background-color:#1e40af}.footer__nav{background-color:#fff;bottom:0;box-shadow:0 -10px 15px -3px rgba(0,0,0,.1),0 -4px 6px -4px rgba(0,0,0,.1);left:0;padding:1rem;position:absolute;right:0}footer{align-items:center;border-top-width:1px;color:#02225a;display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 2rem}footer a{color:#02225a;cursor:pointer;text-decoration:none}footer a:hover{text-decoration:underline}.subheader{animation:txtshdw 6s linear infinite;color:#fff;display:none;font-size:1rem;margin:1rem auto;text-align:center;text-shadow:0 0 2px;width:100%}#template-actions{display:none;margin:0 auto 2rem}#mobile-open-newtab,#open-newtab{align-items:center;background-color:#fff;border:1px solid #02225a;border-radius:0;color:#02225a;display:flex;font-size:1rem;font-weight:400;gap:4px;justify-content:center;padding:.5rem}.form-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--input-background);border:1px solid var(--input-border);border-radius:6px 0 0 6px;color:var(--input-color);display:block;font-size:20px;font-weight:700;line-height:25px;outline:none;padding:8px 16px;transition:border .3s ease;width:100%}.form-field::placeholder{color:var(--input-placeholder)}.form-group{display:none;margin:auto;position:relative;width:600px}.form-group .form-field{flex:1 1 auto;margin-bottom:0;margin-top:0;position:relative;width:1%;z-index:1}:root{--clr-bg:#2c2c2c;--input-color:#99a3ba;--input-border:#cdd9ed;--input-background:#fff;--input-placeholder:#cbd1dc;--input-border-focus:#08234b;--group-color:var(--input-color);--group-border:var(--input-border);--group-background:#eef4ff;--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#172a46}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Montserrat,Arial,sans-serif;margin:0;padding:0}body{background-color:var(--clr-bg);display:flex;flex-direction:column;font-family:Montserrat,serif;font-optical-sizing:auto;font-style:normal;justify-content:center}@keyframes txtshdw{10%{text-shadow:0 0 1px}20%{text-shadow:0 0 2px}30%{text-shadow:0 0 3px}40%{text-shadow:0 0 4px}50%{text-shadow:0 0 5px}60%{text-shadow:0 0 4px}70%{text-shadow:0 0 3px}80%{text-shadow:0 0 2px}90%{text-shadow:0 0 1px}to{text-shadow:0 0 1px}}button{border:none;border-radius:0 .3rem .3rem 0;cursor:pointer;font-weight:900;padding:0 1rem}button:hover{filter:brightness(.9)}iframe{border:none}.device-container1{max-height:100vh;max-width:100vw;overflow:hidden!important}.device-container1,.imac{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.imac{max-width:1300px}.iphone{align-items:center;display:flex;justify-content:center;transform:scale(.6);transition:.3s cubic-bezier(.175,.885,.32,1.275)}.iphone-body{transform:scale(.9)}.imac-body{transform:scale(.6)}@media (max-width:1200px){.imac{max-width:1200px}.iphone{transform:scale(.6)}}@media (max-width:1050px){.iphone{transform:scale(.5)}}@media (min-width:851px){.device-container2{display:none}}@media (max-width:850px){.device-container1{display:none}.imac{max-height:700px;max-width:965px}.imac-body{transform:scale(.3)}.iphone{max-height:575px}.iphone-body{padding-bottom:10rem;transform:scale(1.1)}.header{font-size:2rem}.form-group{display:none;width:300px}.imac{max-height:400px}.imac-body{transform:scale(.19)}.iphone{max-height:450px}.iphone-body{padding-bottom:7rem;transform:scale(.8)}}@media (max-width:400px){.header{font-size:1.5rem}.form-group{display:none;transform:scale(.7)}.imac{max-height:300px}.imac-body{transform:scale(.15)}.iphone{max-height:350px}.iphone-body{padding-bottom:5rem;transform:scale(.6)}}.imac-body .imac-screen:after{background:linear-gradient(to bottom right,hsla(0,0%,100%,.18),rgba(54,54,54,.273));border-radius:50%;content:"";height:25px;left:950px;position:absolute;top:2rem;width:25px}.imac-body .imac-screen iframe,.imac-body .imac-screen img{background:linear-gradient(to bottom right,#000,#0a0a0a);border:5.3125rem solid #000;border-radius:3rem 3rem 0 0;height:1080px;position:relative;width:1920px;z-index:20}.imac-body .imac-bottom{background-color:#dadada;border-radius:0 0 3rem 3rem;height:250px;position:relative;transform:translateY(-4px);z-index:3}.imac-body .imac-bottom,.imac-body .imac-stand-container{align-items:center;display:flex;justify-content:center;width:1920px}.imac-body .imac-stand{background:linear-gradient(0deg,#dbdbdb 0,#807f7f);border-radius:3rem;height:230px;position:relative;transform:translateY(-4px);width:620px;z-index:2}.imac-body .imacslr{background-color:#fff;height:230px;position:absolute;width:400px}.imac-body .imac-stand-right{position:absolute;right:-18.6rem;transform:rotate(75deg)}.imac-body .imac-stand-left{left:-18.6rem;position:absolute;transform:rotate(-75deg)}.imac-body .imac-apple{height:175px;width:175px}.iphone-screen{align-items:center;display:flex;justify-content:center;position:relative}.iphone-screen iframe,.iphone-screen img{border-radius:3rem}.iphone-screen-black-border{align-items:center;background:linear-gradient(to bottom right,#000,#0a0a0a);border-radius:3.5rem;display:flex;justify-content:center;padding:.7rem}.iphone-screen-shadow1,.iphone-screen-shadow2,.iphone-screen-shadow3,.iphone-screen-shadow4{align-items:center;border-radius:4rem;display:flex;justify-content:center;padding:.075rem}.iphone-screen-shadow1{background-color:#42334a}.iphone-screen-shadow2{background-color:#4f4057}.iphone-screen-shadow3{background-color:#cec1d6}.iphone-screen-shadow4{background-color:#938a9c}.iphone-dynamic-island{background-color:#000;border-radius:2rem;cursor:pointer;display:none;height:35px;position:absolute;top:15px;transition:.5s cubic-bezier(.175,.885,.32,1.275);width:140px}.iphone-dynamic-island:hover{width:260px}.iphone-dynamic-island:active{transform:scaleY(1.8) scaleX(1.6) translateY(5px)}.iphone-home-bar{background-color:#fff;border-radius:1rem;bottom:7.5px;cursor:pointer;display:none;height:7.5px;position:absolute;transition:.2s cubic-bezier(.175,.885,.32,1.275);width:150px}.iphone-home-bar:hover{transform:scale(1.1)}.iphone-home-bar:active{bottom:10px;width:180px}.iphone-dynamic-island-camera{background-color:#1b1238;border:1px solid #252561;border-radius:50%;filter:blur(.5px);height:12.5px;outline:1px solid #313144;position:absolute;right:10px;top:10px;width:12.5px}.iphone-dynamic-island-app{background:radial-gradient(circle,red 0,blue 25%,red 75%,orange 100%);border-radius:50%;filter:blur(.5px);height:20px;left:10px;position:absolute;top:7.5px;width:20px}.iphone-volume-down1,.iphone-volume-down2,.iphone-volume-down3,.iphone-volume-up1,.iphone-volume-up2,.iphone-volume-up3{height:55px;width:1px}.iphone-muteunmute1,.iphone-muteunmute2,.iphone-muteunmute3{height:40px;width:1px}.iphone-lock-button1,.iphone-lock-button2,.iphone-lock-button3{height:130px;width:1px}.iphone-lock-button3,.iphone-muteunmute1,.iphone-volume-down1,.iphone-volume-up1{background-color:#e7e2e8}.iphone-lock-button2,.iphone-muteunmute2,.iphone-volume-down2,.iphone-volume-up2{background-color:#878688}.iphone-lock-button1,.iphone-muteunmute3,.iphone-volume-down3,.iphone-volume-up3{background-color:#000}.iphone-lock-button,.iphone-muteunmute,.iphone-volume-down,.iphone-volume-up{display:flex}.iphone-lock-button{position:absolute;right:-19px;top:11rem}.iphone-muteunmute{left:-19px;position:absolute;top:7.25rem}.iphone-volume-up{left:-19px;position:absolute;top:11.25rem}.iphone-volume-down{left:-19px;position:absolute;top:15.75rem}.container{background-color:#fff;color:#02225a!important;display:flex;flex-direction:column;height:calc(100vh - 5.5rem);min-height:100vh;overflow-y:auto;width:100vw}.drawer{display:none}.drawer__overlay{background-color:#000;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;will-change:opacity;z-index:200}.drawer__header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:1.5rem}.drawer__title a{font-size:.85rem}.drawer__close{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 1 15 13.818M0 15.297 15 .521'/%3E%3C/g%3E%3C/svg%3E");border:none;cursor:pointer;flex-shrink:0;height:15px;margin:0 0 0 1rem;padding:0;width:16px}.drawer__wrapper{bottom:0;height:100%;max-width:45vw;position:fixed;right:0;top:0;width:100%;@media (max-width:400px){max-width:100vw}-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:0 2px 6px #777;display:flex;flex-direction:column;overflow:auto;-webkit-transform:translate3d(103%,0,0);transform:translate3d(103%,0,0);transition:transform .3s;will-change:transform;z-index:9999}.drawer__content{flex-grow:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem;position:relative}.drawer__content__inner{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.drawer__content__inner .drawer__content__inner__item{align-items:center;background-color:#f5f5f5;box-shadow:0 1px 5px #ccc;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:background-color .3s;width:100%}.drawer__content__inner .drawer__content__inner__item.active,.drawer__content__inner .drawer__content__inner__item:hover{background-color:#fff;box-shadow:0 1px 5px #ccc;transition:all .3s ease-in-out}.drawer__content__inner .drawer__content__inner__item .template__item{overflow:hidden;position:relative;z-index:1}.drawer__content__inner .drawer__content__inner__item .template__item:before{background-color:#8a9fc3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.drawer__content__inner .drawer__content__inner__item:hover .template__item{color:#fff}.drawer__content__inner .drawer__content__inner__item:hover .template__item:before{left:0}.drawer__content__inner .drawer__content__inner__item.active{border:2px solid #02225a;position:relative}#mobile-template-list .template-item.active .template-overlay,.drawer__content__inner .drawer__content__inner__item.active .template__overlay{background-color:rgba(2,34,90,.25);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}#mobile-template-list .template-item.active .template-overlay:before,.drawer__content__inner .drawer__content__inner__item.active .template__overlay:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}#mobile-template-list .template-item.active .template-name,.drawer__content__inner .drawer__content__inner__item.active .template__item{background-color:#02225a;color:#fff}.drawer__content__inner .drawer__content__inner__item .template__image{height:11.5rem;width:100%}.drawer__content__inner .drawer__content__inner__item .template__item{align-items:center;background-color:#fff;color:#222;display:flex;font-size:1rem;height:3rem;justify-content:center;width:100%}.drawer--left .drawer__wrapper{left:0;right:auto;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.drawer.is-active{display:block}.drawer.is-visible .drawer__wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer.is-visible .drawer__overlay{opacity:.5}#loading{color:#555;display:none;font-size:18px;font-weight:700;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;display:inline-block;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottom-sheet{display:none;visibility:hidden;width:100%;z-index:1000}.bottom-sheet,.bottom-sheet__overlay{bottom:0;left:0;position:fixed;right:0}.bottom-sheet__overlay{background:rgba(0,0,0,.5);opacity:0;top:0;transition:opacity .3s ease;z-index:1001}.bottom-sheet__content{background:#fff;border-radius:16px 16px 0 0;bottom:-100%;left:0;max-height:85vh;overflow-y:auto;padding:20px;position:fixed;right:0;transition:bottom .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1002}.bottom-sheet__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bottom-sheet__body{-webkit-overflow-scrolling:touch}.bottom-sheet__close{background:none;border:none;color:#02225a;cursor:pointer;font-size:24px;padding:0}.bottom-sheet.active{display:block;visibility:visible}.bottom-sheet.active .bottom-sheet__overlay{opacity:1}.bottom-sheet.active .bottom-sheet__content{bottom:0}#mobile-template-list{display:grid;gap:16px;grid-template-columns:1fr;padding:0 0 80px}#mobile-template-list .template-item{background:#f5f5f5;cursor:pointer;height:250px;padding:16px;position:relative;transition:all .2s ease;width:100%}#mobile-template-list .template-item .template-name{background-color:#fff;bottom:0;box-shadow:0 1px 5px #ccc;color:#222;font-size:1rem;left:0;padding:1rem 1.5rem;position:absolute;right:0;text-align:center}#mobile-template-list .template-item:hover{background:#e5e5e5;transform:translateY(-2px)}#mobile-template-list .template-item.active{background:#8a9fc3;color:#fff}#mobile-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:20px}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#02225a;height:20px;margin-left:10px;width:20px}@media (min-width:1281px){.footer__nav,.footer__spacing{display:none}}@media (min-width:1025px) and (max-width:1280px){.footer__nav,.footer__spacing{display:none}}@media (min-width:768px) and (max-width:1024px){.bottom-sheet{display:none!important}}@media (min-width:481px) and (max-width:767px){.mobile-menu-button{display:block}.footer__spacing{margin-bottom:11rem}#template-actions{display:none!important}}@media (min-width:320px) and (max-width:480px){.header__logo img{height:1.5rem;width:5.8125rem}.header__logo h1{font-size:1rem;text-align:right}.header__nav{display:none;visibility:hidden}#template-actions{display:none!important}.footer__spacing{margin-bottom:11rem}.mobile-menu-button{display:block}footer{align-items:flex-start;padding-top:4rem}}