/* ==========================================================================
   OllaCloud calculator
   Scoped stylesheet. Everything below applies only inside #olla-calculator.
   Generated from the Olla Systems build; see README.md before editing.
   ========================================================================== */

#olla-calculator {
  /* ---- THE ONLY THINGS YOU SHOULD NEED TO CHANGE ----------------------- */
  /* Type. Leave as inherit and the calculator takes your site's fonts
     (Space Grotesk and Inter). Name a family here to pin Olla's instead. */
  --occ-font-display: inherit;
  --occ-font-body: inherit;
  /* Brand. Your site's red is #FF2D46; Olla's is #BE212F. The calculator uses
     three reds: a deep one for rules and emphasis, a flat one for the primary
     button, and a bright one for small accents. */
  --occ-red: #FF2D46;
  --occ-red-flat: #FF2D46;
  --occ-red-bright: #FF4D62;
  /* Width of the calculator's content band. */
  --occ-band: 90.667;   /* multiplied by --occ-rem below */

  /* ---- THE SIZING ENGINE. Do not edit unless you know what it does. ----- */
  /* One number the whole widget is measured in, interpolated against the
     viewport exactly as the original site does it, so the calculator holds the
     proportions it was designed at without touching your page's root size. */
  --occ-from: 14; --occ-to: 16; --occ-vwfrom: 4.79; --occ-vwto: 14.40;
  --occ-coef: calc((var(--occ-to) - var(--occ-from)) / (var(--occ-vwto) - var(--occ-vwfrom)));
  --occ-rem: calc((var(--occ-from) - var(--occ-vwfrom) * var(--occ-coef)) * 1px
                  + var(--occ-coef) * 1vw);

  font-size: var(--occ-rem);
  color: var(--color-black);
  box-sizing: border-box;
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  #olla-calculator { --occ-from: 16; --occ-to: 18; --occ-vwfrom: 14.40; --occ-vwto: 19.20; }
}
@media screen and (min-width: 1921px) {
  #olla-calculator { --occ-from: 18; --occ-to: 20; --occ-vwfrom: 19.20; --occ-vwto: 24.00; }
}
@media screen and (min-width: 2400px) { #olla-calculator { --occ-rem: 20px; } }
@media screen and (max-width: 479px) {
  #olla-calculator { --occ-from: 12; --occ-to: 16; --occ-vwfrom: 0.01; --occ-vwto: 4.79; }
}

#olla-calculator *, #olla-calculator *::before, #olla-calculator *::after { box-sizing: border-box; }

/* ---- tokens, resolved from the source build ---------------------------- */
#olla-calculator {
  --band: calc(var(--occ-rem)*90.667);
  --color-black: #000000;
  --color-ink-mute: #5A5A5A;
  --color-ink-soft: #3A3A3B;
  --color-red: #BE212F;
  --color-red-bright: #EF3C3A;
  --color-red-flat: #E9272B;
  --color-white: #FFFFFF;
  --container: calc(var(--band) + 2 * var(--gutter));
  --crumb-trim: calc(var(--occ-rem)*0);
  --font-body: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-display: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --gutter: calc(var(--occ-rem)*2.5);
  --lh-body: calc(var(--occ-rem)*1.556);
  --lh-h2: calc(var(--occ-rem)*3.611);
  --nav-h: calc(var(--occ-rem)*4.938);
  --rule-card: rgba(58, 58, 59, 0.5);
  --rule-faint: #E2E2E2;
  --text-body: calc(var(--occ-rem)*1);
  --text-caption: calc(var(--occ-rem)*0.556);
  --text-fine: calc(var(--occ-rem)*0.833);
  --text-h2: calc(var(--occ-rem)*3);
  --text-h3: calc(var(--occ-rem)*2);
  --text-micro: calc(var(--occ-rem)*0.667);
  --text-stat: calc(var(--occ-rem)*1.222);
  --text-xs: calc(var(--occ-rem)*0.778);
  /* the four above, re-pointed at the editable names at the top */
  --color-red: var(--occ-red);
  --color-red-flat: var(--occ-red-flat);
  --color-red-bright: var(--occ-red-bright);
  --font-display: var(--occ-font-display);
  --font-body: var(--occ-font-body);
  --band: calc(var(--occ-rem) * var(--occ-band));
}

