*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--black: hsl(0, 0%, 0%);--white: hsl(0, 0%, 100%);--blue-200: hsl(243, 100%, 93%);--blue-600: hsl(228, 55%, 62%);--blue-850: hsl(228, 56%, 26%);--blue-900: hsl(224, 61%, 15%);--blue-950: hsl(229, 57%, 11%);--gradient-1: linear-gradient(var(--blue-850), var(--blue-950));--gradient-2: linear-gradient( to right, hsl(6, 100%, 80%), hsl(335, 100%, 65%) );--spacing-100: .5rem;--spacing-200: 1rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-700: 3.5rem;--font-xl: 2.5rem;--font-sm: .875rem;--font-xs: .75rem;--font-fam: "Raleway", sans-serif}body{font-family:var(--font-fam);font-optical-sizing:auto;min-height:100dvh;background-color:var(--blue-950);background-image:url(/fylo-data-storage-component-fm/assets/bg-mobile-ljthYAl-.png);background-repeat:no-repeat;background-size:cover;display:grid;place-items:center stretch;grid-template-columns:minmax(var(--spacing-400),1fr) [main-content-start] minmax(auto,950px) [main-content-end] minmax(var(--spacing-400),1fr)}@media screen and (min-width: 768px){body{background-image:url(/fylo-data-storage-component-fm/assets/bg-desktop-BsJSzeAE.png);background-size:100% 50%;background-position:bottom center}}main{--_border-radius: 10px;grid-column:main-content;display:grid;gap:1rem 2rem;align-items:end;padding-bottom:var(--spacing-700)}@media screen and (min-width: 1440px){main{grid-template-columns:1fr 2fr}}.fylo-upper-section,.fylo-bottom-section{background-color:var(--blue-850);border-radius:var(--_border-radius);padding:var(--spacing-500)}.fylo-upper-section{max-width:350px;border-top-right-radius:100px}.fylo-upper-section nav{margin-top:var(--spacing-400)}.fylo-upper-section ul{list-style-type:"";display:flex;align-items:center;gap:var(--spacing-200);padding:0}.fylo-upper-section button{background-color:var(--blue-950);border-radius:var(--_border-radius);border:none;cursor:pointer;min-height:3rem;min-width:3rem;display:grid;place-items:center}.fylo-bottom-section{color:var(--blue-200);position:relative;font-size:var(--font-sm);display:grid;grid-template-columns:1fr 1fr;row-gap:var(--spacing-200)}.fylo-bottom-section .full{grid-column:1/-1}.fylo-bottom-section .extrabold{font-weight:700}.fylo-bottom-section .uppercase{text-transform:uppercase}.fylo-bottom-section .meter-gauge{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--spacing-100);font-size:var(--font-xs);position:relative}.fylo-bottom-section .meter-gauge .meter-slider-wrapper{width:100%;display:grid;grid-template:1fr/1fr;align-items:center}.fylo-bottom-section .meter-gauge meter{background:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border-radius:var(--_border-radius);padding:.25rem;background-color:var(--blue-950);grid-row:1/2;grid-column:1/2}.fylo-bottom-section .meter-gauge .meter-slider{--meter-height: 20px;--meter-min-width: 20px;grid-column:1/2;grid-row:1/2;background-image:radial-gradient(circle at calc(100% - .6rem) center,white 0%,white 6px,transparent 6px),var(--gradient-2);z-index:1;min-height:calc(var(--meter-height) - var(--spacing-100));border-radius:var(--_border-radius);transform:translate(.25rem);min-width:var(--meter-min-width);width:calc(var(--slider-width, 0%) - var(--spacing-100));animation:loadPercentage 1.5s cubic-bezier(.79,.33,.14,.53)}@keyframes loadPercentage{0%{width:0}to{width:calc(var(--slider-width, 0%) - var(--spacing-100))}}.fylo-bottom-section .meter-gauge meter::-webkit-meter-bar{background:none;background-color:var(--blue-950)}.fylo-bottom-section .meter-gauge meter::-webkit-meter-optimum-value,.fylo-bottom-section .meter-gauge meter::-moz-meter-bar{background:none}.fylo-bottom-section .leftover-storage-tooltip{background-color:var(--white);display:flex;align-items:center;justify-content:center;column-gap:var(--spacing-100);border-radius:var(--_border-radius);position:absolute;padding:var(--spacing-200) var(--spacing-400);bottom:0;left:50%;transform:translate(-50%,62px)}.fylo-bottom-section .leftover-storage-tooltip span:first-child{color:var(--blue-950);font-size:var(--font-xl)}.fylo-bottom-section .leftover-storage-tooltip span:last-child{color:var(--blue-200);font-size:var(--font-xs)}@media screen and (min-width: 1440px){.fylo-bottom-section .leftover-storage-tooltip{top:0;bottom:auto;left:auto;right:var(--spacing-500);transform:translateY(-50%);border-bottom-right-radius:0;box-shadow:0 4px 10px #00000040}.fylo-bottom-section .leftover-storage-tooltip:after{content:"";border-width:0 22px 22px 0;border-style:solid;border-color:var(--white);border-color:transparent var(--white) transparent transparent;position:absolute;bottom:0;right:0;transform:translateY(100%)}}