@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/fylo-data-storage-component/assets/raleway-v36-latin-regular-C5eIEfLm.woff2) format("woff2"),url(/fylo-data-storage-component/assets/raleway-v36-latin-regular-CqsAR0XM.ttf) format("truetype")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:700;src:url(/fylo-data-storage-component/assets/raleway-v36-latin-700-BVpQLp0x.woff2) format("woff2"),url(/fylo-data-storage-component/assets/raleway-v36-latin-700-BE26sFYq.ttf) format("truetype")}:root{--color-white:#fff;--color-blue-100:#dddbff;--color-blue-300:#848794;--color-blue-500:#697ed3;--color-blue-800:#1d2c67;--color-blue-900:#0c122c;--gradient-tomato-red:linear-gradient(90deg,#ffa399,#ff4d97);--shadow-sm:0px 24px 48px -8px rgba(12,18,44,.5);--font-primary:"Raleway",sans-serif;--font-normal:400;--font-bold:700;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--leading-none:1;--rounded-md:.625rem;--rounded-full:9999px}*,:after,:before{box-sizing:border-box;margin:0}body{background-color:#0c122c;background-color:var(--color-blue-900);font-family:Raleway,sans-serif;font-family:var(--font-primary);line-height:1;line-height:var(--leading-none);-webkit-font-smoothing:antialiased;min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button{background-color:transparent;border:none;cursor:pointer;font:inherit;padding:0}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}.storage{max-width:32rem;padding-bottom:1.3125rem;position:relative;width:calc(100vw - 3.125rem);--card-foreground:var(--color-blue-100);--card-foreground-accent:var(--color-white);--card-surface:var(--color-blue-800)}.storage__header{background:var(--card-surface);border-radius:.625rem 6.25rem .625rem .625rem;border-radius:var(--rounded-md) 6.25rem var(--rounded-md) var(--rounded-md);box-shadow:0 24px 48px -8px #0c122c80;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:2.5rem 2.5625rem 2.5rem 2.5rem}.storage__logo{margin-bottom:2.0625rem}.storage__controls-group{display:flex;gap:1rem}.storage__controls-btn{align-items:center;background-color:#0c122c;background-color:var(--color-blue-900);border-radius:.625rem;border-radius:var(--rounded-md);color:#697ed3;color:var(--color-blue-500);display:flex;height:3rem;justify-content:center;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:ease;width:3rem}.storage__controls-btn:focus-visible{outline:2px dashed #fff;outline:2px dashed var(--color-white);outline-offset:4px}.storage__content{background:var(--card-surface);border-radius:.625rem;border-radius:var(--rounded-md);color:var(--card-foreground);padding:2.0625rem 2rem 3.3125rem;position:relative;width:100%;--tooltip-height:4.5rem;--tooltip-width:11.1875rem}.storage__caption{font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-normal);margin-bottom:1.0625rem}.storage__meter{--thumb-size:.625rem;--thumb-surface:var(--color-white);--progress-padding:.125rem;--progress-width:calc(76% - var(--track-padding)*2);--progress-height:calc(var(--thumb-size) + var(--progress-padding)*2);--progress-surface:var(--gradient-tomato-red);--track-padding:.1875rem;--track-width:100%;--track-height:calc(var(--thumb-size) + var(--progress-padding)*2 + var(--track-padding)*2);--track-surface:var(--color-blue-900);--label-text-size:.75rem}.storage__meter-track{background:var(--track-surface);border-radius:9999px;border-radius:var(--rounded-full);height:var(--track-height);padding:var(--track-padding);width:var(--track-width)}.storage__meter-progress{background:var(--progress-surface);border-radius:inherit;height:var(--progress-height);padding:var(--progress-padding);width:var(--progress-width)}.storage__meter-thumb{background:var(--thumb-surface);border-radius:inherit;float:right;height:var(--thumb-size);width:var(--thumb-size)}.storage__meter-label{font-size:var(--label-text-size);justify-content:space-between;margin-top:.6875rem}.storage__meter-label,.storage__tooltip{display:flex;font-weight:700;font-weight:var(--font-bold)}.storage__tooltip{align-items:center;background-color:#fff;background-color:var(--color-white);border-radius:.625rem;border-radius:var(--rounded-md);bottom:calc(var(--tooltip-height)/-2);height:var(--tooltip-height);justify-content:center;left:50%;position:absolute;text-transform:uppercase;transform:translate(-50%);width:var(--tooltip-width)}.storage__tooltip--value{color:#0c122c;color:var(--color-blue-900);font-size:2.5rem}.storage__tooltip--text{color:#848794;color:var(--color-blue-300);font-size:.8125rem;font-size:var(--text-xs);margin-left:.5rem;margin-top:.125rem}.sr-only{height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem;clip:rect(0 0 0 0);border:0;white-space:nowrap}main{align-items:center;background-image:url(/fylo-data-storage-component/assets/bg-mobile-ljthYAl-.png);background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}@media (min-width:48em){.storage{align-items:end;display:flex;max-width:57.5rem}.storage__header{margin:0 1.875rem 0 0;max-width:21.875rem;width:100%}.storage__content{padding:2.5625rem 2.5rem;width:100%}.storage__meter-label{margin-top:.5625rem}.storage__tooltip{bottom:auto;left:auto;right:2.5rem;top:calc((var(--tooltip-height) - 1.5625rem)*-1);transform:none}.storage__tooltip:after{border-bottom:50px solid transparent;border-right:50px solid #fff;border-right:50px solid var(--color-white);bottom:-1.375rem;content:"";display:block;height:0;position:absolute;right:0;width:0}.storage__tooltip--text{letter-spacing:.04em;margin-left:.625rem;position:relative;z-index:998}main{background-image:url(/fylo-data-storage-component/assets/bg-desktop-BsJSzeAE.png);background-position:bottom;background-repeat:no-repeat;background-size:contain}}@media (hover:hover){.storage__controls-btn:hover{background-color:#fff;background-color:var(--color-white);color:#0c122c;color:var(--color-blue-900)}}@media (prefers-reduced-motion:reduce){.storage__controls-btn{transition:none}}