#icloud.no-select, #icloud .main .scaling-with-cloudkit .slider-track, #icloud .main .scaling-with-cloudkit .slider-tick-marks, #icloud .main .scaling-with-cloudkit .storage-allowances { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

#icloud .main .scaling-with-cloudkit .storage-allowance { background-color: white; border: 1px solid #e6e6e6; }

#icloud.no-select * { cursor: pointer; }

#icloud .main a.nowrap { display: inline-block; }

#icloud .main .col-25 { padding: 0.75em 0.35em 0; }
#icloud .main .col-25:nth-of-type(3) { clear: none; }
#icloud .main .col-50 { padding-bottom: 1em; }

#icloud .main .bg-light { background-color: #fafafa; }

#icloud .main .resources .col-50:nth-child(2) h4 { display: inline-block; }
#icloud .main .resources .dashboard-screen { width: 100%; height: auto; margin-bottom: 1.5em; position: relative; }
#icloud .main .storage-allowance { padding: 18px 14px 18px; }

#icloud .main .storage-allowance:not(:first-child) { margin-top: -1px; }
#icloud .main .storage-allowance .storage-value, #icloud .main .storage-allowance .storage-label { margin-bottom: 0.15em; }
#icloud .main .storage-allowance .storage-value { font-size: 2.25em; text-transform: uppercase; }
#icloud .main .storage-allowance .storage-label, #icloud .main .storage-allowance .storage-increment { line-height: 1.15; }
#icloud .main .storage-allowance .storage-label + .storage-increment { margin-top: 8px; }
#icloud .main .storage-allowance .storage-increment { margin-bottom: 0; }
#icloud .main .storage-allowance .storage-increment:before { content: "Based on:"; display: block; padding-bottom: 0.35em; color: #666666; font-weight: 200; }

#icloud .main .scaling-with-cloudkit svg.users-icon { margin-bottom: 1.15em; width: 132px; height: 72px; opacity: 0.65; }
#icloud .main .scaling-with-cloudkit svg.users-icon .profile { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; }
#icloud .main .scaling-with-cloudkit svg.users-icon:not(.expanded) .profile.left { -webkit-transform: translateX(32px); -moz-transform: translateX(32px); -o-transform: translateX(32px); }
#icloud .main .scaling-with-cloudkit svg.users-icon:not(.expanded) .profile.right { -webkit-transform: translateX(-32px); -moz-transform: translateX(-32px); -o-transform: translateX(-32px); }
#icloud .main .scaling-with-cloudkit .slider-info { max-width: 720px; }
#icloud .main .scaling-with-cloudkit .active-users { margin-top: 2em; }
#icloud .main .scaling-with-cloudkit .active-users h1 { margin-bottom: 0; }
#icloud .main .scaling-with-cloudkit .active-users * { text-align: center !important; }
#icloud .main .scaling-with-cloudkit .slider-track, #icloud .main .scaling-with-cloudkit .slider-handle, #icloud .main .scaling-with-cloudkit .slider-tick-marks { cursor: pointer; }
#icloud .main .scaling-with-cloudkit .slider-track { margin-left: 36px; margin-right: 36px; }
#icloud .main .scaling-with-cloudkit .slider-track { position: relative; margin: 24px auto 0; max-width: 435px; height: 3px; background-color: #cdcdcd; border-left: 50px solid #0088cc; border-radius: 1.5px; }
#icloud .main .scaling-with-cloudkit .slider-track .slider-label { display: none; }
#icloud .main .scaling-with-cloudkit .slider-track .slider-handle { position: absolute; top: -14.5px; left: -16px; width: 32px; height: 32px; border-radius: 16px; box-shadow: -0.5px 0.5px 2px #bcbcbc; background-color: white; z-index: 999; }
#icloud .main .scaling-with-cloudkit .slider-track.lazy { -webkit-transition: border-left-width 0.35s ease-in-out; -moz-transition: border-left-width 0.35s ease-in-out; -o-transition: border-left-width 0.35s ease-in-out; }
#icloud .main .scaling-with-cloudkit .total-cost * { text-align: center !important; }

#icloud .main .overage-fees p { max-width: 580px; }
#icloud .main .overage-fees ul { list-style-type: none; }
#icloud .main .overage-fees li { overflow: auto; padding-bottom: 0.5em; }
/*#icloud .main .overage-fees li:last-child { padding-bottom: 0.5em; }*/
#icloud .main .overage-fees li [class*="col-"] { padding-top: 0.65em; padding-bottom: 0; }

@media all and (min-device-width: 768px) { #icloud .main .resources .dashboard-screen { left: -14px; }
  #icloud .main .getting-started { max-width: 692px; }
  #icloud .main .getting-started [class*='col-'] { padding-top: 0; padding-bottom: 0; }
  #icloud .main .getting-started .col-25 { padding-left: 1em; padding-right: 1em; }
  #icloud .main .scaling-with-cloudkit .row { margin: 0 auto; max-width: 800px; }
  #icloud .main .scaling-with-cloudkit .slider-info { padding-bottom: 0; }
  #icloud .main .scaling-with-cloudkit .slider-track .slider-handle { position: absolute; top: -8.5px; left: -9.5px; width: 19px; height: 19px; border-radius: 9.5px; }
  #icloud .main .scaling-with-cloudkit .slider-track .slider-label { position: absolute; top: -10px; left: -88px; text-align: left; }
  #icloud .main .scaling-with-cloudkit .storage-allowances .col-25:not(:last-child) .storage-allowance { border-right: 1px solid #e6e6e6; }
  #icloud .main .overage-fees li [class*="col-"]:nth-child(1) span { font-weight: 400 !important; }
  #icloud .main .overage-fees li [class*="col-"]:nth-child(2) { padding-top: 0.65em !important; }
}

/* Legacy styles (for documentation pages) */

body.white#overview header.icon-title-intro p.intro { margin: 5px 108px 0; }
body.white .content section ol li { margin-bottom: 8px; }

/*# sourceMappingURL=icloud.css.map */