/* ---- the calculator ---------------------------------------------------- */
#olla-calculator [hidden] { display: none !important; }
#olla-calculator .cloud_tablewrap,
#olla-calculator .training_course_meta { scrollbar-width: thin; scrollbar-color: var(--color-red) transparent; }
#olla-calculator .cloud_tablewrap::-webkit-scrollbar,
#olla-calculator .training_course_meta::-webkit-scrollbar { height: 8px; }
#olla-calculator .cloud_tablewrap::-webkit-scrollbar-track,
#olla-calculator .training_course_meta::-webkit-scrollbar-track { background: transparent; }
#olla-calculator .cloud_tablewrap::-webkit-scrollbar-thumb,
#olla-calculator .training_course_meta::-webkit-scrollbar-thumb { background: var(--color-red); border-radius: 0px; }
#olla-calculator h1,
#olla-calculator h2,
#olla-calculator h3,
#olla-calculator .h1,
#olla-calculator .occ-h2,
#olla-calculator .h3,
#olla-calculator .h4,
#olla-calculator .hero_headline { text-wrap: balance; }
#olla-calculator .occ-container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
#olla-calculator .occ-eyebrow { font-family: var(--font-display); font-weight: 400; font-size: var(--text-body); line-height: normal; color: var(--color-red); text-transform: uppercase; }
#olla-calculator .occ-eyebrow.is-on-dark { color: var(--color-red-bright); }
#olla-calculator .occ-eyebrow.is-white { color: var(--color-white); }
#olla-calculator .occ-h2 { font-family: var(--font-display); font-weight: 500; font-size: var(--text-h2); line-height: var(--lh-h2); color: var(--color-black); }
#olla-calculator .lede { font-size: var(--text-body); line-height: 1.5; opacity: 0.5; }
#olla-calculator .cert_item.is-wide { width: calc(var(--occ-rem)*5.944); }
#olla-calculator .footer_cta_left .occ-h2 { color: var(--color-white); }
#olla-calculator .section_notice .is-short { display: none; }
#olla-calculator [id][class*="section_"] { scroll-margin-top: calc(var(--nav-h) + calc(var(--occ-rem)*5.333)); }
#olla-calculator .section_cloud_included > .occ-container { position: relative; z-index: 1; }
#olla-calculator .cloud_included_note .lede { line-height: var(--lh-body); }
#olla-calculator .section_cloud_pricing { margin-top: calc(var(--occ-rem)*10.667); min-height: calc(var(--occ-rem)*83.333); }
#olla-calculator .cloud_pricing_head { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*3.333); }
#olla-calculator .cloud_pricing_head_lead { display: flex; flex-direction: column; gap: calc(var(--occ-rem)*0.667); }
#olla-calculator .cloud_pricing_headline { width: calc(var(--occ-rem)*28.833); max-width: 100%; color: var(--color-black); }
#olla-calculator .cloud_pricing_head_note { width: calc(var(--occ-rem)*29.333); flex: 0 0 auto; display: flex; flex-direction: column; gap: calc(var(--occ-rem)*0.556); }
#olla-calculator .cloud_pricing_brief { padding: calc(var(--occ-rem)*0.556) 0px calc(var(--occ-rem)*0.556) calc(var(--occ-rem)*1.333); border-left: 1px solid var(--rule-card); font-family: var(--font-display); font-weight: 400; font-size: var(--text-body); line-height: 1.2; text-transform: uppercase; color: var(--color-black); }
#olla-calculator .cloud_pricing_smallprint { font-size: var(--text-body); line-height: 1.5; color: var(--color-ink-soft); }
#olla-calculator .cloud_pricing_body { margin-top: calc(var(--occ-rem)*8.389); display: flex; align-items: flex-start; gap: calc(var(--occ-rem)*12.722); }
#olla-calculator .cloud_pricing_config { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: calc(var(--occ-rem)*1.667); }
#olla-calculator .cloud_tabbar { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*0.444); flex-wrap: wrap; }
#olla-calculator .cloud_tabset { display: flex; gap: calc(var(--occ-rem)*0.444); }
#olla-calculator .cloud_tabset.is-cycle { gap: 0px; }
#olla-calculator .cloud_tab { display: inline-flex; align-items: center; justify-content: center; height: calc(var(--occ-rem)*2.667); padding-inline: calc(var(--occ-rem)*1.333); border: 1px solid var(--rule-faint); background: var(--color-white); color: var(--color-black); font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); line-height: 1; letter-spacing: calc(var(--occ-rem)*0.044); text-align: center; white-space: nowrap; }
#olla-calculator .cloud_tab.is-active { background: var(--color-black); color: var(--color-white); border-color: var(--color-black); }
#olla-calculator .cloud_tab .is-short { display: none; }
#olla-calculator .cloud_tabset .cloud_tab:nth-child(1) { min-width: calc(var(--occ-rem)*8.333); }
#olla-calculator .cloud_tabset .cloud_tab:nth-child(2) { min-width: calc(var(--occ-rem)*11.667); }
#olla-calculator .cloud_tabset .cloud_tab:nth-child(3) { min-width: calc(var(--occ-rem)*10); }
#olla-calculator .cloud_tabset.is-cycle .cloud_tab { min-width: calc(var(--occ-rem)*5.556); }
#olla-calculator .cloud_shapes { display: flex; flex-direction: column; }
#olla-calculator .cloud_shapes_head { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*1.111); padding-bottom: calc(var(--occ-rem)*1.278); border-bottom: 1px solid var(--rule-card); margin-bottom: calc(var(--occ-rem)*1.278); }
#olla-calculator .cloud_shapes_label { font-family: var(--font-display); font-weight: 450; font-size: var(--text-body); line-height: normal; text-transform: uppercase; opacity: 0.5; }
#olla-calculator .cloud_shapes_hint { font-family: var(--font-display); font-weight: 400; font-size: var(--text-caption); line-height: normal; color: var(--color-ink-soft); }
#olla-calculator .cloud_shapes_grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: calc(var(--occ-rem)*1.278); }
#olla-calculator .cloud_shape { min-height: calc(var(--occ-rem)*8.333); padding: calc(var(--occ-rem)*0.722) calc(var(--occ-rem)*0.556); border: 1px solid var(--rule-faint); display: flex; flex-direction: column; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); }
#olla-calculator .cloud_shape.is-selected { border-color: var(--color-red); }
#olla-calculator .cloud_shape_body { display: flex; flex-direction: column; }
#olla-calculator .cloud_shape_name { font-family: var(--font-body); font-weight: 700; font-size: var(--text-body); line-height: var(--lh-body); color: var(--color-black); }
#olla-calculator .cloud_shape_desc,
#olla-calculator .cloud_shape_spec { font-size: var(--text-fine); line-height: calc(var(--occ-rem)*1.222); opacity: 0.5; }
#olla-calculator .cloud_shape_price { display: flex; align-items: flex-end; gap: calc(var(--occ-rem)*0.556); }
#olla-calculator .cloud_shape_figure { font-family: var(--font-body); font-weight: 700; font-size: var(--text-stat); line-height: 1.1; opacity: 0.88; }
#olla-calculator .cloud_shape_unit { font-size: var(--text-micro); line-height: 1.4; color: var(--color-ink-mute); }
#olla-calculator .cloud_estimate { flex: 0 0 calc(var(--occ-rem)*29.333); max-width: 100%; min-height: calc(var(--occ-rem)*64.444); border: 1px solid var(--rule-faint); }
#olla-calculator .cloud_estimate_inner { padding: calc(var(--occ-rem)*2.556) calc(var(--occ-rem)*2.389); display: flex; flex-direction: column; }
#olla-calculator .cloud_estimate_top { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--occ-rem)*1.667); }
#olla-calculator .cloud_estimate_flag { padding: calc(var(--occ-rem)*0.333) calc(var(--occ-rem)*0.667); border: 1px solid var(--color-red); font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); line-height: normal; color: var(--color-red); }
#olla-calculator .cloud_estimate_headline { display: flex; flex-direction: column; gap: calc(var(--occ-rem)*0.667); }
#olla-calculator .cloud_estimate_label { font-size: var(--text-body); line-height: normal; text-transform: uppercase; color: var(--color-ink-soft); }
#olla-calculator .cloud_estimate_figure { display: flex; align-items: center; gap: calc(var(--occ-rem)*0.333); font-family: var(--font-body); font-weight: 700; font-size: var(--text-h3); line-height: 1.15; color: var(--color-black); }
#olla-calculator .cloud_naira { width: calc(var(--occ-rem)*1.944); height: calc(var(--occ-rem)*1.5); flex: 0 0 auto; fill: var(--color-red-bright); }
#olla-calculator .cloud_naira:not(.is-lg) { width: calc(var(--occ-rem)*0.926); height: calc(var(--occ-rem)*0.714); fill: var(--color-red); }
#olla-calculator .cloud_estimate_note { font-size: var(--text-body); line-height: var(--lh-body); opacity: 0.5; }
#olla-calculator .cloud_estimate_annual { margin-top: calc(var(--occ-rem)*1.722); padding: calc(var(--occ-rem)*1.167); border: 1px solid var(--rule-faint); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*1.111); font-size: var(--text-body); line-height: var(--lh-body); }
#olla-calculator .cloud_estimate_annual_value { display: flex; align-items: center; gap: calc(var(--occ-rem)*0.161); font-weight: 700; color: var(--color-red); }
#olla-calculator .cloud_estimate_table { margin-top: calc(var(--occ-rem)*2.778); }
#olla-calculator .cloud_estimate_group { margin-top: calc(var(--occ-rem)*1.111); margin-bottom: calc(var(--occ-rem)*0.278); font-family: var(--font-body); font-weight: 700; font-size: var(--text-micro); line-height: calc(var(--occ-rem)*1.444); letter-spacing: calc(var(--occ-rem)*0.039); color: var(--color-red-bright); }
#olla-calculator .cloud_estimate_table > .cloud_estimate_group:first-child { margin-top: 0px; }
#olla-calculator .cloud_estimate_row { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--occ-rem)*1.111); font-size: var(--text-fine); line-height: calc(var(--occ-rem)*1.444); color: var(--color-ink-mute); }
#olla-calculator .cloud_estimate_row > span:last-child { color: var(--color-black); text-align: right; }
#olla-calculator .cloud_estimate_row.is-ruled { border-top: 1px solid var(--rule-faint); margin-top: calc(var(--occ-rem)*0.611); padding-top: calc(var(--occ-rem)*0.611); }
#olla-calculator .cloud_estimate_row.is-total { font-weight: 700; color: var(--color-black); }
#olla-calculator .cloud_estimate_row.is-grand { font-weight: 700; font-size: var(--text-body); color: var(--color-black); }
#olla-calculator .cloud_estimate_actions { margin-top: calc(var(--occ-rem)*2.222); display: flex; flex-direction: column; gap: calc(var(--occ-rem)*1.111); }
#olla-calculator .cloud_estimate_btn { display: flex; align-items: center; justify-content: center; padding: calc(var(--occ-rem)*0.778) calc(var(--occ-rem)*1.778); border: 1px solid var(--rule-faint); background: var(--color-white); font-family: var(--font-body); font-weight: 700; font-size: var(--text-body); line-height: var(--lh-body); color: var(--color-black); text-align: center; transition: background 0.18s, color 0.18s; }
#olla-calculator .cloud_estimate_btn.is-solid { border-color: transparent; background: var(--color-red-flat); color: var(--color-white); }
#olla-calculator .cloud_estimate_btn { transition: background-color 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), border-color 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.24s cubic-bezier(0.22, 0.61, 0.36, 1); }
#olla-calculator .cloud_estimate_btn.is-solid:hover,
#olla-calculator .cloud_estimate_btn.is-solid:focus-visible { background: var(--color-black); border-color: var(--color-black); color: var(--color-white); }
#olla-calculator .cloud_estimate_btn:not(.is-solid):hover,
#olla-calculator .cloud_estimate_btn:not(.is-solid):focus-visible { background: var(--color-red); border-color: var(--color-red); color: var(--color-white); }
#olla-calculator .cloud_estimate_btn:focus-visible { outline: 2px solid var(--color-black); outline-offset: 2px; }
#olla-calculator .cloud_estimate_footnote { margin-top: calc(var(--occ-rem)*2.222); font-size: var(--text-xs); line-height: calc(var(--occ-rem)*1.322); text-align: center; opacity: 0.5; }
#olla-calculator .cloud_spec { margin-top: calc(var(--occ-rem)*0.556); display: flex; flex-direction: column; }
#olla-calculator .cloud_spec_row { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); padding-block: calc(var(--occ-rem)*0.111); font-size: var(--text-micro); line-height: calc(var(--occ-rem)*1.278); }
#olla-calculator .cloud_spec_row dt { color: var(--color-ink-mute); opacity: 0.75; }
#olla-calculator .cloud_spec_row dd { margin: 0px; font-weight: 700; color: var(--color-black); }
#olla-calculator .cloud_shape_alt { margin-top: calc(var(--occ-rem)*0.222); font-size: var(--text-micro); line-height: 1.3; color: var(--color-ink-mute); }
#olla-calculator .cloud_shape { cursor: pointer; transition: border-color 0.16s; }
#olla-calculator .cloud_shape:hover { border-color: var(--color-ink-soft); }
#olla-calculator .cloud_shape.is-selected:hover { border-color: var(--color-red); }
#olla-calculator .cloud_shape:focus-visible { outline: 2px solid var(--color-red); outline-offset: 2px; }
#olla-calculator .cloud_shapes_grid.is-packages { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#olla-calculator .cloud_subtabs { display: flex; gap: 0px; margin-bottom: calc(var(--occ-rem)*1.278); }
#olla-calculator .cloud_subtab { display: inline-flex; align-items: center; justify-content: center; height: calc(var(--occ-rem)*2.222); padding-inline: calc(var(--occ-rem)*1.111); border: 1px solid var(--rule-faint); background: var(--color-white); color: var(--color-ink-mute); font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); line-height: 1; letter-spacing: calc(var(--occ-rem)*0.033); white-space: nowrap; cursor: pointer; }
#olla-calculator .cloud_subtab + .cloud_subtab { border-left: 0px; }
#olla-calculator .cloud_subtab.is-active { background: var(--color-black); color: var(--color-white); border-color: var(--color-black); }
#olla-calculator .cloud_tablewrap { overflow-x: auto; }
#olla-calculator .cloud_ptable { width: 100%; min-width: calc(var(--occ-rem)*34); border-collapse: collapse; border: 1px solid var(--rule-faint); font-size: var(--text-fine); }
#olla-calculator .cloud_ptable th,
#olla-calculator .cloud_ptable td { padding: calc(var(--occ-rem)*0.611) calc(var(--occ-rem)*0.778); text-align: right; border-bottom: 1px solid var(--rule-faint); white-space: nowrap; }
#olla-calculator .cloud_ptable thead th { font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); letter-spacing: calc(var(--occ-rem)*0.033); color: var(--color-red-bright); text-transform: uppercase; }
#olla-calculator .cloud_ptable th:first-child,
#olla-calculator .cloud_ptable td:first-child { text-align: left; }
#olla-calculator .cloud_ptable tbody th { font-weight: 700; color: var(--color-black); }
#olla-calculator .cloud_ptable tbody tr { cursor: pointer; }
#olla-calculator .cloud_ptable tbody tr:last-child th,
#olla-calculator .cloud_ptable tbody tr:last-child td { border-bottom: 0px; }
#olla-calculator .cloud_ptable tbody tr:hover th,
#olla-calculator .cloud_ptable tbody tr:hover td { background: rgb(250, 250, 250); }
#olla-calculator .cloud_ptable tbody tr.is-selected th { box-shadow: inset 3px 0 0 var(--color-red); color: var(--color-red); }
#olla-calculator .cloud_ptable tbody tr.is-selected th,
#olla-calculator .cloud_ptable tbody tr.is-selected td { background: rgb(250, 250, 250); }
#olla-calculator .cloud_chip { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); padding: calc(var(--occ-rem)*0.611) calc(var(--occ-rem)*0.778); margin-bottom: calc(var(--occ-rem)*0.889); border: 1px solid var(--color-red); font-size: var(--text-fine); line-height: 1.4; color: var(--color-black); }
#olla-calculator .cloud_chip_x { border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--text-body); line-height: 1; color: var(--color-ink-mute); cursor: pointer; padding: 0px calc(var(--occ-rem)*0.222); }
#olla-calculator .cloud_chip_x:hover { color: var(--color-black); }
#olla-calculator .cloud_group { border: 1px solid var(--rule-faint); padding: calc(var(--occ-rem)*1.222); margin-bottom: calc(var(--occ-rem)*0.889); }
#olla-calculator .cloud_group:last-child { margin-bottom: 0px; }
#olla-calculator .cloud_group.is-admin { border-style: dashed; border-color: var(--color-red); }
#olla-calculator .cloud_group_head { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); padding-bottom: calc(var(--occ-rem)*0.611); margin-bottom: calc(var(--occ-rem)*1.111); border-bottom: 1px solid var(--rule-faint); }
#olla-calculator .cloud_group_title { font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); line-height: 1.4; letter-spacing: calc(var(--occ-rem)*0.067); text-transform: uppercase; color: var(--color-red-bright); }
#olla-calculator .cloud_group_note { font-size: var(--text-micro); line-height: 1.5; opacity: 0.6; margin-bottom: calc(var(--occ-rem)*0.889); }
#olla-calculator .cloud_badge { display: inline-block; margin-left: calc(var(--occ-rem)*0.444); padding: calc(var(--occ-rem)*0.111) calc(var(--occ-rem)*0.389); background: var(--color-red); color: var(--color-white); font-size: calc(var(--occ-rem)*0.556); letter-spacing: calc(var(--occ-rem)*0.056); vertical-align: middle; }
#olla-calculator .cloud_resetbtn { border: 1px solid var(--rule-faint); background: none; padding: calc(var(--occ-rem)*0.222) calc(var(--occ-rem)*0.667); font-family: var(--font-display); font-weight: 700; font-size: calc(var(--occ-rem)*0.611); letter-spacing: calc(var(--occ-rem)*0.044); color: var(--color-red); cursor: pointer; }
#olla-calculator .cloud_resetbtn:hover { border-color: var(--color-red); }
#olla-calculator .cloud_sfield { margin-bottom: calc(var(--occ-rem)*1.111); }
#olla-calculator .cloud_sfield:last-child,
#olla-calculator .cloud_field:last-child { margin-bottom: 0px; }
#olla-calculator .cloud_sfield_top { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); margin-bottom: calc(var(--occ-rem)*0.444); }
#olla-calculator .cloud_sfield_top > label,
#olla-calculator .cloud_field > label { font-size: var(--text-fine); line-height: 1.35; color: var(--color-black); }
#olla-calculator .cloud_hint { display: block; margin-top: calc(var(--occ-rem)*0.111); font-size: var(--text-micro); line-height: 1.35; color: var(--color-ink-mute); opacity: 0.8; }
#olla-calculator .cloud_sfield_val { display: flex; align-items: center; gap: calc(var(--occ-rem)*0.333); flex: 0 0 auto; }
#olla-calculator .cloud_unit { font-size: var(--text-micro); color: var(--color-ink-mute); min-width: calc(var(--occ-rem)*2.222); }
#olla-calculator .cloud_num { width: calc(var(--occ-rem)*4.667); height: calc(var(--occ-rem)*1.889); padding: 0px calc(var(--occ-rem)*0.556); border: 1px solid var(--rule-faint); background: var(--color-white); font-family: var(--font-body); font-size: var(--text-fine); text-align: right; color: var(--color-black); }
#olla-calculator .cloud_num.is-wide { width: calc(var(--occ-rem)*8.333); text-align: left; }
#olla-calculator .cloud_num:focus { outline: none; border-color: var(--color-red); }
#olla-calculator .cloud_select { height: calc(var(--occ-rem)*2.222); padding: 0px calc(var(--occ-rem)*0.556); border: 1px solid var(--rule-faint); background: var(--color-white); font-family: var(--font-body); font-size: var(--text-fine); color: var(--color-black); }
#olla-calculator .cloud_field { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); margin-bottom: calc(var(--occ-rem)*1.111); }
#olla-calculator .cloud_stepper { display: inline-flex; border: 1px solid var(--rule-faint); flex: 0 0 auto; }
#olla-calculator .cloud_stepper button { width: calc(var(--occ-rem)*2.111); height: calc(var(--occ-rem)*2.111); border: 0px; background: var(--color-white); font-family: var(--font-body); font-weight: 700; font-size: var(--text-body); color: var(--color-red); cursor: pointer; }
#olla-calculator .cloud_stepper button:hover { background: rgb(250, 250, 250); }
#olla-calculator .cloud_stepper .cloud_num { width: calc(var(--occ-rem)*3.333); height: calc(var(--occ-rem)*2.111); border: 0px; border-inline: 1px solid var(--rule-faint); text-align: center; }
#olla-calculator .cloud_yesno { display: inline-flex; flex: 0 0 auto; }
#olla-calculator .cloud_yesno button { width: calc(var(--occ-rem)*3.333); height: calc(var(--occ-rem)*2.111); border: 1px solid var(--rule-faint); background: var(--color-white); font-family: var(--font-display); font-weight: 700; font-size: var(--text-micro); color: var(--color-black); cursor: pointer; }
#olla-calculator .cloud_yesno button + button { border-left: 0px; }
#olla-calculator .cloud_yesno button.is-on { background: var(--color-black); color: var(--color-white); border-color: var(--color-black); }
#olla-calculator .cloud_range { appearance: none; width: 100%; height: calc(var(--occ-rem)*0.222); background: var(--rule-faint); outline: none; cursor: pointer; }
#olla-calculator .cloud_range::-webkit-slider-thumb { appearance: none; width: calc(var(--occ-rem)*1.111); height: calc(var(--occ-rem)*1.111); background: var(--color-red); border: 3px solid var(--color-white); box-shadow: 0 0 0 1px var(--color-red); cursor: pointer; }
#olla-calculator .cloud_range:focus-visible { outline: 2px solid var(--color-red); outline-offset: 4px; }
#olla-calculator .cloud_panel_note { margin-top: calc(var(--occ-rem)*1.111); font-size: var(--text-micro); line-height: 1.5; color: var(--color-ink-mute); }
#olla-calculator .cloud_linkbtn { border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 700; color: var(--color-red); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
#olla-calculator .cloud_estimate { position: sticky; top: calc(var(--occ-rem)*1.667); }
#olla-calculator .cloud_estimate_topbar { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: calc(var(--occ-rem)*0.889); flex-wrap: wrap; }
#olla-calculator .cloud_estimate_topbar .cloud_tabset.is-cycle .cloud_tab { min-width: 0px; height: calc(var(--occ-rem)*2.111); padding-inline: calc(var(--occ-rem)*0.889); }
#olla-calculator .cloud_estimate_config { margin-top: calc(var(--occ-rem)*1.111); padding: calc(var(--occ-rem)*0.611) calc(var(--occ-rem)*0.778); border: 1px solid var(--rule-faint); background: rgb(250, 250, 250); font-size: var(--text-micro); line-height: 1.45; color: var(--color-ink-mute); }
#olla-calculator .occ-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
#olla-calculator .cloud_tab { cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-family: var(--font-display); }
#olla-calculator .cloud_tab:hover:not(.is-active) { border-color: var(--color-black); }
#olla-calculator .cloud_shape { cursor: pointer; transition: border-color 0.16s, background 0.16s; }
#olla-calculator .cloud_shape:hover:not(.is-selected) { border-color: var(--color-ink-soft); }
#olla-calculator .cloud_shape.is-selected { border-width: 1px; box-shadow: inset 0 0 0 1px var(--color-red); }
#olla-calculator .cloud_estimate_row.is-muted span:last-child { opacity: 0.45; }
#olla-calculator .cloud_estimate_btn { cursor: pointer; font-family: var(--font-display); }
#olla-calculator .cloud_estimate_figure span,
#olla-calculator .cloud_estimate_annual_value span { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  #olla-calculator .cloud_estimate_btn { transition: none; }
}

