.flow-dialog{--flow-forest:#173e32;--flow-ivory:#f7f7f2;--flow-lime:#dce9b8;background:var(--flow-ivory);width:min(960px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--flow-forest);overscroll-behavior:contain;border:1px solid #dce1d8;border-radius:20px;margin:auto;padding:0;font-family:inherit;position:fixed;inset:0;overflow:auto;box-shadow:0 32px 120px #10291f40}.flow-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#112d256e}.flow-dialog *{box-sizing:border-box}.flow-dialog button,.flow-dialog input{font:inherit}.flow-dialog button{cursor:pointer}.flow-dialog button:disabled{opacity:.4;cursor:not-allowed}.flow-dialog button:focus-visible,.flow-dialog input:focus-visible{outline-offset:4px;outline:3px solid #88a36b}.flow-topline{border-bottom:1px solid #dfe3d7;justify-content:space-between;align-items:center;padding:21px 28px;display:flex}.flow-wordmark{letter-spacing:-1.3px;font-size:24px;font-weight:650}.flow-wordmark>span:first-child{font-weight:350}.flow-brand-dot{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:12px}.flow-close{width:35px;height:35px;color:var(--flow-forest);background:0 0;border:1px solid #d5dbd2;border-radius:50%;line-height:1;transition:background .2s;font-size:25px!important}.flow-close:hover{background:#e8ecdf}.flow-demo{letter-spacing:1.4px;color:#496043;background:#eef0e5;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:9px;font-weight:600;display:flex}.flow-demo>span:first-child{background:#72924c;border-radius:50%;width:5px;height:5px}.flow-demo-detail{letter-spacing:0;margin-left:9px;font-size:11px;font-weight:400}.flow-layout{grid-template-columns:280px 1fr;display:grid}.flow-sidebar{background:#e9eedf;border-right:1px solid #dce2d5;padding:35px 30px}.flow-eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:600;line-height:1.7;display:block}.flow-stock-monogram{background:#fff;border:1px solid #d5ddcb;border-radius:16px;place-items:center;width:66px;height:66px;margin:29px 0 17px;font-family:Georgia,serif;font-size:35px;display:grid}.flow-sidebar h2{letter-spacing:-.8px;margin:0 0 8px;font-size:22px;font-weight:550;line-height:1.25}.flow-sidebar>p{color:#65715d;font-size:12px;line-height:1.6}.flow-sidebar-price{border-bottom:1px solid #ced8c5;flex-direction:column;gap:5px;padding:24px 0;display:flex}.flow-sidebar-price strong{letter-spacing:-1px;font-size:28px;font-weight:500}.flow-sidebar-price span{color:#69715f;font-size:10px}.flow-steps{gap:23px;margin:0;padding:27px 0;list-style:none;display:grid}.flow-steps li{color:#7b8673;align-items:center;gap:12px;font-size:11px;display:flex}.flow-steps li>span{border:1px solid #c6d0bd;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.flow-steps .flow-step-active{color:var(--flow-forest);font-weight:600}.flow-step-active>span{background:var(--flow-forest);color:#fff;border-color:var(--flow-forest)!important}.flow-sidebar .flow-sidebar-note{color:#526347;letter-spacing:-.7px;margin:25px 0 4px;font-family:Georgia,serif;font-size:25px;line-height:1.3}.flow-content{min-width:0;padding:35px 43px 38px}.flow-content-inner{animation:.32s both flow-enter}.flow-content h1{letter-spacing:-1.2px;outline:none;margin:11px 0 15px;font-size:32px;font-weight:450;line-height:1.14}.flow-intro{color:#71806f;margin:0 0 27px;font-size:13px;line-height:1.7}.flow-intro strong{color:var(--flow-forest);font-weight:550}.flow-label{margin-bottom:10px;font-size:11px;font-weight:550;display:block}.flow-quantity{background:#fff;border:1px solid #d8ddd1;border-radius:10px;align-items:center;padding:8px;display:flex}.flow-quantity button{width:39px;height:39px;color:var(--flow-forest);background:#eff2e8;border:0;border-radius:6px;flex-shrink:0;font-size:23px}.flow-quantity input{appearance:textfield;text-align:center;width:100%;min-width:0;color:var(--flow-forest);background:0 0;border:0;padding:8px;font-size:26px;font-weight:500}.flow-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flow-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.flow-quick-quantities{gap:8px;margin-top:11px;display:flex}.flow-quick-quantities button{white-space:nowrap;color:#62705c;background:0 0;border:1px solid #dce2d5;border-radius:5px;flex:1;padding:8px 4px;font-size:10px}.flow-quick-quantities .flow-selected{color:var(--flow-forest);background:#e6edda;border-color:#aaba93}.flow-field-note{color:#7b8373;margin:9px 0 22px;font-size:10px;line-height:1.6}.flow-summary{gap:14px;margin:25px 0 17px;font-size:12px;display:grid}.flow-summary>div{justify-content:space-between;gap:16px;display:flex}.flow-summary dt{color:#78816f}.flow-summary dt span{font-size:10px}.flow-summary dd{text-align:right;white-space:nowrap;margin:0;font-weight:550}.flow-summary .flow-total{border-top:1px solid #dde2d5;align-items:center;padding-top:17px}.flow-total dt{color:var(--flow-forest);font-weight:550}.flow-total dd{letter-spacing:-.8px;font-size:24px}.flow-note{color:#7c8475;margin:15px 0 22px;font-size:10px;line-height:1.7}.flow-primary{border:1px solid var(--flow-forest);background:var(--flow-forest);width:100%;color:var(--flow-ivory);border-radius:7px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font-weight:500;transition:background .2s,transform .2s;display:flex;font-size:12px!important}.flow-primary:hover:enabled{background:#28533f;transform:translateY(-1px)}.flow-primary>span{font-size:20px;line-height:16px}.flow-profile-card{background:#fff;border:1px solid #e0e5d8;border-radius:9px;align-items:center;gap:12px;margin-bottom:20px;padding:17px 13px;display:flex}.flow-avatar{background:#e8eedb;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:12px;display:grid}.flow-profile-card>div{flex-direction:column;gap:5px;display:flex}.flow-profile-card strong{font-size:12px;font-weight:550}.flow-profile-card>div>span{color:#7b8473;font-size:10px}.flow-status{color:#526346;white-space:nowrap;background:#e6edd9;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:9px}.flow-verification{align-items:center;gap:10px;margin:23px 0 25px;display:flex}.flow-check{color:#4c6c3b;background:#e6eddb;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.flow-verification strong{font-size:11px;font-weight:550}.flow-verification p{color:#85907c;margin:6px 0 0;font-size:9px}.flow-input{color:#627058;letter-spacing:1px;background:#fff;border:1px solid #d9dfd1;border-radius:7px;width:100%;padding:15px;font-size:13px!important}.flow-soft-note{color:#6b765e;background:#edf0e5;border:1px solid #e0e5d5;border-radius:8px;margin:19px 0 30px;padding:17px;font-size:11px;line-height:1.7}.flow-button-row{align-items:center;gap:20px;margin-top:23px;display:flex}.flow-back{color:#647359;background:0 0;border:0;flex-shrink:0;padding:12px 0;font-size:11px!important}.flow-review{background:#fff;border:1px solid #dfe4d7;border-radius:10px;margin:0 0 23px;padding:20px}.flow-payment{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.flow-payment legend{padding:0 0 12px;font-size:11px;font-weight:550}.flow-payment label{cursor:pointer;border:1px solid #dce2d2;border-radius:7px;align-items:center;gap:8px;padding:14px 10px;display:flex}.flow-payment label.flow-payment-selected{background:#edf2e3;border-color:#80986a}.flow-payment input,.flow-consent input{accent-color:var(--flow-forest);flex-shrink:0;width:14px;height:14px;margin:0}.flow-payment label>span:nth-child(2){flex-direction:column;gap:6px;display:flex}.flow-payment strong{font-size:11px;font-weight:550}.flow-payment small{color:#808a74;font-size:8px;line-height:1.5}.flow-payment-symbol{margin-left:auto;font-size:18px}.flow-consent{color:#7b8571;cursor:pointer;align-items:flex-start;gap:10px;margin:24px 0 17px;font-size:10px;line-height:1.65;display:flex}.flow-consent input{margin-top:3px}.flow-secure-note{text-align:center;color:#86907c;margin:13px 0 0;font-size:9px;line-height:1.5}.flow-processing-orb{background:radial-gradient(circle at 35% 25%,#eff4de,#ccdcae);border:1px solid #d6dfc8;border-radius:50%;place-items:center;width:115px;height:115px;margin:25px auto 30px;animation:2s ease-in-out infinite flow-breathe;display:grid;box-shadow:0 12px 40px #c9d7b344}.flow-processing-orb span{font-family:Georgia,serif;font-size:58px;font-weight:300}.flow-timeline{gap:20px;margin:0 0 24px;padding:0;list-style:none;display:grid}.flow-timeline li{color:#a4ac9b;align-items:center;gap:14px;display:flex}.flow-timeline li>span{border:1px solid #dce2d3;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;position:relative}.flow-timeline li:not(:last-child)>span:after{content:"";background:#dde4d1;width:1px;height:25px;position:absolute;top:26px;left:12px}.flow-timeline strong{font-size:12px;font-weight:500}.flow-timeline small{margin-top:5px;font-size:9px;display:block}.flow-timeline .flow-timeline-done{color:var(--flow-forest)}.flow-timeline-done>span{background:#e1ebcf;border-color:#c5d6af!important}.flow-success-mark{background:var(--flow-lime);border:1px solid #bed1a1;border-radius:50%;place-items:center;width:62px;height:62px;margin:25px 0 23px;font-size:28px;animation:.6s both flow-enter;display:grid}.flow-receipt{background:#fff;border:1px solid #dce2d4;border-radius:12px;margin:22px 0;padding:25px}.flow-receipt-amount{letter-spacing:-1.5px;margin-top:10px;font-size:37px}.flow-receipt dl{border-top:1px dashed #d7dfce;gap:15px;margin:22px 0 0;padding-top:22px;font-size:11px;display:grid}.flow-receipt dl>div{justify-content:space-between;gap:12px;display:flex}.flow-receipt dt{color:#839078}.flow-receipt dd{margin:0;font-weight:500}.flow-credited{color:#698348}.flow-error{color:#8f4932;background:#faf0e8;border:1px solid #e0bbaa;border-radius:7px;padding:14px;font-size:11px;line-height:1.6}.flow-dialog a{color:inherit}@keyframes flow-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-breathe{50%{transform:scale(1.04);box-shadow:0 15px 50px #b6c99277}}@media (max-width:760px){.flow-dialog{border-radius:14px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.flow-layout{grid-template-columns:210px 1fr}.flow-sidebar{padding:28px 20px}.flow-content{padding:29px 26px}.flow-sidebar h2{font-size:19px}.flow-content h1{font-size:29px}.flow-payment{grid-template-columns:1fr}.flow-payment small{font-size:10px}.flow-verification{flex-wrap:wrap}.flow-verification .flow-status{margin-left:37px}.flow-topline{padding:16px 22px}}@media (max-width:560px){.flow-layout{display:block}.flow-sidebar{border-bottom:1px solid #dce2d5;border-right:0;flex-wrap:wrap;align-items:center;gap:12px;padding:17px 23px;display:flex}.flow-sidebar>.flow-eyebrow,.flow-sidebar>p,.flow-sidebar-price,.flow-steps,.flow-sidebar .flow-sidebar-note{display:none}.flow-stock-monogram{border-radius:9px;flex-shrink:0;width:36px;height:36px;margin:0;font-size:21px}.flow-sidebar h2{flex:1;margin:0;font-size:15px}.flow-content{padding:26px 23px 30px}.flow-topline{padding:15px 20px}.flow-wordmark{font-size:22px}.flow-demo{letter-spacing:.8px;gap:6px;padding:9px 10px;font-size:8px}.flow-demo-detail{margin-left:3px;font-size:9px}.flow-content h1{font-size:30px}.flow-intro{margin-bottom:22px;font-size:12px}.flow-verification{flex-wrap:nowrap}.flow-verification .flow-status{margin-left:auto}.flow-payment{grid-template-columns:1fr 1fr}.flow-payment small{font-size:8px}.flow-payment-symbol{display:none}.flow-button-row{gap:16px}.flow-primary{padding:15px}.flow-receipt{padding:21px}.flow-sidebar .flow-eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.flow-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.flow-stock-monogram img{object-fit:contain;border-radius:8px;width:82%;height:82%}.flow-quick-quantities button{font-size:9px}
