.fs-header{background-color:var(--bg-light);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;top:0;left:0;width:100%;z-index:2;height:70px}.fs-header svg{display:inline-block;vertical-align:top}.fs-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.fs-header button+button{margin-left:10px}.fs-header .welcome{margin-right:10px;color:#333;font-size:14px}.main-content{margin-top:75px}.fs-menu{display:block;background-color:transparent;font-size:2rem}@media (min-width: 1024px){.fs-menu{display:none}}.fs-button{display:inline-block;cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1}.fs-button--primary{background-color:#1ea7fd;color:#fff}.fs-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.fs-button--success{background-color:#28a745;color:#fff}.fs-button--danger{background-color:#dc3545;color:#fff}.fs-button--warning{background-color:#ffc107;color:#000}.fs-button--mosaic{background-color:#ffa294;color:#151321}.fs-button--small{padding:10px 16px;font-size:12px}.fs-button--medium{padding:11px 20px;font-size:14px}.fs-button--large{padding:12px 24px;font-size:16px}.fs-home{display:flex;flex-direction:column;align-items:center;text-align:justify;margin:0 auto;max-width:1200px}@media (min-width: 1024px){.fs-home{width:66.66%}}.fs-home-content{padding-bottom:50px}.fs-home__header{font-size:24px;color:#333}.fs-image-home{width:450px}@media (max-width: 1024px){.fs-image-home{width:250px}}.fs-sidebar{position:fixed;left:0;top:70px;height:calc(100% - 70px);width:200px;background-color:var(--bg-dark);display:flex;flex-direction:column;justify-content:start;padding:var(--spacing-4);border-right:1px solid var(--basic-light);text-align:start;transform:translate(0);transition:transform .3s ease-in-out;z-index:1;overflow-y:auto}@media (max-width: 768px){.fs-sidebar{transform:translate(-100%)}.fs-sidebar.fs-sidebar--open{transform:translate(0)}.fs-section{margin-left:0}}.fs-sidebar__menu ul{list-style:none;padding:0}.fs-sidebar__menu ul li{margin:20px 0}.fs-sidebar__menu ul li{text-decoration:none;color:var(--primary);font-size:18px;font-weight:300;display:block;transition:color .3s ease}.fs-sidebar__menu ul li a:hover{color:var(--basic-light);cursor:pointer}.fs-card{border-radius:.375rem;box-shadow:0 0 10px #0000001a;background-color:#fff;padding:var(--spacing-4);overflow:hidden;color:#000;display:flex;flex-direction:column;min-width:200px;min-height:150px}.fs-card--small{padding:16px;font-size:14px;min-width:200px;min-height:100px;text-align:left}.fs-card--medium{padding:16px;font-size:16px;min-width:300px;min-height:200px;text-align:left}.fs-card--large{padding:24px;font-size:18px;min-width:400px;min-height:300px;text-align:left;margin:15px}.fs-inputSearch{width:auto;padding:5px;border:2px solid var(--secondary);border-radius:4px;font-size:16px;transition:border-color .3s ease;margin:10px}.fs-inputSearch:focus{border-color:var(--tertiary);outline:none}.fs-inputSearch::placeholder{color:#999;opacity:1}.fs-inputSearch:focus::placeholder{color:transparent}.fs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1;color:#000}.fs-modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 8px #0003;position:relative}.fs-modal-close{position:absolute;top:2px;right:12px;border:none;background:none;font-size:26px;font-weight:100;cursor:pointer;color:#000}.fs-spinner{display:flex;justify-content:center;align-items:center}.fs-spinner--dots .fs-spinner__dot{width:20px;height:20px;margin:0 5px;background-color:var(--primary);border-radius:50%;animation:fs-bounce .6s infinite alternate}.fs-spinner--circle .fs-spinner__circle{width:24px;height:24px;border:6px solid;border-color:var(--secondary) transparent var(--secondary) transparent;border-radius:50%;animation:fs-spin 1s linear infinite}.fs-spinner--medium .fs-spinner__dot{width:20px;height:20px}.fs-spinner--medium .fs-spinner__circle{width:50px;height:50px}.fs-spinner--large .fs-spinner__dot{width:30px;height:30px}.fs-spinner--large .fs-spinner__circle{width:100px;height:100px}.fs-spinner--primary .fs-spinner__circle{border-color:var(--primary) transparent var(--primary) transparent}.fs-spinner--secondary .fs-spinner__circle{border-color:var(--secondary) transparent var(--secondary) transparent}.fs-spinner--tertiary .fs-spinner__circle{border-color:var(--tertiary) transparent var(--tertiary) transparent}@keyframes fs-bounce{to{transform:translateY(-50%);opacity:.6}}@keyframes fs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fs-icon{display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem;padding:.5rem}.fs-icon--circle{border-radius:50%;height:44px;width:44px}.fs-icon--square{border-radius:.3rem;height:44px;width:44px}.fs-icon--correct{background-color:#15be77}.fs-icon--warning{background-color:#ffa100}.fs-icon--alert{background-color:#ff005c}.fs-text{font-size:.875rem;font-weight:400;text-align:center;padding:.25rem 1rem;border-radius:15px;display:inline-flex}.fs-accordion{border-radius:15px}.fs-accordion--light{background:var(--basic-white);color:var(--basic-dark)}.fs-accordion--inverse{background:var(--bg-dark);color:var(--basic-white)}.fs-accordion--header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;border-radius:15px}.fs-accordion--header--light{border:1px solid var(--basic-white)}.fs-accordion--header--inverse{border:1px solid var(--bg-dark)}.fs-accordion--icon{font-size:1.5rem;margin:3px;transition:transform .5s ease-in-out}.fs-accordion--icon:hover{color:var(--secondary)}.fs-accordion--icon__rotate{transform:rotate(180deg)}.fs-accordion-body{height:0;opacity:0;transition:opacity .5s ease-in-out;overflow:hidden;border-radius:15px}.fs-accordion-body__show{height:auto;opacity:1;padding:1rem}.fs-accordion-body--light{border:1px solid var(--basic-white);border-top:none}.fs-accordion-body--inverse{border:1px solid var(--bg-dark);border-top:none}.fs-content-grid--movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:40px 20px}.fs-section h1{width:100%;display:block;text-align:center;margin-bottom:20px}.fs-img-components{width:100%;height:150px;object-fit:cover;border-radius:8px}.fs-code{margin:var(--spacing-4) auto;background-color:var(--basic-light);color:var(--basic-dark);padding:var(--spacing-2);border-radius:5px;width:auto;display:flex;justify-content:space-between;align-items:center;text-align:center;position:relative}.fs-template{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:auto;height:100vh;padding:var(--spacing-5);text-align:justify}.fs-template__description{margin-bottom:var(--spacing-5);font-size:var(--font-size-body-desktop);line-height:1.6;font-weight:300}.fs-template__divider{width:100%;margin:var(--spacing-6) 0;border-top:1px solid var(--border-color)}.fs-template__link{display:inline-block;margin-top:var(--spacing-5);padding:var(--spacing-2) var(--spacing-4);background-color:var(--primary);color:var(--basic-dark);text-decoration:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);transition:background-color .3s ease}.fs-template__link:hover{background-color:var( --primary-hover )}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-dark);height:100vh;width:100%}.fs-background{background-color:#f2f2f2}.fs-h1,.fs-h1--lt,.fs-h2,.fs-h2--lt,.fs-h3,.fs-h3--lt,.fs-h4,.fs-h4--lt,.fs-h5,.fs-h5--lt{font-weight:var(--font-weight-normal)}.fs-h1--lt,.fs-h2--lt,.fs-h3--lt,.fs-h4--lt,.fs-h5--lt{font-weight:var(--font-weight-light)}.fs-h1{font-size:var(--font-size-h1-mobile)}.fs-h2{font-size:var(--font-size-h2-mobile)}.fs-h3{font-size:var(--font-size-h3-mobile)}.fs-h4{font-size:var(--font-size-h4-mobile)}.fs-h5{font-size:var(--font-size-h5-mobile)}.fs-body{font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-normal)}.fs--footnote{font-size:var(--font-size-footnote);font-weight:var(--font-weight-normal)}@media (min-width: 768px){.fs-h1{font-size:var(--font-size-h1-tablet)}.fs-h2{font-size:var(--font-size-h2-tablet)}.fs-h3{font-size:var(--font-size-h3-tablet)}.fs-h4{font-size:var(--font-size-h4-tablet)}.fs-h5{font-size:var(--font-size-h5-tablet)}.fs-body{font-size:var(--font-size-body-tablet)}}@media (min-width: 1024px){.fs-h1{font-size:var(--font-size-h1-desktop)}.fs-h2{font-size:var(--font-size-h2-desktop)}.fs-h3{font-size:var(--font-size-h3-desktop)}.fs-h4{font-size:var(--font-size-h4-desktop)}.fs-h5{font-size:var(--font-size-h5-desktop)}.fs-body{font-size:var(--font-size-body-desktop)}}.fs-txt--primary{color:var(--primary)}.fs-txt--secondary{color:var(--secondary)}.fs-txt--tertiary{color:var(--tertiary)}.fs-txt--dark{color:var(--basic-dark)}.fs-txt--light{color:var(--bg-light)}.fs-txt--center{text-align:center}.fs-bg--primary{background-color:var(--primary)}.fs-bg--secondary{background-color:var(--secondary)}.fs-bg--tertiary{background-color:var(--tertiary)}.fs-bg--dark{background-color:var(--bg-dark)}.fs-bg--light{background-color:var(--bg-light)}.fs-bg--success{background-color:var(--success)}.fs-bg--warning{background-color:var(--warning)}.fs-bg--alert{background-color:var(--alert)}.fs-m1{margin:var(--spacing-1)}.fs-m2{margin:var(--spacing-2)}.fs-m3{margin:var(--spacing-3)}.fs-m4{margin:var(--spacing-4)}.fs-m5{margin:var(--spacing-5)}.fs-m6{margin:var(--spacing-6)}.fs-m7{margin:var(--spacing-7)}.fs-m8{margin:var(--spacing-8)}.fs-m9{margin:var(--spacing-9)}.fs-m10{margin:var(--spacing-10)}.fs-m11{margin:var(--spacing-11)}.fs-m12{margin:var(--spacing-12)}.fs-p1{padding:var(--spacing-1)}.fs-p2{padding:var(--spacing-2)}.fs-p3{padding:var(--spacing-3)}.fs-p4{padding:var(--spacing-4)}.fs-p5{padding:var(--spacing-5)}.fs-p6{padding:var(--spacing-6)}.fs-p7{padding:var(--spacing-7)}.fs-p8{padding:var(--spacing-8)}.fs-p9{padding:var(--spacing-9)}.fs-p10{padding:var(--spacing-10)}.fs-p11{padding:var(--spacing-11)}.fs-p12{padding:var(--spacing-12)}.fs-logo{width:40px;height:auto}.fs-link{text-decoration:none}.fs-link:hover{cursor:pointer;text-decoration:underline;color:var(--secondary)}.fs-divider{width:100%;margin:var(--spacing-6) 0;border-top:1px solid var(--border-color)}.fs-cursor{cursor:pointer}.fs-code{margin:10px 20px 10px 10px;background-color:var(--basic-light);color:var(--basic-dark);padding:var(--spacing-2);border-radius:5px;width:auto;display:flex;justify-content:space-between;align-items:center;text-align:center;position:relative}.copy-button{background-color:var(--primary);border:none;color:var(--basic-dark);padding:var(--spacing-1) var(--spacing-2);font-size:12px;cursor:pointer;border-radius:5px;margin-left:8px;transition:background-color .3s}.copy-button:hover{background-color:var(--secondary)}.copy-success{font-size:12px;color:var(--primary);margin-top:var(--spacing-1);text-align:center}img{display:block;margin-left:auto;margin-right:auto}.fs-flex--row{display:flex;flex-direction:row;justify-content:space-evenly;gap:1rem;align-items:center}.fs-flex--column{display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;align-items:center}.fs-section{margin-left:180px;padding:var(--spacing-5);overflow-y:auto;position:relative;height:auto;transition:margin-left .3s ease}@media (max-width: 768px){.fs-section{margin-left:0}}.fs-section--component{display:inline-block;justify-content:flex-start;align-items:flex-start;padding:var(--spacing-5);overflow-y:auto;position:relative;height:auto}@media (max-width: 1024px) and (min-width: 768px){.fs-section--component{margin-left:180px}}.fs-app--container{width:100%;margin:0;padding:0}.fs-app--content{flex:1;padding-top:110px}.fs-border{border:1px solid var(--basic-light)}:root{--primary: #ffa294;--secondary: #a3a3f9;--tertiary: #545fe7;--basic-dark: #151321;--basic-light: #f4f4f4;--basic-white: #fff;--bg-dark: #151321;--bg-light: #eee6d3;--success: #15be77;--warning: #ffa100;--alert: #ff005c;--font-family: "Quicksand", sans-serif;--font-size-base: 16px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px;--border-radius: 4px;max-width:1280px;margin:0 auto;text-align:center;--font-weight-light: 300;--font-weight-normal: 400;--font-size-h1-mobile: 32px;--font-size-h1-tablet: 56px;--font-size-h1-desktop: 64px;--font-size-h2-mobile: 28px;--font-size-h2-tablet: 40px;--font-size-h2-desktop: 56px;--font-size-h3-mobile: 24px;--font-size-h3-tablet: 34px;--font-size-h3-desktop: 40px;--font-size-h4-mobile: 20px;--font-size-h4-tablet: 24px;--font-size-h4-desktop: 28px;--font-size-h5-mobile: 18px;--font-size-h5-tablet: 20px;--font-size-h5-desktop: 24px;--font-size-body-mobile: 16px;--font-size-body-tablet: 18px;--font-size-body-desktop: 18px;--font-size-footnote: 14px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--spacing-8: 2.5rem;--spacing-9: 3rem;--spacing-10: 3.5rem;--spacing-11: 4rem;--spacing-12: 5rem;--spacing-13: 6rem;--spacing-14: 7rem}@media (min-width: 768px){:root{--spacing-3: 1rem;--spacing-4: 1.25rem;--spacing-6: 1.75rem;--spacing-7: 2rem;--spacing-8: 2.5rem;--spacing-9: 3rem;--spacing-10: 3.5rem;--spacing-11: 4.5rem;--spacing-12: 5rem}}@media (min-width: 1024px){:root{--spacing-3: 1rem;--spacing-4: 1.25rem;--spacing-6: 2rem;--spacing-7: 2.5rem;--spacing-8: 3rem;--spacing-9: 3.5rem;--spacing-10: 4rem;--spacing-11: 4.5rem;--spacing-12: 5rem}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{margin:0;padding:0}ul,ol,li{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse}input,button,textarea{font-family:inherit;font-size:inherit;border:none}a{text-decoration:none}