@media screen and (max-width: 991px) {
  #olla-calculator .section_cloud_pricing { margin-top: calc(var(--occ-rem)*6); min-height: 0px; }
  #olla-calculator .cloud_pricing_head { flex-direction: column; align-items: stretch; gap: calc(var(--occ-rem)*2.222); }
  #olla-calculator .cloud_pricing_head_lead,
  #olla-calculator .cloud_pricing_head_note { width: 100%; }
  #olla-calculator .cloud_pricing_headline { width: 100%; }
  #olla-calculator .cloud_pricing_body { flex-direction: column; gap: calc(var(--occ-rem)*3.333); margin-top: calc(var(--occ-rem)*4.444); }
  #olla-calculator .cloud_pricing_config { width: 100%; }
  #olla-calculator .cloud_estimate { flex: 0 0 auto; width: 100%; min-height: 0px; }
  #olla-calculator .cloud_tabbar { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: calc(var(--occ-rem)*1.111); padding-bottom: calc(var(--occ-rem)*0.444); }
  #olla-calculator .cloud_tabset { flex: 0 0 auto; }
  #olla-calculator .cloud_estimate { position: static; }
  #olla-calculator .footer_certs .cert_item,
  #olla-calculator .footer_certs .cert_item.is-wide { width: 100%; }
  #olla-calculator .footer_cta_left .occ-h2 { text-wrap: balance; }
  #olla-calculator .nav_toggle,
  #olla-calculator .faq_chip,
  #olla-calculator .directory_chip,
  #olla-calculator .training_filter_chip,
  #olla-calculator .pagination_step,
  #olla-calculator .pagination_page,
  #olla-calculator .svc_share_item,
  #olla-calculator .conf_share_chip,
  #olla-calculator .article_share_btn,
  #olla-calculator .cloud_tab,
  #olla-calculator .cloud_linkbtn,
  #olla-calculator .contact_input,
  #olla-calculator .training_input,
  #olla-calculator .conf_input,
  #olla-calculator .contact_select,
  #olla-calculator .training_select,
  #olla-calculator .conf_select,
  #olla-calculator .filter_reset,
  #olla-calculator .agenda_cal,
  #olla-calculator .btn { min-height: max(calc(var(--occ-rem)*2.75), 44px); }
  #olla-calculator .faq_chip,
  #olla-calculator .directory_chip,
  #olla-calculator .training_filter_chip,
  #olla-calculator .pagination_step,
  #olla-calculator .pagination_page,
  #olla-calculator .svc_share_item,
  #olla-calculator .conf_share_chip,
  #olla-calculator .article_share_btn,
  #olla-calculator .cloud_tab,
  #olla-calculator .cloud_linkbtn,
  #olla-calculator .filter_reset { display: inline-flex; align-items: center; justify-content: center; }
  #olla-calculator a,
  #olla-calculator button,
  #olla-calculator summary,
  #olla-calculator input,
  #olla-calculator select,
  #olla-calculator textarea,
  #olla-calculator [role="tab"],
  #olla-calculator [role="button"] { touch-action: manipulation; }
}

