@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/open-sans-latin-400-normal.b24478aa.woff2?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff2"),url(/_next/static/media/open-sans-latin-400-normal.ce9ab17a.woff?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/open-sans-latin-600-normal.a30149f0.woff2?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff2"),url(/_next/static/media/open-sans-latin-600-normal.6f3059a3.woff?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/open-sans-latin-700-normal.4333ca8e.woff2?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff2"),url(/_next/static/media/open-sans-latin-700-normal.9df20e18.woff?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff")}@font-face{font-family:Syncopate;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/syncopate-latin-400-normal.a3fbc5ed.woff2?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff2"),url(/_next/static/media/syncopate-latin-400-normal.f6c85a1c.woff?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff")}@font-face{font-family:Syncopate;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/syncopate-latin-700-normal.950531ce.woff2?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff2"),url(/_next/static/media/syncopate-latin-700-normal.d0bfa092.woff?dpl=dpl_D2Qt7Wgg2ew1VcmLvSPtY81c1c6S) format("woff")}.midnight-demo{position:relative;height:100dvh;min-height:400px;overflow:clip;background:#2a334e;color:#fff;font-family:Open Sans,sans-serif;font-size:14px}.midnight-demo a,.midnight-demo button,.midnight-demo input{font-family:inherit}.midnight-demo a,.midnight-demo button{cursor:pointer}.midnight-demo a:focus-visible,.midnight-demo button:focus-visible{outline:2px solid #df272f;outline-offset:3px}.midnight-stage{width:100%;height:100%;position:relative;transition:width .3s ease}.midnight-stage iframe{border:0;width:100%;height:calc(100% + 45px)}.midnight-header{position:absolute;z-index:4;inset:0 0 auto;height:90px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px}.midnight-model-link{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff;text-decoration:none}.midnight-model-link>span{font-size:40px;font-weight:300;line-height:24px}.midnight-logo img{width:264px;height:18px}.midnight-demo .midnight-button{background:#df272f;border:1px solid transparent;border-radius:8px;color:#fff;padding:13px 30px;font-size:12px;line-height:18px;font-weight:500;text-transform:uppercase}.midnight-demo .midnight-button:hover{background:#bd2027}.midnight-demo .midnight-button-light{background:#fff;color:#2a334e}.midnight-demo .midnight-button-light:hover{background:#eee}.midnight-demo .midnight-edit{border-color:#fff;background:transparent}.midnight-demo .midnight-edit:hover{background:#fff;color:#2a334e}.midnight-actions{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;height:77px;border-top:1px solid #ffffff14}.midnight-actions>div{display:flex;align-items:center;gap:24px}.midnight-actions>div>button:not(.midnight-button){display:flex;align-items:center;gap:12px;color:white;background:none;border:0;padding:8px;font-size:14px}.midnight-actions>div>button>span{font-size:24px}.midnight-drawer{position:absolute;z-index:5;inset:0 0 0 auto;width:400px;display:flex;flex-direction:column;background:#fff;color:#404040;box-shadow:-8px 0 30px #0000000a}.midnight-drawer-header{padding:24px;height:80px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.midnight-drawer-header h1{margin:0;font-family:Syncopate,sans-serif;font-size:16px;line-height:24px;font-weight:700;text-transform:uppercase;color:#2a334e}.midnight-drawer-header button{border:0;background:none;color:#777;font-size:28px;line-height:24px;padding:4px}.midnight-schemes{display:flex;background:#2c3854;flex-shrink:0}.midnight-schemes button{flex:1;height:48px;border:0;border-bottom:2px solid transparent;font-family:Syncopate,sans-serif;font-size:14px;font-weight:400;color:#fff;text-transform:uppercase;background:transparent}.midnight-schemes button[aria-pressed=true]{font-weight:700;border-bottom-color:#df272f}.midnight-options{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.midnight-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:24px;min-height:67px;border:0;border-bottom:1px solid #20202014;background:#fff;text-align:left;letter-spacing:1px;text-transform:uppercase}.midnight-option-row:hover{background:#f9f9f9}.midnight-option-row strong{font-size:12px;font-weight:600;color:#2a334e}.midnight-option-row>span{flex-shrink:0;display:flex;align-items:center;gap:20px;font-size:12px;color:#40404066}.midnight-option-row b{font-size:36px;font-weight:300;color:#df272f;line-height:18px}.midnight-option-title{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #20202014;margin-bottom:32px}.midnight-option-title h2{margin:0;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#404040}.midnight-option-title button{padding:4px 12px;font-size:30px;line-height:32px;color:#777;background:none;border:0}.midnight-color-control,.midnight-radio-group{padding:0 24px;border:0;margin:0 0 32px}.midnight-choose-title,.midnight-radio-group legend{font-size:12px;line-height:18px;color:#40404066;margin:0 0 24px}.midnight-color-control .chrome-picker{width:100%!important;box-shadow:none!important;border-radius:8px!important;overflow:hidden;font-family:Open Sans,sans-serif!important}.midnight-color-control .chrome-picker>div{border-radius:8px!important}.midnight-color-control .circle-picker{width:100%!important}.midnight-color-control .circle-picker>span>div{border:1px solid lightgray;border-radius:50%}.midnight-saved-colors{padding:32px 0}.midnight-saved-colors>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.midnight-saved-colors button,.midnight-saved-colors span{color:#40404066;font-size:12px;text-transform:uppercase}.midnight-saved-colors button{border:0;background:none;display:flex;gap:8px;align-items:center}.midnight-saved-colors button span{font-size:22px;color:#2a334e}.midnight-radio-group label{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:16px}.midnight-radio-group input{width:20px;height:20px;accent-color:#2a334e}.midnight-credit{height:77px;flex-shrink:0;display:flex;justify-content:center;gap:4px;align-items:center;border-top:1px solid #2c385466;background:#fff;font-size:12px;color:#2c3854}.midnight-credit a{color:inherit;font-weight:600;text-decoration:none}.midnight-mobile-credit{display:none}.midnight-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#2a334e}.midnight-status button{padding:12px 24px;color:#2a334e;background:#fff;border:0;border-radius:8px}.midnight-notice{position:absolute;z-index:10;bottom:92px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#fff;color:#2a334e;border-radius:6px;box-shadow:0 4px 20px #0002;display:flex;align-items:center;gap:16px}.midnight-notice button{border:0;background:none;color:inherit;font-size:20px}@media (min-width:960px){.midnight-stage-editing{width:calc(100% - 400px)}}@media (max-width:959px){.midnight-drawer{width:100%}}@media (max-width:649px){.midnight-actions,.midnight-logo{display:none}.midnight-header{padding:16px;height:77px}.midnight-model-link{font-size:11px;gap:8px}.midnight-demo .midnight-edit{padding:11px 16px;font-size:11px}.midnight-mobile-credit{position:absolute;display:flex;justify-content:center;gap:4px;bottom:0;left:0;width:100%;padding:24px;color:#ffffff6e;font-size:12px}.midnight-mobile-credit a{color:inherit;text-decoration:none;font-weight:600}}@media (prefers-reduced-motion:reduce){.midnight-stage{transition:none}}@media (max-width:700px){.showcase-header{flex-wrap:wrap;height:104px;padding:8px 16px}.showcase-nav{order:3;justify-content:center;width:100%}.showcase-examples{grid-template-columns:1fr}}.midnight-icon{flex-shrink:0}.midnight-icon,.midnight-model-link .midnight-icon{width:24px;height:24px}.midnight-option-title button{padding:12px}.midnight-option-row .midnight-icon{color:#df272f;margin-left:8px}.midnight-drawer-header button{padding:0}.midnight-saved-colors .midnight-icon{width:20px;height:20px;color:#2a334e}.midnight-option-detail{animation:midnight-option-enter .225s cubic-bezier(0,0,.2,1)}@keyframes midnight-option-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.midnight-option-detail{animation:none}}@media (min-width:600px) and (max-width:649px){.midnight-logo{display:block}}@media (max-width:649px){.midnight-mobile-credit{justify-content:flex-end;padding:8px 16px}}@media (max-width:359px){.midnight-mobile-credit{bottom:92px;justify-content:center}}