html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
footer,
header,
nav,
section {
  display: block;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
a:active,
a:focus,
a:hover {
  outline: medium none;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
button {
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button {
  text-transform: none;
}
button {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
* {
  padding: 0;
}
* {
  margin: 0;
}
:root {
  --viewportHeight: calc(100vh);
}
html {
  font-feature-settings: "ss01";
  font-variation-settings: "opsz" 32;
  --spaces-0: 4px;
  --spaces-1: 8px;
  --spaces-2: 16px;
  --spaces-3: 24px;
  --spaces-4: 32px;
  --spaces-5: 40px;
  --spaces-6: 48px;
  --spaces-7: 56px;
  --spaces-8: 64px;
  --spaces-9: 72px;
  --spaces-10: 80px;
  --spaces-12: 96px;
  --spaces-14: 112px;
  --spaces-16: 128px;
  --spaces-20: 160px;
  --spacing-xs: var(--spaces-0);
  --spacing-sm: var(--spaces-1);
  --spacing-md: var(--spaces-2);
  --spacing-lg: var(--spaces-3);
  --spacing-xl: var(--spaces-4);
  --spacing-2xl: var(--spaces-5);
  --spacing-3xl: var(--spaces-9);
  --section-offset-xl: var(--spaces-12, 96px);
  --section-offset-l: var(--spaces-8, 64px);
  --section-offset-landscape: var(--spaces-12, 96px);
  --full-viewport-offset: var(--spaces-5, 40px);
  --full-viewport-offset-s: var(--spaces-5, 40px);
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --small-font-size: var(--font-size-11);
  --base-font-size: var(--font-size-14);
  --medium-font-size: var(--font-size-16);
  --surface-primary: #fafafa;
  --text-secondary: #a4a1a1;
  --color-error: #ff2a20;
  --color-base-black: #000000;
  --color-light-black: #1c1d1f;
  --color-dark-black: #141214;
  --color-primary-500: #17bed0;
  --text-link: var(--color-primary-500);
  --button-color: var(--color-primary-500);
  --tabs-border-color: var(--color-base-black);
  --color-success: #63bf00;
  --color-gray: #a7abb0;
  --light-blue: #f4faff;
  --light-green: #edfff1;
  --light-gray: #f5f5f7;
  --color-gray-light: #82878e;
  --background-color: #fff;
  --theme-dark-text-color: #838689;
  --gray-help-text-color: #838689;
  --gray-cancel-btn-text-color: #838689;
  --gray-cancel-button-border-color: #b3b8be;
  --footer-background-color: #fafafa;
  --footer-link-hover-color: #878181;
  --testimonials-second-color: #3368e9;
  --secondary-button-border-color: #17bdd0;
  --secondary-button-label-color: var(--secondary-button-border-color);
  --text-gradient: linear-gradient(90deg, #17bed0, #4137cf 52.5%, #fa595d);
  --green-text-gradient: linear-gradient(90deg, #2c8d57, #45d73f);
  --link-text-gradient: linear-gradient(
    180deg,
    #13c4d7 0.01%,
    #17bed0 18.13%,
    #17b1d0 124.99%
  );
  --button-background-gradient: linear-gradient(
    180deg,
    #13c4d7 0.01%,
    #17bed0 18.13%,
    #17b1d0 124.99%
  );
  --encryption: linear-gradient(90deg, #11ac54, #4dd300);
  --premium-gradient: var(--button-background-gradient);
  --family: linear-gradient(270deg, #e93559 3.39%, #ff8c00 96.06%);
  --dark-family: linear-gradient(90deg, #9e49cb, #593dad);
  --button-family-gradient: linear-gradient(
    130deg,
    #84fab0 16.19%,
    #20b5db 86.86%
  );
  --button-family-background:
    url(images/1.svg) right 18px center no-repeat,
    linear-gradient(#fff, #fff) padding-box,
    var(--button-family-gradient) border-box;
  --success-gradient: linear-gradient(
    295deg,
    rgba(255, 255, 255, 0) 7.1%,
    #f0f9eb 62.43%,
    #f0f9eb 97.72%
  );
  --error-gradient: linear-gradient(
    293deg,
    rgba(255, 255, 255, 0) -6.2%,
    rgba(249, 222, 220, 0.2) 4.55%,
    rgba(249, 222, 220, 0.2) 28.09%,
    #f9dedc 100.26%
  );
  --windows-gradient: linear-gradient(
    119deg,
    #2e398f -8.06%,
    #3d4fbd 20.66%,
    #3c9dff 74%
  );
  --windows-text-gradient: linear-gradient(
    90deg,
    #091990 -1.24%,
    #1535ff 27.7%,
    #3c9dff 81.44%
  );
  --mac-gradient: linear-gradient(
    118deg,
    #0866ff -3.24%,
    #cd5a65 69.84%,
    #f66b00 103.14%
  );
  --mac-text-gradient: linear-gradient(90deg, #0866ff, #cd5a65 52.5%, #f66b00);
  --linux-gradient: linear-gradient(
    118deg,
    #723850 -0.97%,
    #b24670 44.54%,
    #f9884f 90.55%
  );
  --linux-text-gradient: linear-gradient(
    90deg,
    #770a37,
    #c13067 52.5%,
    #ff712a
  );
  --ios-gradient: linear-gradient(
    145deg,
    #128dc7 8.39%,
    #c879ef 52.08%,
    #fd6b74 91.61%
  );
  --ios-text-gradient: linear-gradient(
    90deg,
    #0866ff,
    #866df3 26.25%,
    #c471ed 52.5%,
    #ff563b
  );
  --android-gradient: linear-gradient(145deg, #11998e 8.39%, #45d96a 111.65%);
  --android-text-gradient: linear-gradient(90deg, #007244, #1bd74a);
  --addon-text-gradient: linear-gradient(90deg, #2c2646, #7f72bd);
  --encryption-gradient: linear-gradient(90deg, #11ac54, #4dd300);
  --encryption-text-gradient: var(--encryption-gradient);
  --home-h1-text-gradient: linear-gradient(
    88deg,
    #169db8 1.55%,
    #753eed 98.92%
  );
  --Business-Pro: linear-gradient(89deg, #11aa52 0.92%, #4bca00 99.08%);
  --business-pro-text-gradient: var(--Business-Pro);
  --Business: linear-gradient(273deg, #17bed0 2.08%, #0291d5 97.92%);
  --business-text-gradient: var(--Business);
  --automatic-upload-text-gradient: linear-gradient(90deg, #0481fe 2%, #b100b1);
  --backup-text-gradient: linear-gradient(
    var(--color-base-black),
    var(--color-base-black)
  );
  --dropbox-alternative-text-gradient: linear-gradient(
    var(--color-base-black),
    var(--color-base-black)
  );
  --family-text-gradient: linear-gradient(
    270deg,
    #ff8c00 3.39%,
    #e93559 53.29%,
    #9d4acb 75.57%,
    #593dad 96.06%
  );
  --light-family-text-gradient: linear-gradient(
    270deg,
    #e93559 3.39%,
    #ff8c00 96.06%
  );
  --dark-family-text-gradient: linear-gradient(90deg, #9e49cb, #593dad);
  --aboutus-gradient: linear-gradient(90deg, #18b6c7 8%, #4dda7c 99.89%);
  --aboutus-text-gradient: var(--aboutus-gradient);
  --aboutus-second-text-gradient: linear-gradient(
    98deg,
    #1d1d1e 3.71%,
    #7b7b7f 96.29%
  );
  --affiliate-gradient: linear-gradient(138deg, #64ce47 22.25%, #19adde 87.45%);
  --affiliate-text-gradient: var(--affiliate-gradient);
  --reseller-gradient: var(--home-h1-text-gradient);
  --reseller-text-gradient: var(--reseller-gradient);
  --testimonials-gradient: var(--home-h1-text-gradient);
  --testimonials-text-gradient: var(--testimonials-gradient);
  --testimonials-second-text-gradient: linear-gradient(#3368e9, #3368e9);
  --data-regions-gradient: linear-gradient(180deg, #eaf6ff, #fff);
  --data-regions-text-gradient:
    linear-gradient(270deg, #17bed0 0.41%, #0185cc 99.59%),
    linear-gradient(90deg, #11ac54, #4dd300);
  --data-regions-second-gradient: linear-gradient(180deg, #fff, #f5feff);
  --promo-page-text-gradient: var(--aboutus-second-text-gradient);
  --low-space-page-text-gradient: linear-gradient(
    90deg,
    #1095d3,
    #c471ed 52.5%,
    #f64f59
  );
  --branded-links-text-gradient: var(--text-gradient);
  --gdpr-text-gradient: linear-gradient(0deg, #ff961e -3.78%, #e9bc00 75.48%);
  --gdpr-second-text-gradient: linear-gradient(
    180deg,
    #1dc1ee 0.01%,
    #0043f1 124.99%
  );
  --photos-text-gradient: linear-gradient(
    90deg,
    #1051e9,
    #c471ed 52.5%,
    #ff5900
  );
  --photos-second-text-gradient: linear-gradient(
    var(--color-base-black),
    var(--color-base-black)
  );
  --backup-text-gradient: linear-gradient(98deg, #1d1d1e 3.71%, #6b6971 96.29%);
  --share-text-gradient: linear-gradient(90deg, #b550ab, #4933ae);
  --media-text-gradient: linear-gradient(
    90deg,
    #1095d3,
    #c471ed 52.5%,
    #f64f59
  );
  --sync-text-gradient: linear-gradient(89deg, #3179ff 1.11%, #00cdc6 98.89%);
  --docs-text-gradient: linear-gradient(82deg, #12bee0 1.55%, #433eed 98.92%);
  --security-text-gradient: linear-gradient(181deg, #52d09c 7%, #3db780 96.26%);
  --security-second-text-gradient: linear-gradient(
    169deg,
    #40b6dd 8.37%,
    #4973d6 91.63%
  );
  --store-and-share-text-gradient: linear-gradient(
    270deg,
    #40b6dd 0.41%,
    #6549d6 99.59%
  );
  --box-border: #dcdcde;
  --box-as-link-hover-shadow: 0px 2px 14px -6px rgba(0, 0, 0, 0.44);
  --box-border-radius: 24px;
  --border-radius-full: 999px;
  --border-radius-xl: 32px;
  --button-border-radius: var(--border-radius-full);
  --input-border-radius: var(--border-radius-full);
  --input-height: 48px;
  --button-height: 48px;
  --button-font-size: 14px;
  --button-min-width: 220px;
  --button-min-width-mobile: 300px;
  --input-border: 1px solid #b3b8be;
  --input-border-disabled: 1px solid #ececec;
  --input-border-focus: 1px solid #13c4d7;
  --input-disabled-background: #f8f8f8;
  --input-disabled-text-color: var(--color-base-black);
  --plan-box-max-width: 400px;
  --section-content-width: 1180px;
  --section-content-offset: calc(var(--spacing-lg) * 2);
  --download-drive-button-min-width: 220px;
  --download-drive-button-mobile-min-width: 280px;
  --alert-info-background: #f0f8ff;
  --alert-info-background-warning: #fffae6;
  --alert-info-background-error: #fff5f4;
  --alert-info-border-radius: 12px;
  --tooltip-border-radius: 12px;
  --tabs-border-size: 0.5px;
  --tabs-border-primary: rgba(0, 0, 0, 0.1);
  --default-font-family:
    var(--font-inter-display), system-ui, -apple-system, BlinkMacSystemFont,
    sans-serif;
  --title-h1-fs: 48px;
  --title-h1-fw: 600;
  --title-h1-ls: -0.03em;
  --title-h1-fs-mobile: 40px;
  --title-h2-fs: 40px;
  --title-h2-fw: 600;
  --title-h2-ls: -0.03em;
  --title-h2-fs-mobile: 32px;
  --title-h3-fs: 32px;
  --title-h3-fw: 600;
  --title-h3-ls: -0.02em;
  --title-h3-fs-mobile: 28px;
  --header-height: 56px;
  --fixed-header-height: var(--header-and-sticky-height, var(--header-height));
  --header-border-bottom: none;
  --header-signin-button-border-radius: 26px;
  --header-signin-button-font-size: 14px;
  --header-signin-button-min-height: 34px;
  --header-signin-button-padding: 8px 16px;
  --subheader-background: rgba(255, 255, 255, 0.9);
  --subheader-filter: blur(8.5px);
  --supports-backdrop-filter: 0;
}
@media (max-width: 768px) {
  html {
    --fixed-header-height: var(--header-height);
    --subheader-background: rgba(255, 255, 255, 0.8);
    --subheader-filter: blur(2.5px);
    --title-h1-fs: 40px;
    --title-h2-fs: 32px;
    --title-h3-fs: 28px;
  }
}
html:has(.navigation-tabs-wrapper) {
  --header-border-bottom: none;
}
@supports (
  (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))
) {
  html {
    --supports-backdrop-filter: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  width: fit-content;
}
.szh-menu-container {
  z-index: 10001;
}
.szh-menu-container .szh-menu {
  padding: var(--spacing-sm) 0;
}
.download-drive-button-wrapper {
  min-width: var(--download-drive-button-min-width) !important;
}
@media (max-width: 1060px) {
  .download-drive-button-wrapper {
    min-width: var(--download-drive-button-mobile-min-width) !important;
  }
}
.pcloud-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}
.pcloud-layout .main {
  flex: 1 1;
  padding-top: var(--fixed-header-height);
  transition: padding 0.3s ease-in-out;
}
.pcloud-layout .main {
  display: flex;
  flex-direction: column;
  position: relative;
}
@keyframes Spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: scale(1.2);
    opacity: 0;
  }
}
html {
  min-height: calc(100vh + 1px);
  touch-action: manipulation;
}
body,
html {
  width: 100%;
  max-height: none;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #2c2c2c;
  font-size: 100%;
}
div {
  display: block;
}
div ul {
  cursor: default;
}
div a {
  color: #26b8c7;
  text-decoration: underline;
}
div a:hover {
  text-decoration: none;
}
header.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1003;
}
header.fixed a {
  text-decoration: none;
}
@keyframes showIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    filter: blur(0);
  }
}
@keyframes jingleBell {
  0% {
    transform: rotate(25deg) translate(-3px, 1px);
  }
  50% {
    transform: rotate(-25deg) translate(3px, 1px);
  }
  to {
    transform: rotate(25deg) translate(-3px, 1px);
  }
}
@keyframes finishJingleBell {
  0% {
    transform: rotate(25deg) translate(-3px, 1px);
  }
  to {
    transform: rotate(0deg) translate(0);
  }
}
#check_complex::-ms-clear,
#check_complex::-ms-reveal {
  display: none;
}
@keyframes flagWave {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(90deg);
  }
  50% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(-30deg);
  }
  to {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes animateFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animateFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes pulseRotateRight {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) scale(0.85);
    opacity: 0;
  }
  to {
    transform: rotate(359deg) scale(1);
    opacity: 1;
  }
}
@keyframes pulseRotateLeft {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  50% {
    transform: rotate(-180deg) scale(0.85);
    opacity: 0;
  }
  to {
    transform: rotate(-359deg) scale(1);
    opacity: 1;
  }
}
@keyframes moveDownFadeIn {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes moveUpFadeOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-10px);
    opacity: 0;
  }
}
@keyframes moveLeftFadeIn {
  0% {
    transform: translateX(-10px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveRightFadeOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-10px);
    opacity: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    bottom: 0;
  }
  to {
    opacity: 1;
    bottom: 30px;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    bottom: 30px;
  }
  to {
    opacity: 0;
    bottom: 0;
  }
}
@keyframes fadeInUpMob {
  0% {
    opacity: 0;
    bottom: -30px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes fadeOutDownMob {
  0% {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: -30px;
  }
}
.img-full-size {
  width: 100%;
  height: 100%;
}
:root {
  --toastify-color-success: var(--color-success, #63bf00);
  --toastify-color-error: #fa595d;
  --toastify-color-warning: #ffa500;
  --toastify-color-info: var(--color-primary-500, #17bed0);
  --toastify-toast-width: 400px;
  --toastify-toast-min-height: 64px;
  --toastify-font-family: var(--default-font-family);
  font-family: var(--default-font-family);
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.section {
  padding: var(--section-offset-xl) 0;
  background: var(--section-background, transparent);
  min-height: var(--section-min-height, unset);
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .section {
    background: var(
      --section-background-mobile,
      var(--section-background, transparent)
    );
    min-height: var(
      --section-min-height-mobile,
      var(--section-min-height, unset)
    );
  }
}
.section.smaller-padding-top {
  padding-top: calc(var(--section-offset-xl) / 2);
}
@media (max-width: 768px) {
  .section.smaller-padding-top {
    padding-top: calc(var(--section-offset-l) / 2);
  }
}
@media (max-height: 880px) {
  .section.smaller-padding-top {
    padding-top: calc(var(--section-offset-landscape) / 2);
  }
}
.section.smaller-padding-bottom {
  padding-bottom: calc(var(--section-offset-xl) / 2);
}
@media (max-width: 768px) {
  .section.smaller-padding-bottom {
    padding-bottom: calc(var(--section-offset-l) / 2);
  }
}
@media (max-height: 880px) {
  .section.smaller-padding-bottom {
    padding-bottom: calc(var(--section-offset-landscape) / 2);
  }
}
.section.lg-padding-top {
  padding-top: var(--spacing-lg);
}
.section.no-padding-bottom {
  padding-bottom: 0 !important;
}
@media (max-height: 880px) {
  .section {
    padding: var(--section-offset-landscape) 0;
  }
}
@media (max-width: 768px) {
  .section {
    padding: var(--section-offset-l) 0;
  }
  .section.double-xl-padding-top-mobile {
    padding-top: var(--spacing-2xl);
  }
}
@media (max-width: 1060px) {
  .section.mobile-breakpoint-xl.double-xl-padding-top-mobile {
    padding-top: var(--spacing-2xl);
  }
}
.section.full-width {
  width: 100%;
}
.align-container {
  box-sizing: border-box;
  width: calc(100% - var(--section-content-offset));
  max-width: var(--section-content-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.title,
.titleh1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaces-1, 8px);
  font-size: var(--title-h2-fs);
  font-weight: var(--title-h2-fw);
  letter-spacing: var(--title-h2-ls);
  color: var(--color-base-black);
  line-height: 1.2;
  margin: 0;
  transform-origin: bottom left;
  will-change: transform, opacity;
}
.align-left.titleh1,
.title.align-left {
  text-align: left;
  justify-content: flex-start;
  align-self: flex-start;
}
@media (max-height: 880px), (max-width: 768px) {
  .title,
  .titleh1 {
    font-size: var(--title-h2-fs-mobile);
    font-weight: var(--title-h2-fw);
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .title.align-mobile-center {
    text-align: center;
    justify-content: center;
    align-self: center;
  }
}
.titleh3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaces-1, 8px);
  color: #1a1a1a;
  font-size: var(--title-h3-fs);
  font-style: normal;
  font-weight: var(--title-h3-fw);
  line-height: normal;
  letter-spacing: var(--title-h3-ls);
  margin: 0;
  padding: 0;
  text-align: center;
  justify-content: center;
  align-self: center;
}
.titleh3.align-left {
  justify-content: flex-start;
}
.titleh3.align-left {
  align-self: flex-start;
}
.titleh3.icon-position-top {
  flex-direction: column;
}
@media (max-height: 880px), (max-width: 768px) {
  .titleh3 {
    font-size: var(--title-h3-fs-mobile);
    font-weight: var(--title-h3-fw);
    margin-bottom: 0;
  }
}
.titleh1 {
  font-size: var(--title-h1-fs);
  font-weight: var(--title-h1-fw);
  letter-spacing: var(--title-h1-ls);
}
@media (max-height: 880px), (max-width: 768px) {
  .titleh1 {
    font-size: var(--title-h1-fs-mobile);
    font-weight: var(--title-h1-fw);
  }
}
