.button,.tab-link{text-decoration:none}.slider,.step-header,.tab-link,.tooltip-icon{cursor:pointer}.chart,.tab-content{min-height:200px}.calculator-wrapper{max-width:1200px;margin:0 auto;padding:0;display:grid;grid-template-columns:0.5fr 1fr;gap:var(--space-xl);font-family:Inter,sans-serif}.conv-grid,.input-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.calculator-form,.step-section{gap:var(--space-m);display:flex}.metric-value,.tc__title{font-family:Gilroy,sans-serif}.calc-card{padding:var(--space-m);background:var(--a-bg-cold);border-radius:var(--radius-l)}.input-field,.tc{background:var(--a-white)}.color-scheme--alt .calc-card{background:var(--a-const-gray-1000)}.calc-card.form-block{display:flex;flex-shrink:0;padding:var(--space-m) var(--space-s);min-width:220px;max-width:360px}.calculator-form{flex-direction:column;width:100%;margin-top:0}.step-section{flex-direction:column;margin-bottom:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--a-gray-150)}.step-header{display:flex;justify-content:space-between;align-items:center}.chart-title,.step-title{font-size:calc(var(--text-m) + 2px);color:var(--a-black-light-x1);font-weight:600;width:100%;margin:0;text-wrap:wrap}.chart-title,.tc__title{margin-bottom:var(--space-xs)}.chart-title{position:relative;z-index:1}.chart-block.funnel-chart{display:flex;gap:var(--space-s);flex-direction:row}.toggle-icon{font-size:var(--text-m);color:var(--a-black-light-x1)}.step-content,.tab-pane.active{display:block}.float-block{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--space-s);position:sticky;top:calc(var(--header-height) + var(--space-s) + var(--wp-admin--admin-bar--height,0px))}.input-field,.input-wrap,.metrics-grid.metrics-grid--row .metric-value,.toggle-down,.toggle-up{position:relative}.input-grid{display:grid;gap:var(--space-s) var(--space-xs)}.input-grid--full{display:flex;grid-column:span 2;align-items:center}.input-group{display:flex;flex-direction:column;justify-content:flex-end}.input-group.input-group--row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.input-label{font-size:calc(var(--text-m) - 2px);font-weight:500;color:var(--a-gray-800);line-height:100%}.input-field{padding:0 var(--space-xs);border:1px solid #e0e0e0;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box;color:#111;padding-right:24px}.input-field:focus{outline:0;border-color:var(--a-primary)}.input-wrap:after,.tc,.tooltip-icon{position:absolute}.input-wrap:after{content:attr(data-unit);right:8px;top:50%;transform:translateY(-50%);color:var(--a-gray-600);font-size:calc(var(--text-m) - 1px);font-family:Inter,sans-serif;pointer-events:none;transition:color .2s}.input-wrap:focus-within:after{color:var(--a-gray-800)}.input-wrap[data-unit="$"]:after{right:auto;left:10px}.input-wrap[data-unit="$"]>.input-field{padding-left:24px}.input-wrap[data-unit="^"]:after{content:'';background-image:url('/assets/uploads/2025/01/icon-arrow-acute-angle-black.svg');background-repeat:no-repeat;width:8px;height:12px;transform:rotate(90deg);top:calc(50% - 5px);right:12px;transition:transform .2s}.input-wrap[data-unit="^"]:is(:focus,:active,:focus-within,:focus-visible,:checked):after{transform:rotate(-90deg) translateX(2px)}.color-scheme--alt .input-wrap[data-unit="^"]:after{background-image:url('/assets/uploads/2025/01/icon-arrow-acute-angle-white.svg')}.input-field.dollar::after{content:"$"}.input-field.percentage{position:relative;padding-right:24px}.input-field.percentage::after{content:"%"}.input-with-tooltip{display:flex;align-items:center;gap:8px}.button-group,.conv-grid{gap:var(--space-s) var(--space-xs)}.tooltip-icon{transform:translateY(-1px);margin-left:5px}.tooltip-custom-icon{transform:translateY(2px)}.tab-pane,.tooltip-custom-icon::after{display:none}.tc{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;top:0;width:246px;border-radius:var(--radius-m);border:1px solid var(--a-gray-200);box-shadow:var(--aCardShadowMedium);padding:var(--space-xs);z-index:2;opacity:0;transform:scale(0);transform-origin:top left;transition:transform .2s,opacity .2s}.tc__title{font-size:calc(var(--text-m) - 2px);line-height:1;font-weight:700}.tooltip-custom-icon:is(:hover,:active,:focus-within,:focus-visible,:focus) .tc{transform:scale(1);opacity:1}.tooltip-icon>svg{transition:filter .2s;filter:brightness(.9)}.tooltip-icon:hover>svg{filter:brightness(.3)}.tooltip-icon:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#111;color:var(--a-white);padding:8px;border-radius:4px;font-size:12px;width:200px;z-index:10}:is(.toggle-up,.toggle-down):after{content:'';background-image:url('/assets/uploads/2025/01/icon-arrow-acute-angle-black.svg');background-repeat:no-repeat;width:8px;height:12px;transform:rotate(90deg) rotateY(180deg);display:block;transition:transform .2s}.toggle-down:after{transform:rotate(90deg) rotateY(0)}.color-scheme--alt :is(.toggle-up,.toggle-down):after{background-image:url('/assets/uploads/2025/01/icon-arrow-acute-angle-white.svg')}.switch{position:relative;display:inline-block;width:38px;min-width:38px;height:20px;margin-left:8px}.switch--ml{margin-left:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--a-gray-300);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--a-const-white);transition:.4s;border-radius:50%}.chart,.funnel-chart>.calc-card{width:100%}.slider:after{content:'yes\00a0\00a0no';font-size:8px;height:100%;position:absolute;display:flex;align-items:center;padding:0 4px;color:var(--a-const-white)}input:checked+.slider{background-color:var(--a-primary)}input:checked+.slider:before{transform:translateX(18px)}.conv-grid{display:grid;margin-top:var(--space-xs)}.button-group{display:flex;margin-top:var(--space-m)}.button{min-width:calc(50% - 6px);height:38px;padding:calc(var(--space-xs) + 2px);border-radius:var(--radius-s);border:1px solid var(--a-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-m);transition:background-color .2s,color .2s,border-color .2s,width .2s}.button.minus{background:var(--a-gray-50);color:var(--a-primary)}.button.plus{background:var(--a-primary);color:var(--a-const-white)}.button.minus:is(:hover,:focus){background:var(--a-white);color:var(--a-primary--hover)}.button.minus:is(:hover:active,:active){background:var(--a-white);color:var(--a-primary--active)}.button.plus:is(:hover,:focus){background:var(--a-primary--hover)}.button.plus:is(:hover:active,:active){background:var(--a-primary--active)}.color-scheme--alt .button.minus{background:var(--a-const-black);color:var(--a-const-white);border-color:var(--a-const-gray-800)}.color-scheme--alt .button.minus:is(:focus,:hover,:active,:hover:active){color:var(--a-const-white);background:var(--a-const-black-light-x1);border-color:var(--a-const-gray-500)}.metrics-grid.metrics-grid--row .with-line.--primary,.tab-link.active{color:var(--a-primary)}.button span{font-size:var(--text-s);font-weight:500;margin-left:3px;line-height:1}.results-section{display:flex;flex-direction:column;gap:var(--space-s);flex:1;min-width:0}.tab-menu{display:flex;gap:16px;border-bottom:1px solid #e0e0e0;margin-bottom:16px}#revenue-plot,.mb-s{margin-bottom:var(--space-s)}.tab-link{padding:8px 16px;font-size:16px;font-weight:500;color:#7f7f7f}.tab-link.active{border-bottom:2px solid var(--a-primary)}.chart{height:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:var(--space-l) var(--space-s)}.metrics-grid.metrics-grid--row .with-line>.metric-value:after{content:'';width:100%;height:2px;background-color:currentColor;position:absolute;display:block;bottom:-6px}.metrics-grid.metrics-grid--row :where(.metric-value,.metric-label){color:currentColor}.metrics-grid.metrics-grid--row .with-line.--median>.metric-value:after{background-color:#ff5033FF}.metrics-grid.metrics-grid--column{max-width:240px;gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.metrics-grid.metrics-grid--column .metric-label{margin-top:4px}.metric-card.highlight{background:#f8f8ff}.metric-value{font-size:var(--h2);font-weight:700;line-height:122%;color:var(--a-black-light-x1);letter-spacing:-.8px}.metric-label{display:block;font-weight:500;font-size:var(--text-m);color:var(--a-gray-900);margin-top:var(--space-xs);line-height:122%}.mt-s{margin-top:var(--space-s)}.tw-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}#revenue-plot{margin-left:var(--space-xs);position:relative;z-index:0}.color-scheme--alt #revenue-plot{position:relative;z-index:0;mix-blend-mode:exclusion}#funnel-plot .main-svg,#revenue-plot .main-svg{background:0 0!important}.revenue-chart.calc-card{padding-top:var(--space-s)}.funnel-chart .metric-value{font-size:calc(var(--h2) - 4px)}.js-plotly-plot .plotly .user-select-none>svg{overflow:visible}.js-plotly-plot .plotly .cursor-ns-resize{cursor:ns-resize;left:-100px;width:100px;margin-left:-100px;transform:translateX(-75px);fill:transparent}input[type=number]{padding-right:3px}.color-scheme--alt :where(.input,input:not([type=submit]),select,textarea){color:currentColor!important;border-color:var(--a-gray-200)!important;background-color:var(--a-const-gray-1100)}.color-scheme--alt .js-plotly-plot .plotly .user-select-none{user-select:none}@media (min-width:1280px){:root .results-section{--h2:3.4rem}}@media screen and (max-width:1134px){.chart-block.funnel-chart{flex-direction:column}.funnel-chart>.calc-card,.metrics-grid.metrics-grid--column{width:100%;max-width:100%}.calculator-wrapper{gap:calc(var(--space-m) + 2px)}}@media screen and (max-width:970px){.calculator-wrapper{gap:var(--space-m)}.button span{display:none}}@media screen and (max-width:768px){.calculator-wrapper{grid-template-columns:1fr}.calc-card.form-block{min-width:200px;max-width:100%}.button span{display:flex}}@media screen and (max-width:550px){.conv-grid,.input-grid{grid-template-columns:repeat(auto-fit,calc(50% - (var(--space-xs)/ 2)))}.metrics-grid{margin-top:var(--space-xl)}}@media screen and (max-width:320px){.conv-grid,.input-grid{grid-template-columns:1fr}.button span{display:none}}