1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,29228,e=>{"use strict";var t=e.i(18050);e.i(71645);var i=e.i(96924),a=e.i(43794),r=e.i(97053);let n=r.default.div.withConfig({displayName:"style",componentId:"sc-da5d1e48-0"})` 2 position: relative; 3 display: inline-block; 4 width: 40px; 5 height: 24px; 6 7label { 8 position: relative; 9 display: inline-block; 10 width: 40px; 11 height: 24px; 12} 13 14 input { 15 opacity: 0; 16 width: 0; 17 height: 0; 18 } 19 20 .slider { 21 position: absolute; 22 cursor: pointer; 23 top: 0; 24 left: 0; 25 right: 0; 26 bottom: 0; 27 background-color: #111111; 28 -webkit-transition: 0.4s; 29 transition: 0.4s; 30 31 &:before { 32 position: absolute; 33 content: ''; 34 height: 16px; 35 width: 16px; 36 left: 5px; 37 bottom: 4px; 38 background-color: white; 39 -webkit-transition: 0.4s; 40 transition: 0.4s; 41 } 42 } 43 44 .roundedSlider { 45 border-radius: 34px; 46 47 &:before { 48 border-radius: 50%; 49 } 50 } 51 52 input:focus+.slider { 53 box-shadow: 0 0 1px #4F21EA; 54 } 55 56 input:checked+.slider:before { 57 -webkit-transform: translateX(14px); 58 -ms-transform: translateX(14px); 59 transform: translateX(14px); 60 background-color: #4F21EA; 61 } 62 63 input:disabled+span { 64 cursor: not-allowed !important; 65 } 66 67 .disabled { 68 69 &:hover, 70 &:focus, 71 * { 72 cursor: pointer !important; 73 } 74 } 75`,o=({onChange:e,className:i,disabled:r,bgColor:o,checked:s,name:l,id:d})=>(0,t.jsx)(n,{className:(0,a.default)("switch",i),children:(0,t.jsxs)("label",{className:(0,a.default)("switch",{disabled:r}),children:[(0,t.jsx)("input",{type:"checkbox",checked:s,disabled:r,onChange:t=>{"function"==typeof e&&e(t)},name:l,id:d,"data-testid":`${(l||"switch")?.replace(/\s+/g,"-")}-input`}),(0,t.jsx)("span",{className:(0,a.default)("slider","roundedSlider"),style:{background:o||""}})]})});e.s(["default",0,({plans:e,plansDiscountValue:a,duration:r,setDuration:n,filteredPlans:s,setTeamCount:l})=>e&&0!==e.length?(0,t.jsxs)("div",{className:"billingToggle",children:[(0,t.jsxs)("div",{className:"yearly",children:[(0,t.jsx)("p",{children:"Billed Yearly"}),a&&(0,t.jsxs)("p",{className:"yearly_discount",children:["(-",a,"%)"]})]}),(0,t.jsx)(o,{disabled:e?.length===0,className:"switch",name:"plan-duration-switch",onChange:()=>{"monthly"===r?n("yearly"):n("monthly");let e={};s&&s.forEach(t=>{e[t.Name]=t.TeamSeat||0}),l(e)}})]}):(0,t.jsx)("div",{style:{width:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,t.jsx)(i.default,{width:"20rem",height:"5rem",borderRadius:"999px"})})],29228)},27514,e=>{"use strict";var t=e.i(18050),i=e.i(43794),a=e.i(57688);e.i(71645);var r=e.i(95926);e.i(30800);var n=e.i(89437);e.i(63994);var o=e.i(72199),s=e.i(32607),l=e.i(77585);e.i(74918);var d=e.i(83708),c=e.i(1323);e.s(["default",0,({plan:e,duration:m,userCountryCode:f,teamCount:p,setTeamCount:g,teamSeatUnitCost:h})=>{let u,{Price:x,Period:b,Name:w,MonthlyDeployment:v,MaxStorage:y,Environments:j,MaxVCPU:A,MaxMemory:_,TeamSeat:k,PlanNovaUsageMonthlyDiscount:N,GracePeriod:C}=e;if(0===x||b!==m||w?.toLowerCase()?.includes("nova"))return null;let U=w?.toLowerCase()==="custom",z=(0,l.toMoney)(N).split("."),F=(0,s.memoryConverter)(_).split(" "),E=(0,s.memoryConverter)(y).split(" "),P=[`${n.cloudflareImgUrl}/Lightning.svg`,`${n.cloudflareImgUrl}/RocketLaunch.svg`,`${n.cloudflareImgUrl}/cpu-pricing-page.svg`,`${n.cloudflareImgUrl}/Globe.svg`,`${n.cloudflareImgUrl}/HardDrives.svg`],S=[`${n.cloudflareImgUrl}/green-star.svg`,`${n.cloudflareImgUrl}/Tag.svg`,`${n.cloudflareImgUrl}/headset.svg`],I=[{text:(0,t.jsxs)("span",{className:"text",children:[(0,t.jsxs)("span",{className:"large_text",children:[(0,o.getCountryCurrency)(f),z[0],(0,t.jsxs)("span",{className:"small_text",children:[".",z[1]]})]})," ",(0,t.jsx)("span",{children:"Nova usage credit/month"})]})},{text:(0,t.jsxs)("span",{className:"text",children:[(0,t.jsx)("span",{className:"large_text",children:(0,c.isUnlimitedOrCustom)(v)}),(0,t.jsx)("span",{children:"Deployments"})]})},{text:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("span",{className:"text flex",children:[(0,t.jsxs)("span",{className:"large_text",children:[A," "]}),(0,t.jsx)("span",{className:"color_white",children:"vCPUs "}),"/"," ",(0,t.jsx)("span",{className:"large_text",children:F[0]}),(0,t.jsx)("span",{children:F[1]}),(0,t.jsx)("span",{className:"color_white",children:"RAM"})]})})},{text:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("span",{className:"text",children:[(0,t.jsx)("span",{className:"large_text",children:(0,c.isUnlimitedOrCustom)(j)}),(0,t.jsx)("span",{children:"Environments"})]})})},{text:(0,t.jsxs)("span",{className:"text flex",children:[(0,t.jsx)("span",{className:"large_text",children:E[0]}),(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"color_white",children:E[1]})," Storage"]})]})}],B={custom:[{text:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{children:"Everything in scale fully customizable"})})},{text:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{className:"",children:"Nova resource volume discount"})})},{text:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{className:"",children:"Dedicated Support"})})}]},R=()=>p&&p[w]&&p[w]>k?x+(p[w]-k)*h:x;return(0,t.jsx)("div",{className:"card",children:(0,t.jsxs)("div",{className:"card_contents",children:[(0,t.jsxs)("header",{children:[(0,t.jsx)("div",{className:"title",children:(0,t.jsxs)("h2",{children:[w," "]})}),(0,t.jsxs)("div",{className:`${U&&"customPlanPriceContainer"} priceContainer`,children:[(0,t.jsxs)("p",{className:"price",children:[(0,t.jsx)("span",{className:"currency",children:!U&&(0,o.getCountryCurrency)(f)}),U?"Let's Talk":(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:(0,l.toMoney)(R()).split(".")[0]}),(0,t.jsxs)("span",{className:"zeros",children:[".",(0,l.toMoney)(R()).split(".")[1]]})]})]}),(0,t.jsx)("p",{className:"priceSubtext",children:U?"Contact sales for pricing":"Per month"})]}),p&&(0,t.jsxs)("div",{className:`${U?"team_seat_custom_plan":""} add_team_seat_container`,children:[(0,t.jsxs)("div",{className:"left_content",children:[(0,t.jsx)("p",{children:"Add Team Seat"}),(0,t.jsxs)("span",{children:[k," Free Team Seats"]})]}),(0,t.jsxs)("div",{className:"right_content",children:[(0,t.jsx)("button",{disabled:0===p[w],onClick:()=>g(e=>({...e,[w]:e[w]-1})),children:(0,t.jsx)(r.TbMinus,{})}),(0,t.jsx)("p",{children:p[w]}),(0,t.jsx)("button",{onClick:()=>g(e=>({...e,[w]:e[w]+1})),children:(0,t.jsx)(r.TbPlus,{})})]})]})]}),(0,t.jsx)("div",{className:"features",children:(B[w.toLowerCase()]||I)?.map(({text:e,star:i,count:r},n)=>(0,t.jsxs)("div",{className:"items",children:[(0,t.jsx)(a.default,{src:U?S[n]:P[n],alt:"image",width:32,height:32}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("p",{children:[r&&(0,t.jsxs)("b",{children:[r," "]}),e]}),i&&(0,t.jsx)(a.default,{src:i,alt:w,width:16,height:16})]})]},n))}),(0,t.jsx)("footer",{children:(u=U?"Contact Us":`Start a ${C}-day trial`,U?(0,t.jsx)(d.Button,{full:!0,onClick:()=>{window?.Intercom("showNewMessage",`Hello, Please i want to subscribe to the ${w} Plan`)},className:"cta_button",children:u}):(0,t.jsx)("a",{rel:"noreferrer",href:n.dashboardSignUpLink,target:"_blank",className:(0,i.default)("cta_button",{gradient_bg:w?.toLowerCase()==="scale"}),children:u}))})]})},w)}])},54157,e=>e.a(async(t,i)=>{try{var a=e.i(18050),r=e.i(57688),n=e.i(60155),o=e.i(71645),s=e.i(96924),l=e.i(46197),d=e.i(41469),c=e.i(19384);e.i(30800);var m=e.i(89437),f=e.i(89335);e.i(92053);var p=e.i(69487),g=e.i(10321),h=e.i(29228),u=e.i(8332),x=e.i(27514),b=t([l]);[l]=b.then?(await b)():b,e.s(["default",0,()=>{let{duration:e,setDuration:t,plans:i,resourceCost:l=[],userCountryCode:b,teamSeatUnitCost:w,plansDiscountValue:v}=(0,p.usePricing)(),y=(0,o.useMemo)(()=>i?.filter(e=>e?.Period==="monthly"&&!e?.Name?.toLowerCase()?.includes("nova")&&e?.Price!==0)||[],[i]),[j,A]=(0,o.useState)(null);return(0,o.useEffect)(()=>
75{if(!j&&y&&y.length>0){let e={};y.forEach(t=>{e[t.Name]=t.TeamSeat||0}),A(e)}},[y,j]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(g.default,{className:"appContentContainer",children:[(0,a.jsxs)("section",{className:"hero header_container",children:[(0,a.jsx)("h1",{children:"Choose Your Plan"}),(0,a.jsx)("p",{children:"Find the plan that fits your projectâs scale and needs."})]}),(0,a.jsxs)("section",{className:"section-plans",children:[(0,a.jsx)(h.default,{plans:i,plansDiscountValue:v,duration:e,setDuration:t,filteredPlans:y,setTeamCount:A}),(0,a.jsx)("div",{className:"plans",children:(0,a.jsx)("div",{className:"plans_wrapper_container",children:(0,a.jsx)("div",{className:"plans_card_wrapper",children:i&&i?.length>0?i?.map((t,i)=>(0,a.jsx)(x.default,{plan:t,duration:e,userCountryCode:b,teamCount:j,setTeamCount:A,teamSeatUnitCost:w},i)):[void 0,void 0,void 0].map((e,t)=>(0,a.jsx)("div",{className:"card loading",children:(0,a.jsxs)("div",{className:"card_contents",children:[(0,a.jsxs)("header",{children:[(0,a.jsx)("div",{className:"title",children:(0,a.jsx)(s.default,{width:"8rem",height:"2rem"})}),(0,a.jsxs)("div",{className:"priceContainer",children:[(0,a.jsx)(s.default,{width:"100%",height:"3rem"}),(0,a.jsx)("p",{className:"priceSubtext",children:(0,a.jsx)(s.default,{width:"80%",height:"1.5rem"})})]}),(0,a.jsx)(s.default,{width:"100%",height:"3.8em"})]}),(0,a.jsx)("div",{className:"features loading",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,a.jsx)(s.default,{width:"100%",height:"3rem"},t))}),(0,a.jsx)("footer",{children:(0,a.jsx)(s.default,{width:"100%",height:"3.2rem",borderRadius:"999px"})})]})},t))})})}),(0,a.jsxs)("div",{className:"info",children:[(0,a.jsx)(r.default,{src:`${m.cloudflareImgUrl}/info.svg`,alt:"info-image",width:48,height:48,priority:!0,quality:100}),(0,a.jsxs)("p",{children:["Monthly fees cover platform access and allowances. Usage beyond your plan is billed separately. Check the"," ",(0,a.jsx)("a",{href:"#cost-estimator",children:"Resource Cost Estimator"})," for estimates."]})]})]}),(0,a.jsx)(u.default,{plans:i,filteredPlans:y,resourceCost:l,userCountryCode:b}),(0,a.jsx)(d.Faq,{questions:f.questions.pipeOpsQuestions}),(0,a.jsx)(c.GetStarted,{variant:n.Whirpool.src})]})})}]),i()}catch(e){i(e)}},!1),72199,77585,1323,e=>{"use strict";e.s(["getCountryCurrency",0,e=>["ngn","ng"].includes(e?.toLowerCase())?"â¦":"$"],72199),e.s(["toMoney",0,(e,t)=>{e||(e=0),"string"!=typeof e&&(e=String(e));let i="00";if(e.includes(".")){let t=e.split(".");e=t[0],i=t[1]}for(let t in e=e.split("").reverse())(t-3)%3==0&&0!==Number(t)&&(e[t]=`${e[t]},`);return t?`${e.reverse().join("")}`:`${e.reverse().join("")}.${i}`}],77585);var t=e.i(60155);let i={src:e.i(85198).default,width:64,height:64,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA2UlEQVR42oWPO2vCUABGP7v1QeulGdISaItDSbTcoXANvWkDhRZ1MMYIMaCL6CIIBnwugnPICwwhZMwfNf/Asx3OdIBLUEpfTdP84ZzXFUV5Kb2mqqpsGMYXY6wGy7K0IAg2URRt0zRdFUVx8DxvniTJumwcvu8v4zheu647zPN8n2XZyrZtvfR+GIYL/H5KH7Tx/iYIwp0kSUQUxSoh1duuLrPj8NmBQcF2LYwnHL1OA3qrju9RE519G87JwQRXFVSeHvD4r4DPNAymGvp/MpriPQi5wfXFyzP5UTXgK8lYBAAAAABJRU5ErkJggg=="},a={src:e.i(67146).default,width:64,height:64,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA60lEQVR42m2NPUgCYQCGn7NLgwuhr4aguo6sKAiyy4aouMAOGvqF4KKISqIfw6CtpTUKao2moCVQJx1UBHFxE1zcBSdxENxd/LlFwXd64Xl5XuiO7BzEqbjoG9ewgm5ZeE8OUITohUNuN+bLB/tv31g/MXxnN0gOyYbtoltXPCTKrAeCBFMVrsMFhKraA6FpXP7nOf6KMLHsJRAt8pxrYIReGZBlWup3QpkaC+Zex7a4e8hjuspdvMSU7oO183tWT28ZUccZ82jM+/1c/CV5ytY5+vy1bxyyhJgeZXJliZmNTWaNHea2TTxbRhM/aS5GOZSBGQAAAABJRU5ErkJggg=="},r={src:e.i(80625).default,width:64,height:64,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA3ElEQVR42jWQPwtBURjGn1x/yoQimyuKsDIpfwZJlAFZrLqkKLcs6ipWk0FJrs3gOyhmSSkMN0zXNzAZnPPi1Funfs9znue8gEEwIFBIQTpsoLxfNNJxi3A5A8EsgGDnfoX8fKCyVtks0NVvkHUNkWoG5OQwWEwyh5HGn42TqHnaAW3tjPx0TOB/+J2/xONg94qwOh2wedxwRYIMmn8C9StIDuoQEyHkJn1Wbg+Hz8viUhTL4xFr1VBcjlCYKUgPeyit5gR5cf4BGC0m1kFBtFGBTRRZpws5OWQr+ADYjkx7GMqkngAAAABJRU5ErkJggg=="},n={src:e.i(48111).default,width:64,height:64,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABE0lEQVR42gEIAff+AAAAAAABAAAAGQcGDkQTDyxEEw8sFwcFDgEAAAAAAAAAAAEAAAA1DwwjtTQpgtw/MqHcPzKhnjxBgBgaLCEAAAEAABkLBA23TR5/5WMko3wzFU1VHBo7XmKkjzJjtnwGDBcMAJJrA1vxrweo8LIFprGEA3ISDgEJHTtsQj9/6qUmTY5aAPS3BKamfANsTToBL0AwASYCAgABBgwWDC1apm9Age2nAPK1BKSbgwxzEzIXKw8uHSgSJz8oFChJKy9gsHY/gOukAG9dCE9injebMp9NoTOaYqE8gdShPn3moTx43pohQ3pPAAMGAgQMJhIhETYbNBE1IjUVLEk1FStPNA8eNyACBQgE1yVFZhLCJKUAAAAASUVORK5CYII="},o={src:e.i(43616).default,width:64,height:64,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA2UlEQVR42jWPy+pBURSH196Hv3PZ+x8GjluS03FcHsF78AYSM1MDlxllosyEoSQhRco15hh7AW9hrWLXr76+b7IXwPfpjOt+5vLSiH8eFGBcMkWvqqFWXYt2acTkqEHOJXM1NdKYGPZ5KZw7DflEjhqUPGblKrPvlXDOe5l+0ZAv5LCVYWgkpmvh3I4y85gJezc17N1Bpp8bkbqNsUFHiw22IvWci+Si6AnkcQVidI82NkgqqtXX46OmFm2a3O0zmdvXQO6hs7hqAcefhvlf8J8p4ncZMboQtQ9jVTptfBQYEAAAAABJRU5ErkJggg=="};var s=e.i(30800);e.i(63994);var l=e.i(32607);e.s(["adjustMaxToNearestStepVerbose",0,function(e,t,i=!1){if(!e)return{max:(0,l.memoryToBytes)(100,"gb")};{let a=e%t;if(0===a)return{adjustedMax:e,addedBytes:0,max:0};let r=t-a;return i?{max:e+r,addedBytes:r}:{max:e}}},"getPlanImage",0,e=>"Growth"===e?t.growPlanImg:"Scale"===e?t.scalePlanImg:t.customPlanImg,"getProviderImage",0,e=>{switch(e){case"aws":return i;case"huawei-cloud":return o;case"azure":return a;case"gcp":return n;default:return r}},"isUnlimitedOrCustom",0,(e,t)=>
75"Custom"===t&&0===e?"Custom":(0,s.isUnlimited)(e)?"Unlimited":e],1323)},8332,e=>{"use strict";var t=e.i(18050),i=e.i(43794),a=e.i(57688),r=e.i(71645),n=e.i(96924),o=e.i(97053);let s=o.default.div.withConfig({displayName:"style",componentId:"sc-88fffa4d-0"})` 76 77 .slider_container { 78 position: relative; 79 width: 100%; 80 81 // styling the progress 82 input[type='range'] { 83 -webkit-appearance: none; 84 width: 100%; 85 background: #ffffff14; 86 height: 5px; 87 cursor: pointer; 88 border-radius: 50px; 89 background-image: linear-gradient(125.61deg, 90 #4f21ea -25.71%, 91 #281175 125.26%); 92 background-size: 0% 100%; 93 background-repeat: no-repeat; 94 } 95 96 // styling the thumb 97 /* Chrome, Safari, Edge */ 98 input[type='range']::-webkit-slider-thumb { 99 /* clear browser thumb */ 100 -webkit-appearance: none; 101 102 width: 1.5em; 103 height: 1.5em; 104 background: linear-gradient(125.61deg, #0b75ff -25.71%, #091970 125.26%); 105 border-radius: 50%; 106 } 107 108 /* Firefox */ 109 input[type='range']::-moz-range-thumb { 110 /* clear browser thumb */ 111 -webkit-appearance: none; 112 113 width: 1.5em; 114 height: 1.5em; 115 background: linear-gradient(125.61deg, #0b75ff -25.71%, #091970 125.26%); 116 border: none; 117 border-radius: 50%; 118 } 119 } 120 121 .slider_container_newdesign { 122 position: relative; 123 width: 100%; 124 height: 2em; 125 display: flex; 126 align-items: center; 127 128 .range-input { 129 position: absolute; 130 /* top: 0; */ 131 left: 0; 132 width: 100%; 133 height: 2em; 134 opacity: 0; 135 z-index: 3; 136 cursor: pointer; 137 } 138 139 .progress-bar { 140 position: absolute; 141 left: 0; 142 height: 1.75em; 143 min-width: 1.75em; 144 background: linear-gradient(125.61deg, #0b75ff -25.71%, #091970 125.26%); 145 border-radius: 1.5rem; 146 z-index: 1; 147 } 148 149 .track-bar { 150 width: 100%; 151 height: 8px; 152 background: #ffffff14; 153 border-radius: 50px; 154 z-index: -1; 155 } 156 } 157 158 .slider_container:has(input:focus-visible), 159 .slider_container_newdesign:has(input:focus-visible) { 160 outline: 2px solid #007bff; 161 outline-offset: 2px; 162 } 163 164 165 166`,l=({onChange:e,disabled:a=!1,min:n=0,step:o=.1,max:l=100,sliderName:d,planLimit:c,hasLimitBanner:m,bannerLimitBtnAction:f,newDesign:p=!1,value:g=0,...h})=>{let u=(0,r.useRef)(null),x=(g-n)/(l-n)*100;return(0,r.useEffect)(()=>{let e=u.current;if(!e)return;let t=()=>{let{min:t,max:i,value:a}=e;e.style.backgroundSize=`${(a-t)/(i-t)*100}% 40rem`};return e.addEventListener("input",t),t(),()=>e.removeEventListener("input",t)},[g,n,l]),(0,t.jsx)(s,{className:"rangeInputContainer",children:(0,t.jsxs)("div",{className:(0,i.default)({slider_container:!p,slider_container_newdesign:p}),"data-testid":`${(h?.name||"range")?.replace(/\s+/g,"-")}-input-container`,children:[(0,t.jsx)("input",{ref:u,id:"range",type:"range",value:g,min:n,max:l,step:o,onChange:e,disabled:a,...h,className:"range-input","data-testid":`${(h?.name||"range")?.replace(/\s+/g,"-")}-input`}),p&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"progress-bar",style:{width:`${x}%`}}),(0,t.jsx)("div",{className:"track-bar"})]})]})})};e.i(30800);var d=e.i(89437);e.i(63994);var c=e.i(72199),m=e.i(32607),f=e.i(77585),p=e.i(250);e.i(74918);var g=e.i(83708),h=e.i(28323),u=e.i(1323);e.s(["default",0,({plans:e,filteredPlans:o,resourceCost:s,userCountryCode:x})=>{let[b,w]=(0,r.useState)({plan:o[0],provider:null,regions:null});(0,r.useEffect)(()=>
166{if(!b.plan&&o&&o.length>0&&s?.length>0){let e=s?.find(e=>"Google Cloud"===e.name);w(t=>({...t,plan:o[0],provider:e,regions:{...t.regions,allRegions:e.RegionsMeta||[],selectedRegion:e.RegionsMeta?.[0]||{}}}))}},[o,b.plan,s]);let{formData:v,handleInput:y,total:j,cost:A,resourceTotal:_,setFormData:k}=(0,p.default)({...b?.regions?.selectedRegion?.prices[0]||{},planDiscount:b.plan?.PlanNovaUsageMonthlyDiscount||0}),N=(0,m.memoryToBytes)("103","mb"),C=[{title:"CPU",key:"vcpu",min:.1,max:b.plan?.MaxVCPU,step:.1,image:`${d.cloudflareImgUrl}/cpu-pricing-page.svg`,render:{value:v.vcpu,label:"CPU"}},{title:"Memory",key:"ram",max:(0,u.adjustMaxToNearestStepVerbose)(b.plan?.MaxMemory,N,b.plan?.Name==="Growth").max,min:(0,m.memoryToBytes)("100","mb"),image:`${d.cloudflareImgUrl}/storage-pricing-page.svg`,step:N,render:{value:(0,m.memoryConverter)(v.ram)?.split(" ")[0],label:(0,m.memoryConverter)(v.ram)?.split(" ")[1]}},{title:"Storage",key:"storage",min:(0,m.memoryToBytes)("100","mb"),max:(0,u.adjustMaxToNearestStepVerbose)(b.plan?.MaxStorage,N,b.plan?.Name==="Scale").max,step:N,image:`${d.cloudflareImgUrl}/HardDrives.svg`,render:{value:(0,m.memoryConverter)(v.storage)?.split(" ")[0],label:(0,m.memoryConverter)(v.storage)?.split(" ")[1]}}],U=[{text:"CPU Usage",price:b?.regions?.selectedRegion?.prices[0].vcpu_cost,key:"vcpu",renderDisplay:e=>[e,"CPU"]},{text:"Memory Usage",price:b?.regions?.selectedRegion?.prices[0].ram_cost,key:"ram",renderDisplay:e=>(0,m.memoryConverter)(e)?.split(" ")},{text:"Storage Usage",price:b?.regions?.selectedRegion?.prices[0].storage_cost,key:"storage",renderDisplay:e=>(0,m.memoryConverter)(e)?.split(" ")},{text:"Plan Credit",key:"credit",credit:b?.plan?.PlanNovaUsageMonthlyDiscount||0}];return(0,t.jsxs)("section",{id:"cost-estimator",className:"nova_cost_estimator_container",children:[(0,t.jsxs)("div",{className:"nova_cost_estimator_",children:[(0,t.jsxs)("header",{className:"header_container nova_cost_estimator_header",children:[(0,t.jsx)("h2",{children:"Nova Cost Estimator"}),(0,t.jsx)("p",{children:"Estimate your monthly infrastructure costs based on your selected plan, provider, and resource usage."})]}),(0,t.jsx)("div",{className:"contents",children:e&&e?.length>0?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"estimator",children:[(0,t.jsxs)("div",{className:"top_content",children:[(0,t.jsxs)("div",{className:"custom_select_container",children:[(0,t.jsx)("p",{children:"Plan"}),(0,t.jsx)(h.CustomSelect,{placeholder:"Select a plan",capitalizeDisplay:!1,optionLists:o.filter(e=>"Custom"!==e.Name),renderCustomValue:e=>(0,t.jsxs)("div",{className:"plan_custom_value",children:[(0,t.jsx)(a.default,{src:(0,u.getPlanImage)(e?.Name),alt:"plan_image",priority:!0,width:28,height:28}),(0,t.jsx)("p",{className:"custom_value",children:e?.Name})]}),customValue:e=>e?.Name,renderOption:e=>(0,t.jsxs)("div",{className:"plan_custom_value",children:[(0,t.jsx)(a.default,{src:(0,u.getPlanImage)(e?.Name),alt:"plan_image",priority:!0,width:28,height:28}),(0,t.jsx)("p",{className:"custom_value",children:e?.Name})]}),name:"plan",id:"plan",className:"custom_select",value:b.plan?.Name,onChange:({target:e})=>{w(t=>({...t,plan:e?.value})),k(e=>({...e,ram:(0,m.memoryToBytes)(100,"mb"),storage:(0,m.memoryToBytes)(100,"mb"),vcpu:.1}))}})]}),(0,t.jsxs)("div",{className:"custom_select_container",children:[(0,t.jsx)("p",{children:"Cloud Provider"}),(0,t.jsx)(h.CustomSelect,{placeholder:"Choose a provider",capitalizeDisplay:!1,optionLists:s?.map(({status:e,...t})=>({disabled:"unavailable"===e,...t}))||[],name:"cloud-provider",renderOption:e=>(0,t.jsxs)(g.Button,{className:(0,i.default)("providers",{disabled:e.disabled}),full:!0,children:[(0,t.jsxs)("div",{className:"plan_custom_value",children:[(0,t.jsx)(a.default,{src:(0,u.getProviderImage)(e?.name_slug),alt:"name_slug",priority:!0,width:22,height:22}),(0,t.jsx)("p",{children:e?.name})]}),e.disabled?(0,t.jsx)("span",{children:"Coming Soon"}):null]}),id:"cloud-provider",customValue:e=>e?.name,renderCustomValue:e=>(0,t.jsxs)("div",{className:"plan_custom_value",children:[(0,t.jsx)(a.default,{src:(0,u.getProviderImage)(e?.name_slug),alt:"name_slug",priority:!0,width:22,height:22}),(0,t.jsx)("p",{className:"custom_value",children:e?.name})]}),className:"custom_select cloud-provider",value:b.provider?.name,onChange:({target:e})=>{w(t=>({...t,provider:e?.value,regions:{...t?.regions,allRegions:e?.value?.RegionsMeta,selectedRegion:e?.value?.RegionsMeta[0]}}))}})]})]}),(0,t.jsx)("div",{className:"bottom_content",children:C.map(({image:e,key:i,max:r,render:n,step:o,title:s,min:d})=>{let{label:c,value:m}=n;return(0,t.jsxs)("div",{className:"resource_items",children:[(0,t.jsxs)("div",{className:"top",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(a.default,{src:e,alt:s,width:24,height:24}),s]}),(0,t.jsxs)("p",{"data-testid":`estimated-${i}-${v[i]}`,children:[m," ",(0,t.jsx)("span",{children:c})]})]}),(0,t.jsx)(l,{name:i,max:r,min:d,step:o,onChange:y,value:v[i],newDesign:!0})]},s)})})]}),(0,t.jsx)("div",{className:"breakdown",children:(0,t.jsxs)("div",{className:"breakdown_content",children:[(0,t.jsx)("h3",{children:"Monthly Cost Breakdown"}),(0,t.jsx)("div",{className:"breakdown_item_container",children:U.map(({price:e,text:i,key:a,credit:r,renderDisplay:n})=>{let o=(0,c.getCountryCurrency)(x),s=(0,f.toMoney)((e||r)?.toFixed(2)),[l,d]=n&&"function"==typeof n?n(v[a]):[];return(0,t.jsxs)("div",{className:"item",children:[(0,t.jsx)("p",{children:i}),(0,t.jsx)("span",{children:e?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("span",{children:[" ","( ",l," ",d," Ã ",o,s,"storage"===a?"/GB":"/hr"," )"]})," ",o,(0,f.toMoney)(A[`${a}_cost`].toFixed(2))]}):(0,t.jsxs)(t.Fragment,{children:["-",o,s]})})]},a)})}),(0,t.jsxs)("footer",{children:[(0,t.jsx)("p",{children:"Total Estimate"}),(0,t.jsxs)("p",{"data-testid":`estimated-cost-${(0,f.toMoney)(j?.toFixed(2))}`,children:[(0,c.getCountryCurrency)(x),(0,f.toMoney)(_<=b.plan?.PlanNovaUsageMonthlyDiscount||0===_?0:j?.toFixed(2))]})]})]})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"estimator",children:[(0,t.jsxs)("div",{className:"top_content",children:[(0,t.jsx)("div",{className:"custom_select_container",children:(0,t.jsx)(n.default,{width:"100%",height:"4rem",borderRadius:12})}),(0,t.jsx)("div",{className:"custom_select_container",children:(0,t.jsx)(n.default,{width:"100%",height:"4rem"})})]}),(0,t.jsx)("div",{className:"bottom_content",children:[void 0,void 0,void 0].map((e,i)=>(0,t.jsxs)("div",{className:"resource_items",children:[(0,t.jsxs)("div",{className:"top",children:[(0,t.jsx)(n.default,{width:"4rem",height:"2rem"}),(0,t.jsx)(n.default,{width:"4rem",height:"2rem"})]}),(0,t.jsx)(n.default,{width:"100%",height:"1.5rem",borderRadius:12})]},i))})]}),(0,t.jsx)(n.default,{width:"100%",height:"100%",className:"breakdown_loading"})]})})]}),(0,t.jsx)("div",{className:"cost_estimator_info",children:(0,t.jsx)("p",{children:"Final charges are usage-based and billed monthly. This is only an estimate."})})]})}],8332)},69487,e=>{"use strict";var t=e.i(64860);e.s(["usePricing",()=>t.default])},10321,e=>{"use strict";var t=e.i(97053);let i=t.default.div.withConfig({displayName:"pricing",componentId:"sc-f263cfb2-0"})` 167 color: #d8d8d8b3; 168position: relative; 169 170&:after { 171 content: ''; 172 top: 0px; 173 height: 100%; 174 background: #0e0e0f; 175 width: 100vw; 176 position: absolute; 177 left: 50%; 178 transform: translateX(-50%); 179 z-index: 1; 180} 181 182* { 183 position: relative; 184 z-index: 2; 185} 186 187.list_item_check { 188 rect { 189 fill: transparent; 190 } 191} 192 193.header_container { 194 195 h1, 196 h2 { 197 max-width: 66rem; 198 width: 100%; 199 font-weight: 400; 200 text-align: center; 201 line-height: 110%; 202 font-size: clamp(3rem, 6vw, 4.875rem); 203 background: linear-gradient(93.19deg, 204 rgba(255, 255, 255, 0.4) -3.12%, 205 rgba(255, 255, 255, 0.95) 46.5%, 206 rgba(255, 255, 255, 0.15) 97.37%); 207 background-clip: text; 208 -webkit-background-clip: text; 209 -webkit-text-fill-color: transparent; 210 } 211 212 h2 { 213 font-size: clamp(2.2rem, 6vw, 3.5rem); 214 } 215 216 p { 217 max-width: 50rem; 218 font-weight: 400; 219 width: 100%; 220 margin-top: 1.5em; 221 text-align: center; 222 font-size: 1rem; 223 color: #8f8f8f !important; 224 225 sup { 226 font-weight: 400; 227 font-size: 0.8rem; 228 } 229 } 230} 231 232section.hero { 233 display: flex; 234 position: relative;
235 align-items: center; 236 justify-content: center; 237 flex-direction: column; 238 text-align: center; 239 padding: 10em 0 10em; 240 241 backdrop-filter: 1.5em; 242 243 &:before { 244 content: ''; 245 display: flex; 246 align-self: center; 247 width: 100%; 248 max-width: 19rem; 249 height: 14rem; 250 border-radius: 50%; 251 aspect-ratio: 469.85/469.85; 252 position: absolute; 253 background: linear-gradient(225deg, #64ed7f 0%, #2a843c 100%); 254 z-index: -1; 255 opacity: 0.25; 256 margin-top: 12em; 257 filter: blur(7.625rem); 258 } 259} 260 261.info { 262 border-radius: 1.5rem; 263 border: 2px solid #4f21ea; 264 padding: 2em 2em; 265 gap: 1.5em; 266 display: flex; 267 align-items: center; 268 justify-content: center; 269 max-width: 48rem; 270 margin: 0 auto; 271 272 p { 273 line-height: 145%; 274 font-size: 1rem; 275 color: #ffffffa3; 276 } 277 278 a { 279 color: #fff !important; 280 text-decoration: underline; 281 282 &:hover { 283 text-decoration: none; 284 } 285 } 286} 287 288.cta_button { 289 width: 100%; 290 z-index: 10; 291 border-radius: 624.938rem; 292 padding: 1em; 293 font-weight: 500; 294 color: #fff; 295 letter-spacing: 0.32px; 296 font-size: 1rem; 297 display: flex; 298 justify-content: center; 299 align-items: center; 300 gap: 0.4em; 301 text-decoration: none; 302 transition: none; 303 position: relative; 304 background: rgba(255, 255, 255, 0.16); 305 backdrop-filter: blur(90px); 306 border: none; 307 transition: all 0.15s ease-out; 308 309 &:active { 310 transition-duration: 0.1s; 311 transform: scale(0.95); 312 } 313 314 &:hover { 315 background: rgba(255, 255, 255, 0.24) !important; 316 border: none; 317 } 318 319 &.gradient_bg { 320 background: linear-gradient(158deg, 321 #e880ff 14.23%, 322 #9f87ff 85.77%) !important; 323 color: #111; 324 325 &:hover { 326 background: linear-gradient(150deg, 327 #e880ff 40.23%, 328 #9f87ff 85.77%) !important; 329 } 330 } 331} 332 333 334section.section-plans { 335 padding-bottom: 10em; 336 width: 100%; 337 display: flex; 338 flex-direction: column; 339 340 .billingToggle { 341 display: flex; 342 align-items: center; 343 gap: 0.75em; 344 margin: 0 auto; 345 padding: 1.25em 2em; 346 border: 1px solid #ffffff1f; 347 border-radius: 62.4375rem; 348 349 .switch { 350 input:focus+.slider { 351 box-shadow: unset; 352 } 353 354 input:checked+.slider { 355 background-color: #e6ba00; 356 } 357 358 span { 359 background-color: #525252; 360 361 &:before { 362 background-color: #ffffff; 363 } 364 } 365 } 366 367 .monthly { 368 font-size: 1.125rem; 369 font-weight: 400; 370 color: #ffffff; 371 } 372 373 .yearly { 374 display: flex; 375 align-items: center; 376 gap: 0.4em; 377 text-decoration: none; 378 position: relative; 379 backdrop-filter: blur(90px); 380 border: none; 381 transition: all 0.15s ease-out; 382 383 p { 384 &:first-child { 385 font-size: 1.125rem; 386 font-weight: 400; 387 color: rgb(255, 255, 255); 388 } 389 390 &.yearly_discount { 391 color: rgb(230, 186, 0); 392 } 393 } 394 395 &:is(:hover,:focus) { 396 background: rgba(255, 255, 255, 0.24) !important; 397 border: none; 398 } 399 400 401 &.gradient_bg { 402 background: linear-gradient(158deg, #E880FF 14.23%, #9F87FF 85.77%) !important; 403 color: #111; 404 405 406 &:is(:hover,:focus) { 407 background: linear-gradient(150deg, #E880FF 40.23%, #9F87FF 85.77%) !important; 408 409 } 410 } 411 412 &:active { 413 transition-duration: 0.1s; 414 transform: scale(0.95); 415 } 416 417 418 } 419 420 section.section-plans { 421 padding-bottom: 10em; 422 width: 100%; 423 display: flex; 424 flex-direction: column; 425 426 .yearly_discount { 427 color: #e6ba00; 428 } 429 } 430 } 431 432 .plans { 433 margin-top: 3em; 434 margin-bottom: 6em; 435 width: 100%; 436 overflow: hidden; 437 438 .plans_wrapper_container { 439 width: 100%; 440 overflow-x: auto; 441 ${({theme:e})=>e.mixins.horizontalScroll}; 442 443 .plans_card_wrapper { 444 width: auto; 445 display: grid; 446 grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); 447 overflow: hidden; 448 justify-content: center; 449 450 .card { 451 min-height: 43rem; 452 overflow-y: hidden; 453 454 &:last-of-type { 455 footer { 456 457 a, 458 button { 459 &:hover { 460 background: rgba(255, 255, 255, 0.2) !important; 461 } 462 } 463 } 464 } 465 466 &:nth-child(2) { 467 border-left: 1px solid #ffffff0f; 468 border-right: 1px solid #ffffff0f; 469 } 470 471 @media (max-width: 768px) { 472 margin-top: 1rem; 473 474 &:first-child { 475 border-left: 1px solid #ffffff0f; 476 } 477 478 &:last-child { 479 border-left: 1px solid #ffffff0f; 480 border-right: 1px solid #ffffff0f; 481 } 482 } 483 484 @media (max-width: 414px) { 485 &:first-child { 486 border-left: 1px solid #ffffff0f; 487 border-right: 1px solid #ffffff0f; 488 } 489 } 490 491 .card_contents { 492 display: flex; 493 flex-direction: column; 494 height: 100%; 495 496 header { 497 --padding-inline: 1.75em; 498 499 display: flex; 500 flex-direction: column; 501 gap: 1.5em; 502 503 .title { 504 display: flex; 505 align-items: center; 506 width: 100%; 507 gap: 0.5em; 508 padding-inline: var(--padding-inline); 509 510 511 h2 { 512 font-size: 1.375rem !important; 513 font-weight: 500; 514 background: linear-gradient(93deg, 515 rgba(255, 255, 255, 0.88) 37.41%, 516 rgba(255, 255, 255, 0.4) 61.34%, 517 rgba(255, 255, 255, 0.72) 84.25%); 518 background-clip: text; 519 -webkit-background-clip: text; 520 -webkit-text-fill-color: transparent; 521 min-width: 3.5rem; 522 } 523 524 p { 525 border-radius: 24px; 526 background: rgba(0, 0, 0, 0.4); 527 backdrop-filter: blur(12px); 528 padding: 0.5em 0.8em; 529 min-width: 5.625em; 530 font-size: 0.75rem; 531 font-weight: 500; 532 color: #fff; 533 margin-left: auto; 534 } 535 } 536 537 .priceContainer { 538 padding-inline: var(--padding-inline); 539 540 &.customPlanPriceContainer { 541 .price { 542 font-style: italic; 543 } 544 } 545 546 .price { 547 font-size: 2.25rem; 548 font-weight: 400; 549 color: #fff !important; 550 letter-spacing: 0.15px; 551 552 .from { 553 font-style: italic; 554 text-transform: capitalize; 555 margin-right: 0.4em; 556 } 557 558 span { 559 &.zeros { 560 font-size: 1.25rem; 561 } 562 } 563 } 564 565 .priceSubtext { 566 text-transform: capitalize; 567 font-size: 0.875rem; 568 font-weight: 400; 569 margin-top: 0.4em; 570 color: #8f8f8f; 571 } 572 } 573 574 .add_team_seat_container { 575 width: 100%; 576 padding: 0.75em 1em; 577 border-top: 1px solid #ffffff03; 578 border-bottom: 1px solid #ffffff03; 579 backdrop-filter: blur(12px); 580 display: flex; 581 gap: 1em; 582 background: #ffffff03; 583 584 &.team_seat_custom_plan { 585 586 .left_content, 587 .right_content { 588 opacity: 0; 589 visibility: hidden; 590 } 591 } 592 593 .left_content { 594 display: flex; 595 flex-direction: column; 596 gap: 0.125em; 597 598 p { 599 color: #ffffff; 600 font-family: 'Niveau Grotesk'; 601 font-size: 0.875rem; 602 font-weight: 400; 603 } 604 605 span { 606 color: #8f8f8f; 607 font-size: 0.75rem; 608 font-weight: 400; 609 } 610 } 611 } 612 613 .right_content { 614 display: flex; 615 align-items: center; 616 justify-content: end; 617 gap: 1em; 618 flex: 1; 619 620 p { 621 color: #ffffff; 622 font-weight: 400; 623 } 624 625 button { 626 display: flex; 627 width: 2em; 628 height: 2em; 629 padding: 4px; 630 justify-content: center; 631 align-items: center; 632 background-color: #ffffff14; 633 border-radius: 50%; 634 color: #ffffff; 635 border: none; 636 637 &:disabled { 638 opacity: 0.24;
639 cursor: not-allowed; 640 } 641 } 642 } 643 } 644 645 .features { 646 padding: 1em 0; 647 display: flex; 648 flex-direction: column; 649 will-change: transform, opacity; 650 transition: 651 max-height 0.3s ease-in-out, 652 opacity 0.3s ease-in-out, 653 visibility 0.3s ease-in-out; 654 opacity: 1; 655 visibility: visible; 656 height: fit-content; 657 658 &.loading { 659 padding: 1.75em; 660 gap: 1em; 661 margin-block: 1em; 662 } 663 664 .items { 665 display: flex; 666 align-items: center; 667 gap: 1.25em; 668 padding: 2em 1.5em; 669 670 div { 671 display: flex; 672 flex-direction: column; 673 gap: 0.375em; 674 675 p { 676 font-size: 0.875rem; 677 color: #ffffff; 678 font-weight: 400; 679 680 .text { 681 display: flex; 682 flex-direction: column; 683 gap: 0.375em; 684 685 &.flex { 686 flex-direction: row; 687 align-items: end; 688 689 .large_text { 690 line-height: 0.8; 691 } 692 } 693 694 .large_text { 695 font-size: 1.75rem; 696 font-weight: 500; 697 color: #ffffff; 698 699 @media (max-width: 1024px) { 700 font-size: 1.65rem; 701 } 702 703 .small_text { 704 font-size: 1.125rem; 705 font-weight: 400; 706 } 707 } 708 } 709 710 .color_white, 711 b { 712 color: #ffffff; 713 } 714 } 715 716 img { 717 margin-top: -0.2em; 718 } 719 } 720 } 721 } 722 723 footer { 724 border-top: 1px solid #ffffff0f; 725 padding: 1.75em 1.5em; 726 margin-top: auto; 727 } 728 } 729 } 730 } 731 } 732 } 733} 734 735section.nova_cost_estimator_container { 736 padding: 10em 0; 737 width: 100%; 738 display: flex; 739 flex-direction: column; 740 gap: 4em; 741 justify-content: center; 742 743 .nova_cost_estimator_ { 744 position: relative; 745 width: 100%; 746 747 .nova_cost_estimator_header { 748 display: flex; 749 flex-direction: column; 750 justify-content: center; 751 align-items: center; 752 margin-bottom: 5em; 753 backdrop-filter: 1.5em; 754 755 &:before { 756 content: ''; 757 display: flex; 758 align-self: center; 759 width: 100%; 760 max-width: 14rem; 761 height: 14rem; 762 aspect-ratio: 469.85/469.85; 763 position: absolute; 764 background: linear-gradient(115deg, 765 #f083ff -19.86%, 766 #bec8ff 46.34%, 767 #9fffd6 111.17%); 768 z-index: -1; 769 opacity: 0.2; 770 margin-top: -10rem; 771 filter: blur(7.625rem); 772 } 773 } 774 775 .contents { 776 border-top: 1px solid #ffffff0f; 777 border-bottom: 1px solid #ffffff0f; 778 display: grid; 779 gap: 1.5em; 780 width: 100%; 781 grid-template-columns: 1fr 1fr; 782 783 @media (max-width: 1024px) { 784 grid-template-columns: 1fr 25em; 785 } 786 787 @media (max-width: 1080px) { 788 grid-template-columns: 1fr 26em; 789 } 790 791 @media (max-width: 1010px) { 792 grid-template-columns: 1fr; 793 grid-template-rows: auto; 794 } 795 796 .estimator, 797 .breakdown>.breakdown_content { 798 display: flex; 799 flex-direction: column; 800 gap: 2.5em; 801 padding: 3em 2.5em; 802 803 @media (max-width: 1024px) { 804 padding-inline: 1.5em; 805 } 806 } 807 808 .top_content, 809 .bottom_content, 810 .breakdown_content { 811 max-width: 38rem; 812 width: 100%; 813 margin: 0 auto; 814 } 815 816 .estimator { 817 .top_content { 818 display: flex; 819 flex-direction: column; 820 gap: 1.75em; 821 822 .custom_select_container { 823 display: flex; 824 flex-direction: column; 825 width: 100%; 826 gap: 0.5em; 827 828 &:nth-child(2) { 829 position: relative; 830 z-index: -1; 831 } 832 833 &:nth-child(3) { 834 position: relative; 835 z-index: -2; 836 } 837 838 .plan_custom_value { 839 display: flex; 840 align-items: center; 841 gap: 0.8em; 842 843 &._region { 844 img { 845 border-radius: 50%; 846 } 847 } 848 } 849 850 .custom_select { 851 width: 100%; 852 margin-bottom: 0 !important; 853 854 &.cloud-provider { 855 .optionLists-item { 856 padding: 0; 857 grid-gap: 0; 858 } 859 860 .placeholder-item { 861 padding: 1em 1.5em; 862 } 863 864 .providers { 865 display: flex; 866 justify-content: space-between; 867 align-items: center; 868 padding: 1em 1.5em; 869 background-color: transparent !important; 870 border: none; 871 872 span { 873 border-radius: 0.25rem; 874 border: 1px solid rgba(255, 255, 255, 0.12); 875 background: #1e1e20; 876 color: #a3a3a3; 877 padding: 0.25em 0.375em; 878 font-size: 0.8rem; 879 } 880 } 881 } 882 } 883 884 .btn-select, 885 .select-input_container { 886 border-radius: 0.75rem; 887 background: rgba(255, 255, 255, 0.01); 888 } 889 890 .select-input_container { 891 border: 1px solid rgba(255, 255, 255, 0.12) !important; 892 background-image: none; 893 894 background-origin: unset; 895 background-clip: unset; 896 } 897 898 .select-lists .container { 899 background-origin: unset; 900 background-clip: unset; 901 border: 1px solid rgba(255, 255, 255, 0.12) !important; 902 background-image: rgba(255, 255, 255, 0.01); 903 } 904 } 905 } 906 907 .bottom_content { 908 display: flex; 909 flex-direction: column; 910 gap: 2.5em; 911 position: relative; 912 z-index: -1; 913 914 .resource_items { 915 display: flex; 916 flex-direction: column; 917 gap: 0.75em; 918 919 input[type='range']::-webkit-slider-thumb { 920 border-radius: 1rem; 921 } 922 923 .track-bar { 924 background: #ffffff14; 925 } 926 927 .progress-bar { 928 background: #4f21ea; 929 } 930 931 .top { 932 display: flex; 933 align-items: center; 934 justify-content: space-between; 935 936 p { 937 font-size: 1rem; 938 font-weight: 400; 939 color: #ffffff; 940 941 display: flex; 942 align-items: center; 943 gap: 0.5em; 944 945 &:last-of-type { 946 color: #fff; 947 font-weight: 700; 948 border-radius: 8px; 949 padding: 0.5em 0.75em; 950 background-color: #ffffff0f; 951 } 952 953 span { 954 font-weight: 400; 955 color: #ffffff8f; 956 } 957 } 958 } 959 } 960 } 961 } 962 963 .breakdown { 964 border-left: 1px solid #ffffff0f; 965 min-height: 39.25rem; 966 background-color: #ffffff03; 967 backdrop-filter: blur(24px); 968 overflow: hidden; 969 height: 100%; 970 971 @media (max-width: 768px) { 972 border: none; 973 } 974 975 @media (max-width: 1024px) { 976 .breakdown_content { 977 h3 { 978 font-size: 1.2rem !important; 979 } 980 } 981 } 982 983 .breakdown_content { 984 height: 100%; 985 986 h3 { 987 font-size: 1.375rem; 988 color: #ffffff; 989 font-weight: 400; 990 } 991 992 .breakdown_item_container { 993 display: flex; 994 flex-direction: column; 995 gap: 1em; 996 997 margin-bottom: auto; 998 999 .item { 1000 display: flex; 1001 justify-content: space-between; 1002 flex-wrap: wrap; 1003 row-gap: 1em; 1004 height: 2.75rem; 1005 align-items: center; 1006 1007 &:last-of-type { 1008 border-top: 1px dashed var(--Transparent-Bright-Low, #ffffff08); 1009 border-bottom: 1px dashed var(--Transparent-Bright-Low, #ffffff08); 1010 1011 p, 1012 span { 1013 color: #e6ba00; 1014 min-width: unset; 1015 line-height: 28px; 1016 } 1017 } 1018 1019 p { 1020 color: rgba(255, 255, 255, 0.56); 1021 font-size: 1rem; 1022 font-weight: 400; 1023 } 1024 1025 span { 1026 color: #fff; 1027 font-size: 1rem; 1028 font-weight: 400; 1029 min-width: 12.5rem; 1030 text-align: end; 1031 1032 span { 1033 color: rgba(255, 255, 255, 0.56); 1034 } 1035 } 1036 } 1037 } 1038 1039 footer { 1040 color: rgba(255, 255, 255, 0.56); 1041 display: flex; 1042 justify-content: space-between; 1043 align-items: center; 1044 width: 100%; 1045 font-weight: 400; 1046 1047 P:nth-child(1) { 1048 font-size: 1rem; 1049 } 1050 1051 p:last-of-type { 1052 font-size: clamp(1.5rem, 6vw, 2.25rem); 1053 font-weight: 400; 1054 background: linear-gradient(115deg, 1055 #f083ff -19.86%, 1056 #bec8ff 46.34%, 1057 #9fffd6 111.17%); 1058 background-clip: text; 1059 -webkit-background-clip: text; 1060 -webkit-text-fill-color: transparent; 1061 } 1062 } 1063 } 1064 } 1065 1066 .breakdown_loading { 1067 min-height: 30rem; 1068 } 1069 } 1070 1071 .border_line { 1072 height: 2px; 1073 background-color: rgba(255, 255, 255, 0.18); 1074 width: calc(100% + 5em); 1075 position: absolute; 1076 bottom: 0; 1077 margin-left: -2.5rem; 1078 border-radius: 0.5rem; 1079 1080 @media (max-width: 1024px) { 1081 width: calc(100% + 2em); 1082 margin-left: -1rem; 1083 } 1084 } 1085 } 1086 1087 .cost_estimator_info { 1088 margin: 0 auto; 1089 color: #8f8f8f; 1090 font-size: 1rem; 1091 font-weight: 400; 1092 width: fit-content; 1093 margin-top: -2em; 1094 } 1095} 1096 1097section.compare_plans { 1098 padding: 10em 0; 1099 display: flex; 1100 flex-direction: column; 1101 1102 .compare_plans_header { 1103 display: flex; 1104 flex-direction: column; 1105 justify-content: center; 1106 align-items: center; 1107 margin-bottom: 5em; 1108 position: relative; 1109 1110 &:before { 1111 content: ''; 1112 position: absolute; 1113 margin-top: -6em; 1114 background: linear-gradient(88deg, 1115
1115 #ffeb00 1.81%, 1116 #9fffd6 50.09%, 1117 #b098ff 98.38%); 1118 z-index: -1; 1119 opacity: 0.1; 1120 filter: blur(122px); 1121 width: 100%; 1122 max-width: 469.849px; 1123 height: 469.852px; 1124 flex-shrink: 0; 1125 aspect-ratio: 469.85/469.85; 1126 } 1127 } 1128 1129 .content_wrapper { 1130 width: 100%; 1131 1132 * { 1133 scrollbar-width: none; 1134 -ms-overflow-style: none; 1135 } 1136 1137 *::-webkit-scrollbar { 1138 display: none; 1139 } 1140 1141 .content { 1142 width: 100%; 1143 1144 .table:nth-of-type(2) { 1145 h3 { 1146 color: #e6ba00; 1147 } 1148 } 1149 1150 .table_header { 1151 position: sticky; 1152 top: 4.72em; 1153 1154 overflow-x: auto; 1155 background: rgba(255, 255, 255, 0.01); 1156 backdrop-filter: blur(35px); 1157 border-top-right-radius: 2.5em; 1158 border-top-left-radius: 2.5em; 1159 1160 .rows { 1161 position: relative; 1162 border: none; 1163 1164 .table_plan_container { 1165 padding: 1.5em 1.75em; 1166 display: flex; 1167 flex-direction: column; 1168 gap: 1em; 1169 justify-content: center; 1170 1171 &:first-of-type { 1172 p { 1173 color: rgba(255, 255, 255, 0.56); 1174 font-size: 1em; 1175 } 1176 } 1177 1178 &:nth-child(3) { 1179 background: rgba(255, 255, 255, 0.02); 1180 } 1181 } 1182 1183 .rows { 1184 z-index: -1; 1185 position: relative; 1186 display: grid; 1187 grid-template-columns: 15.5em repeat(3, minmax(21em, 1fr)); 1188 text-align: center; 1189 border-top: 1px solid rgba(255, 255, 255, 0.04); 1190 width: 100%; 1191 1192 &:first-of-type { 1193 border-top: none; 1194 } 1195 1196 @media (max-width: 1394px) { 1197 width: fit-content; 1198 } 1199 1200 1201 p, 1202 .cta_button_container { 1203 line-height: 24px; 1204 padding: 1.5em 1.75em; 1205 color: rgba(255, 255, 255, 0.56); 1206 font-weight: 400; 1207 1208 1209 &:nth-child(1) { 1210 color: #FFFFFF; 1211 text-align: start; 1212 1213 @media (max-width: 1394px) and (min-width: 777px) { 1214 position: sticky; 1215 left: 0; 1216 background: rgba(255, 255, 255, 0.01); 1217 backdrop-filter: blur(24px); 1218 z-index: 10; 1219 } 1220 } 1221 1222 &:nth-child(3) { 1223 background: rgba(255, 255, 255, 0.02); 1224 } 1225 1226 span { 1227 color: rgb(61, 186, 85); 1228 font-weight: 500; 1229 } 1230 } 1231 1232 .cta_button_container { 1233 &:nth-child(3) { 1234 background: none; 1235 } 1236 1237 .cta_button { 1238 padding: .875em 1em; 1239 max-width: 12em; 1240 width: 100%; 1241 margin: 0 auto; 1242 font-size: .8125em; 1243 line-height: normal; 1244 transition: all 0.15s ease-out; 1245 1246 1247 1248 &:active { 1249 transition-duration: 0.1s; 1250 transform: scale(0.95); 1251 } 1252 1253 } 1254 } 1255 1256 .table { 1257 width: 100%; 1258 display: flex; 1259 flex-direction: column; 1260 position: relative; 1261 z-index: -2; 1262 1263 &:nth-last-child(2) { 1264 .scroll_container { 1265 border-bottom-left-radius: 2.5em; 1266 border-bottom-right-radius: 2.5em; 1267 } 1268 } 1269 1270 .category { 1271 position: sticky; 1272 top: 9.2em; 1273 height: 3.9em; 1274 background: rgba(255, 255, 255, 0.01); 1275 backdrop-filter: blur(24px); 1276 z-index: 10; 1277 1278 border-top: 1px solid rgba(255, 255, 255, 0.04); 1279 border-bottom: 1px solid rgba(255, 255, 255, 0.04); 1280 1281 display: flex; 1282 align-items: center; 1283 justify-content: start; 1284 1285 h3 { 1286 font-size: 1.125rem; 1287 font-weight: 400; 1288 width: 100%; 1289 color: #cccccc; 1290 padding: 0.625em 1.5em; 1291 display: flex; 1292 align-items: center; 1293 gap: 0.625em; 1294 1295 span.dot { 1296 background-color: #e6ba00; 1297 width: 0.5em; 1298 height: 0.5em; 1299 border-radius: 50%; 1300 margin: 0; 1301 } 1302 } 1303 } 1304 } 1305 1306 .scroll_container { 1307 overflow: auto; 1308 width: 100%; 1309 background: rgba(255, 255, 255, 0.01); 1310 } 1311 1312 ._cta_scroll_container { 1313 background-color: transparent; 1314 } 1315 1316 .rows { 1317 z-index: -1; 1318 position: relative; 1319 display: grid; 1320 grid-template-columns: 15.5em repeat(3, minmax(21em, 1fr)); 1321 text-align: center; 1322 border-top: 1px solid rgba(255, 255, 255, 0.04); 1323 width: 100%; 1324 1325 &:first-of-type { 1326 border-top: none; 1327 } 1328 1329 @media (max-width: 1394px) { 1330 width: fit-content; 1331 } 1332 1333 p, 1334 .cta_button_container { 1335 line-height: 24px; 1336 padding: 1.5em 1.75em; 1337 color: rgba(255, 255, 255, 0.56); 1338 font-weight: 400; 1339 1340 &:nth-child(1) { 1341 color: #ffffff; 1342 text-align: start; 1343 1344 @media (max-width: 1394px) and (min-width: 777px) { 1345 position: sticky; 1346 left: 0; 1347 background: rgba(255, 255, 255, 0.01); 1348 backdrop-filter: blur(24px); 1349 z-index: 10; 1350 } 1351 } 1352 1353 &:nth-child(3) { 1354 background: rgba(255, 255, 255, 0.02); 1355 } 1356 1357 span { 1358 color: rgb(61, 186, 85); 1359 font-weight: 500; 1360 } 1361 } 1362 1363 .cta_button_container { 1364 &:nth-child(3) { 1365 background: none; 1366 } 1367 1368 .cta_button { 1369 padding: 0.875em 1em; 1370 max-width: 12em; 1371 width: 100%; 1372 margin: 0 auto; 1373 font-size: 0.8125em; 1374 line-height: normal; 1375 } 1376 } 1377 } 1378 } 1379 } 1380} 1381`;e.s(["default",0,i])}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.