@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@300&family=Overlock&family=Poppins:ital,wght@0,300;0,400;1,200&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{margin:0;padding:0}:root{--primary-color:#3a93c0;--logo-color:#2f3b95;--secondary-color:#d7f2f0;--alternate-color:#630000;--positive-color:#03d103;--negative-color:#e70000;--disable-color:#c4c0c0;--hover:#f8f8f8;--snackbar:#24314f;--star:#fb0;--lightblue:#76cff0;--pink:#c0e7ff;--dk-pink:#6fc5fb;--red:#ff8989;--dk-red:#ce1515;--blue:#b0e5ff;--dk-blue:#68c5ff;--purple:#a9afdf;--dk-purple:#4042ca}body{font-family:Overlock,cursive}nav{align-items:center;background-color:#d7f2f0;background-color:var(--secondary-color);display:flex;justify-content:space-between;left:0;overflow:hidden;padding:1.5rem;position:fixed;top:0;width:100%;z-index:1}.logo .a{color:#2f3b95!important;color:var(--logo-color)!important;font-weight:700}nav ul{display:flex;text-decoration:none}nav ul li{list-style-type:none;margin-right:3rem}@media screen and (max-width:480px){nav ul li{margin-right:2rem}}@media screen and (max-width:416.6px){nav ul li{margin-right:1.5rem}}@media screen and (max-width:393.6px){nav ul li:nth-child(3){display:none}nav ul li{margin-right:1.5rem;padding:auto 0}}.header span{color:#3a93c0;color:var(--primary-color)}.content{display:block;margin:auto;max-width:90%}.content .a{color:#000;font-size:large;text-decoration:none}nav .a:hover{color:#3a93c0;color:var(--primary-color);font-weight:700}.a:hover,nav .a:hover{cursor:pointer}main{box-sizing:border-box;display:block;font-size:2rem;line-height:3rem;margin:5rem auto auto;padding:1rem;text-align:center;width:60%}.main_btn{margin-top:2rem}.btn{border-radius:.3rem;box-shadow:0 .2rem .4rem 0 grey;color:#d7f2f0;color:var(--secondary-color);margin:1rem;padding:.5rem;-webkit-transform:scale(1);transform:scale(1);transition:.7s}.btn:hover{background-color:#d7f2f0;background-color:var(--secondary-color);color:#3a93c0;color:var(--primary-color);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.7s}.btn_primary{background-color:#3a93c0;background-color:var(--primary-color);color:#d7f2f0;color:var(--secondary-color)}.side-nav ul li .a{color:#3a93c0;color:var(--primary-color)}#active{font-size:1.3rem;font-weight:700;text-shadow:4px 4px 0 #d7f2f0;text-shadow:4px 4px 0 var(--secondary-color)}.main-img{height:90%;margin:6rem auto auto;width:90%}.install{margin-top:6rem!important;margin:auto;max-width:100%;text-align:center}.install span{color:#3a93c0;color:var(--primary-color);font-size:x-large;font-weight:700}.gif-example{margin:2rem auto 8rem;text-align:center}.gifs{border:1px solid #630000;border:1px solid var(--alternate-color);box-shadow:.2rem .2rem .4rem .2rem grey;margin-top:2rem;width:90%}@media screen and (max-width:1020px){.gifs{width:100%}}.quiz-foot{background-color:#d7f2f0;background-color:var(--secondary-color);bottom:0;font-size:large;font-weight:700;margin:2rem -10rem 0;padding:.5rem;position:relative;text-align:center}.social-media-links{display:inline-flex}.list-item-inline{list-style-type:none;margin:0 .5rem;text-align:center}.social-media-links .a{color:var(--other);text-decoration:none}.component-listing{flex-wrap:wrap;margin:0 auto;min-height:73vh;width:100%}#component-tab,.component-listing{display:flex;justify-content:center}#component-tab{align-items:center;height:50px;padding:.6rem;width:20rem}.img{border:1.1px solid #000;height:5.2rem;margin:2rem 1.5rem;object-fit:cover;width:5rem}.type-one-img{border-radius:50%}.type-two-img{border:1px solid #000;height:5rem;width:5rem}.img-small{height:3.8rem;width:3.6rem}.page-content{display:flex;margin:7rem auto auto;padding:1rem;width:100%}.side-nav{border-right:1.5px solid var(--primary-color);flex-basis:12rem}@-webkit-keyframes mymove{50%{letter-spacing:.05rem}}@keyframes mymove{50%{letter-spacing:.05rem}}.side-nav ul li:hover{-webkit-animation:mymove 1s infinite;animation:mymove 1s infinite;font-weight:700}.main-content{flex-grow:1;margin:0 1rem;max-width:60rem;padding:0 1rem}.clh1,.clh4{border-bottom:2px dashed var(--secondary-color);color:var(--primary-color);margin-bottom:.7rem}.description{margin:1.5rem auto}.section{margin:2rem 0}.side-nav ul li{line-height:3rem;list-style-type:none}.code-example-block{margin:3rem auto;opacity:.8;text-align:center;width:100%}.page-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.foot-item:hover{-webkit-animation:mymove 1s infinite;animation:mymove 1s infinite;font-weight:700;text-shadow:4px 4px 0 var(--secondary-color)}.page-footer .far{color:#000!important;color:initial!important;font-size:medium!important;margin:0 .5rem!important}.top-navbar{display:none}@media screen and (max-width:969.6px){.side-nav{display:none}.page-content{margin-top:3rem;padding:0}.top-navbar{display:block;margin-top:6rem;text-align:left}.top-navbar hr{display:none}.top-navbar ul{grid-gap:.1rem;align-content:center;align-items:center;display:grid;gap:.1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center;justify-items:center}.top-navbar ul li{list-style-type:none;margin:0 .5rem}.top-navbar li:hover{-webkit-animation:mymove 1s infinite;animation:mymove 1s infinite}}@media screen and (max-width:532px){.top-navbar,hr{display:none}.page-content{margin-top:5rem}}.type-one--alert{line-height:4rem;margin:1rem auto;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.alert i{font-weight:400!important;margin-right:1rem!important}.alert{border-radius:1rem;box-shadow:.1rem .1rem .2rem 0 var(--primary-color);cursor:pointer;line-height:2rem;margin:1rem 0;padding:0 1rem;text-align:start}.alert:hover{box-shadow:.1rem .1rem .4rem .1rem var(--primary-color)}.error{background-color:#ffe0e0}.error i{color:red}.warning{background-color:#ffffd1}.warning i{color:#dd0}.info{background-color:#d2fdff}.info i{color:blue}.success{background-color:#d2ffd2}.success i{color:green}iframe{margin:2rem 0}.section--type-one{margin:2rem auto;max-width:100%}.child span{color:#000;font-size:.7rem}.child button{background-color:var(--primary-color);border:none;border-radius:.5rem;padding:.5rem .9rem}.child{color:var(--primary-color);font-weight:700;margin:1rem;position:relative}.badge{background-color:var(--secondary-color);border:1px solid var(--alternate-color);border-radius:50%;box-shadow:.1rem .1rem .2rem 0 var(--primary-color);position:absolute}.one{left:5.9rem;padding:.2rem .4rem;top:-.8rem}.two{left:8rem;padding:.6rem .8rem;top:-1.5rem}.three{top:-.8rem}.four,.three{left:9rem;padding:.3rem .6rem}.four{top:-.6rem}.five{left:6.4rem;padding:.3rem;top:-.4rem}.six{left:10rem;padding:.5rem;top:.7rem}.child i{color:var(--primary-color);font-size:2rem}.img-badge{border:1.1px solid #000;height:4.2rem;margin:-1rem 1.5rem;object-fit:cover;width:4rem}.child .type-one{border-radius:50%;margin-top:1rem}.button{margin:4rem 0;text-align:center}.btn{border:none;color:#000;cursor:pointer;font-weight:500;padding:.6rem;width:5rem}.btns{border-radius:2rem;color:#fff;font-size:larger;height:3rem;width:3rem}.btns,.button .icon{border:none;cursor:pointer;margin:0 2rem}.button .icon{background-color:inherit;font-size:xx-large}.button .icon:hover{opacity:.7}.icon .fa-trash{color:#0e103d}.icon .fa-home{color:#a5668b}.icon .fa-bookmark{color:#a8b4a5}.icon .fa-heart{color:#630000}.basic{background-color:#f2d7ee}.primary{background-color:#a5668b}.accent{background-color:#630000}.warn{background-color:#a8b4a5}.dots{background-color:#0e103d}.disabled{background-color:#ddd8d8;box-shadow:none;cursor:not-allowed}.disabled:hover{background-color:#ddd8d8;color:#000}.two-items{grid-gap:1rem;grid-template-columns:1fr 1fr;max-width:30rem}.three-items,.two-items{display:grid;margin:auto}.three-items{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr;max-width:36rem}.grid-items{border:1px dashed #000;padding:1rem;text-align:center}.pink{background-color:var(--pink)}.dk-pink{background-color:var(--dk-pink)}.red{background-color:var(--red)}.dk-red{background-color:var(--dk-red)}.blue{background-color:var(--blue)}.dk-blue{background-color:var(--dk-blue)}.purple{background-color:var(--purple)}.dk-purple{background-color:var(--dk-purple)}.image{height:14rem;margin:2rem;object-fit:cover;width:14rem}.basic{border-radius:10rem}.border{border:2px dashed #000;padding:.3rem}.opacity{border-radius:.2rem;opacity:.54}.opacity:hover{cursor:pointer;opacity:.9}.responsive{border-radius:.4rem;height:auto;margin:1rem;max-width:100%}.section label{cursor:pointer;font-size:.9rem}.inputh4{margin:3rem 0}.input{background-color:#f7f7f7;border:1px solid #000;border-radius:.3rem;margin:.5rem;padding:.3rem}.input:focus{background-color:#fff;outline:none}#basic{border-left:none;border-right:none;border-top:none}.two{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.two small{font-size:x-small;margin:0 0 0 .5rem;padding:0}.two input{margin:.1rem .5rem}.type-error--input small{color:#f10000}.type-success--input small{color:green}#valid-one{border:1.6px solid red}#valid-one:focus{outline-color:red}#valid-two{border:1.6px solid green}#valid-two:focus{outline-color:green}.type-three--input{position:relative}.type-three--input input{padding:.7rem;text-align:end}.type-three--input i{left:.95rem;position:absolute;text-shadow:2px 2px 5px #000;top:1rem}.type-four--input{position:relative}.type-four--input textarea{height:10rem;padding:0!important;padding-top:1rem;text-align:center;text-shadow:0 1px 2px #000;width:15rem}.text-icons .fas{margin-right:.9rem;text-shadow:2px 2px 4px #000}.fa-paper-plane{color:#458de4}.fa-smile{color:#ffd900}.fa,.fas:hover{cursor:pointer;text-shadow:0 1px 2px #000}.text-icons{background-color:#fff;border-top:1px dashed #bdbbbb;left:.57rem;margin:0;padding:0;position:absolute;text-align:right;top:8.7rem;width:15rem}.text-icons:hover{background-color:#f7f7f7}.list{margin-left:2rem;margin-top:2rem}.list li{line-height:2rem}.list ol,.list ul{margin-top:2rem}.alpha{list-style-type:lower-alpha}.reverse{display:flex;flex-direction:column-reverse;list-style-type:lower-roman}.square{list-style-type:square}.stacked li{border:.01rem dashed var(--primary-color);border-radius:.2rem;font-size:medium;line-height:1.2rem;list-style-type:none;margin:.01rem;max-width:38rem;padding:.1rem .1rem 0}@media screen and (max-width:445px){.inner{flex-direction:column}}.inner{align-items:center;color:var(--primary-color);display:flex;justify-content:left}.notif-img{height:2.5rem;margin:0 .5rem;width:2.5rem}.stacked li small{align-items:center;display:flex;justify-content:flex-end;margin:0 .1rem;padding:0}.modal{box-shadow:2px 2px 6px 2px var(--secondary-color);display:none;left:36%;margin:2rem auto;max-width:100%;padding:1rem;position:fixed;text-align:center;top:30%;width:24rem;z-index:999}.modal,.modal-top{border:1px dashed var(--primary-color)}.modal-top{background-color:var(--secondary-color);padding:.5rem}.modal .fas{color:var(--negative-color);margin-right:.5rem}.modal p{margin:.5rem 0}.type-one-modal button{background-color:var(--primary-color);border-radius:2rem;color:var(--secondary-color);cursor:pointer;padding:.5rem 1.5rem}.modal.show{background-color:var(--secondary-color);display:block}.type-one--navbar .company-logo{border-radius:2rem;height:3rem;width:3rem}.type-one--navbar{align-items:center;border:1px dashed #000;border-radius:.6rem;display:flex;justify-content:space-between;margin:auto;max-width:100%;padding:.5rem 1rem}.type-one--navbar .fas{color:#000;visibility:hidden}@media screen and (max-width:539px){.type-one--navbar,.type-one--navbar ul{flex-direction:column}.type-one--navbar ul{display:flex}.type-one--navbar .fas{font-size:1.8rem;margin:.5rem .5rem 0 0;visibility:visible}.type-one--navbar .top-nav{cursor:pointer;display:flex;justify-content:space-between;margin:auto;width:100%}.type-one--navbar .top-nav:hover+.hide{display:block}.type-one--navbar .hide{display:none;text-align:center;width:100%}.type-one--navbar .hide:hover{display:block}}.type-one--navbar ul{display:flex}.type-one--navbar ul li{cursor:pointer;list-style-type:none;padding:.3rem}.type-one--navbar ul li:hover{font-size:1.4rem;font-weight:bolder}.type-one--navbar small{font-size:.6rem}.code-example-block{margin-top:5rem}.cardcom{margin:2rem auto 4rem}.card{background-color:var(--secondary-color);border-radius:.5rem;box-shadow:.3rem .5rem .6rem .2rem grey;display:flex;flex-direction:column;margin:.5rem;width:17.5rem}.card:hover{box-shadow:.3rem .5rem .6rem .2rem #626262}.card-image-one{border-top-left-radius:.5rem;border-top-right-radius:.5rem;height:12rem;object-fit:contain;width:17.5rem}.card-text-one{padding:.5rem}.card-text-one:hover{background-color:#ffeffc;cursor:pointer;transition:all 1s}.card-text-one summary{margin:.5rem 0}.cardcom footer{color:var(--primary-color);display:flex;justify-content:space-between;margin:.3rem}.cardcom span{border:.5rem;color:#000;cursor:pointer;padding:.3rem}.cardcom span:hover{color:var(--primary-color)}.cardcom i:hover{color:var(--alternate-color)}.cardcom i{border-radius:50%;cursor:pointer;height:1rem;margin:0 .5rem;padding:.4rem .25rem 0;text-align:center;width:1rem}.noshadow{border:1px dotted var(--alternate-color);box-shadow:none}.card-image-two{border-top-left-radius:.5rem;height:5rem;width:5rem}.cardcom section{display:flex;flex-wrap:nowrap}.cardcom article{padding:.5rem}.cardcom section:hover{background-color:var(--hover-color2);cursor:pointer}.cardcom .fa-heart:hover{color:red}.cardcom .fa-share-alt:hover{color:#4079ff}.cardcom .fa-ellipsis-v:hover{color:#000}.cardcom .card-badge{background-color:#fff;border-radius:0;padding:1rem;position:relative}.cardcom .card-badge:hover{background-color:var(--hover)}.card .product-detail>p{font-size:medium;margin:0;padding:0}.card .update-badge{font-size:.6rem;font-weight:700;position:absolute;top:3rem}.card .rating,.card .update-badge{background-color:var(--positive-color)}.card .rating{font-size:x-small}.card .rating>i{margin:0;padding:0}.card .price{font-size:medium;padding-top:.5rem}.card .old-price{color:var(--disable-color);text-decoration:line-through}.card .discount{color:var(--positive-color);font-family:Georgia,Times New Roman,Times,serif}.card .footer{align-items:center;display:flex;justify-content:space-between;margin-top:.3rem}.card .card-image{height:22rem}.cardcom .hide{visibility:hidden}.cardcom .close{color:var(--negative-color);margin:0;padding:0;position:absolute;right:1rem;top:1rem}.cardcom .button{background-color:#fff;border:1px dashed var(--disable-color);margin:.5rem;padding:.4rem}.cardcom .negative{background-color:var(--negative-color)}.cardcom .text-over{background-color:#000;color:#fff;left:6rem;padding:.9rem;position:absolute;top:11rem}.cardtext{-webkit-filter:opacity(50%);filter:opacity(50%)}.horizontal>img{height:16rem;padding:.8rem;width:12rem}.horizontal{background-color:#fff;display:flex;flex-direction:row;position:relative;width:30rem}.horizontal .fas{margin:0;padding:.05rem 0}.horizontal .product-detail{line-height:2rem}.cardcom footer ul{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.cardcom .button{background-color:#ffaa3a;border-radius:1.5rem;margin:0 1rem;padding:.6rem;text-align:center}.horizontal .footer{margin-top:4rem}@media screen and (max-width:590px){.remove{display:none}}.type-one-rating{margin:3rem auto;width:100%}.rating{border-radius:.4rem;font-size:.9rem;padding:.5rem 1rem}.type-one-rating .negative{background-color:var(--negative-color)}.type-one-rating .positive{background-color:var(--positive-color)}.rating .fas{font-size:.9rem}.type-one-rating .fas:hover{color:#000;color:initial}.rating:hover{color:#000;opacity:.9}.gold,.type-one-rating .gold:hover{color:var(--star)}.type-one-rating .lg{font-size:2.4rem;margin:0 1.3rem}.fa-grin-stars:hover{color:var(--positive-color)}.fa-smile-beam:hover{color:var(--lightblue)}.fa-meh:hover{color:var(--star)}.fa-frown:hover{color:var(--lightblue)}.fa-angry:hover{color:var(--negative-color)}.slider{-webkit-appearance:none;background:var(--primary-color);border:1px solid var(--alternate-color);height:.3rem;opacity:.4;outline:none;width:50%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border:1px solid var(--alternate-color);cursor:pointer;height:1rem;width:1rem}.slider:hover{opacity:.6}.snackbar{background-color:var(--primary-color);border-radius:.2rem;border-radius:1rem;box-shadow:3px 4px 12px 2px var(--snackbar);color:var(--hover);left:40%;margin:auto;padding:1rem;position:fixed;text-align:center;visibility:hidden;z-index:1}.type-one-snackbar{margin-top:2rem;text-align:center}.type-one-snackbar button{background-color:var(--primary-color);border-radius:2rem;color:var(--secondary-color);cursor:pointer;padding:.5rem 1.5rem}.type-one-snackbar button:hover{opacity:.7}.type-one-snackbar .bottom{bottom:2rem}.type-one-snackbar .top{top:2rem}.snackbar.show{visibility:visible}.snackbar .fas{color:var(--hover);cursor:pointer;font-weight:lighter;padding:0 0 0 1rem}.text{border:1px solid var(--primary-color);margin:2.5rem 1rem;padding:.5rem}.section--type-one small{text-decoration:underline}.code-example-block{margin-top:4rem}.center{text-align:center}.center,.text div{font-size:medium}@media screen and (min-width:598px){.small-right{float:right}}@media screen and (min-width:768px){.medium-right{float:right}}@media screen and (min-width:992px){.large-right{float:right}}.head{margin-top:1.5rem}.type-two--text h1{border-bottom:0;color:var(--secondary-color);text-decoration:underline}.type-two--text h1,.type-two--text h6{text-shadow:2px 2px 2px var(--primary-color)}.type-two--text h4{border-bottom:0;color:var(--secondary-color);text-decoration:line-through}.font{font-size:1.2rem;margin-top:2rem}.sm{font-size:small}.md{font-size:medium}.lg{font-size:large}.grey{color:#b6b5b5}.italics{font-style:italic}.bold{font-weight:900}
/*# sourceMappingURL=main.bbe89976.css.map*/