@media screen and (max-width: 479px) {
  #olla-calculator .cloud_shapes_grid { grid-template-columns: minmax(0px, 1fr); }
  #olla-calculator .cloud_shape_price { flex-wrap: wrap; gap: calc(var(--occ-rem)*0.333); }
  #olla-calculator .cloud_estimate_inner { padding: calc(var(--occ-rem)*1.667) calc(var(--occ-rem)*1.333); }
  #olla-calculator .cloud_estimate_row { font-size: var(--text-xs); }
  #olla-calculator .cloud_group { padding: calc(var(--occ-rem)*0.889); }
  #olla-calculator .cloud_sfield_top { flex-direction: column; align-items: stretch; gap: calc(var(--occ-rem)*0.444); }
  #olla-calculator .cloud_sfield_val { justify-content: flex-start; }
  #olla-calculator .cert_item,
  #olla-calculator .cert_item.is-wide { grid-template-rows: calc(var(--occ-rem)*3.4) auto; gap: calc(var(--occ-rem)*0.278); width: 100%; }
}

@media screen and (max-width: 767px) {
  #olla-calculator .cloud_tabbar { flex-wrap: wrap; gap: calc(var(--occ-rem)*0.667); }
  #olla-calculator .cloud_tabset { flex-wrap: wrap; gap: calc(var(--occ-rem)*0.444); flex: 1 1 100%; max-width: 100%; }
  #olla-calculator .cloud_tab { height: auto; min-height: calc(var(--occ-rem)*2.75); padding-inline: calc(var(--occ-rem)*0.889); font-size: var(--text-micro); }
  #olla-calculator .cloud_tabset:not(.is-cycle) .cloud_tab { min-width: 0px; }
  #olla-calculator .cloud_tab .is-long { display: none; }
  #olla-calculator .cloud_tab .is-short { display: inline; }
  #olla-calculator .cloud_shapes_grid { grid-template-columns: minmax(0px, 1fr); }
  #olla-calculator .cloud_shapes_grid,
  #olla-calculator .cloud_shapes_grid.is-packages { grid-template-columns: 1fr; }
  #olla-calculator .cloud_subtabs { flex-wrap: wrap; }
  #olla-calculator .cloud_subtab { flex: 1 1 auto; }
  #olla-calculator .cloud_estimate_topbar { align-items: flex-start; }
  #olla-calculator .cloud_field { flex-wrap: wrap; }
  #olla-calculator .section_notice .is-short,
  #olla-calculator .section_notice .is-long,
  #olla-calculator .notice_text,
  #olla-calculator .notice_link,
  #olla-calculator .breadcrumb,
  #olla-calculator .breadcrumb_mark,
  #olla-calculator .breadcrumb_list { font-size: max(calc(var(--occ-rem)*0.917), 14px); }
  #olla-calculator .lede { text-align: left; }
  #olla-calculator .cert_item,
  #olla-calculator .cert_item.is-wide { width: 100%; }
  #olla-calculator .cloud_shape_desc,
  #olla-calculator .svc_tech_note { line-height: 1.5; }
  #olla-calculator .section_notice .is-long { display: none; }
  #olla-calculator .section_notice .is-short { display: inline; }
  #olla-calculator .section_contact_top > .occ-container { margin-top: var(--crumb-trim); }
}

@media (hover: none) and (pointer: coarse) {
  #olla-calculator .nav_toggle,
  #olla-calculator .faq_chip,
  #olla-calculator .directory_chip,
  #olla-calculator .training_filter_chip,
  #olla-calculator .pagination_step,
  #olla-calculator .pagination_page,
  #olla-calculator .svc_share_item,
  #olla-calculator .conf_share_chip,
  #olla-calculator .article_share_btn,
  #olla-calculator .cloud_tab,
  #olla-calculator .cloud_linkbtn,
  #olla-calculator .filter_reset,
  #olla-calculator .agenda_cal,
  #olla-calculator .btn { min-height: max(calc(var(--occ-rem)*2.75), 44px); }
}