@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap);.buttons__list button{margin:0 8px 8px 0}.block,.block button{display:block;min-width:100%}.block button{margin-bottom:.25rem}.button--floating{color:#fff;background-color:var(--blue6);box-shadow:0 0 3px var(--blue6);border:none;position:fixed;width:50px;height:50px;bottom:40px;right:40px;border-radius:50%;text-align:center}.button--floating:hover{background-color:var(--blue7);cursor:pointer}.button-primary{border-radius:4px;background-color:var(--blue6);padding:.5em 1em;color:var(--blue1);cursor:pointer}.button-primary:hover{background-color:var(--blue7)}.button-primary-outline{border-radius:4px;background-color:#fff;border:1px solid;border-color:var(--blue6);padding:.5em 1em;color:var(--blue6);cursor:pointer}.button-primary-outline:hover{background-color:var(--blue6);color:var(--gray0)}.button-secondary{border-radius:4px;background-color:var(--gray5);padding:.5em 1em;color:var(--gray1);cursor:pointer}.button-secondary:hover{background-color:var(--gray6)}.button-secondary-outline{border-radius:4px;background-color:#fff;border:1px solid;border-color:var(--gray6);padding:.5em 1em;color:var(--gray6);cursor:pointer}.button-secondary-outline:hover{background-color:var(--gray6);color:var(--gray1)}.button-danger{border-radius:4px;background-color:var(--red6);padding:.5em 1em;color:var(--red0);cursor:pointer}.button-danger:hover{background-color:var(--red7)}.button-danger-outline{border-radius:4px;background-color:#fff;border:1px solid;border-color:var(--red6);padding:.5em 1em;color:var(--red6);cursor:pointer}.button-danger-outline:hover{background-color:var(--red6);color:var(--red0)}.button-warning{border-radius:4px;background-color:var(--yellow4);padding:.5em 1em;color:var(--yellow9);cursor:pointer}.button-warning:hover{background-color:var(--yellow5)}.button-warning-outline{border-radius:4px;background-color:#fff;border:1px solid;border-color:var(--yellow4);padding:.5em 1em;color:var(--yellow4);cursor:pointer}.button-warning-outline:hover{background-color:var(--yellow4);color:var(--yellow0)}.navbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:8px 0;border-bottom:0 solid silver;width:100vw;position:-webkit-sticky;position:sticky;top:0;z-index:99;opacity:1;background-color:#fff}.brand{-webkit-align-self:center;align-self:center;padding-left:1rem;min-width:0;justify-self:left}.site-footer{height:50px;background-color:var(--gray1);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.8rem;color:var(--theme2)}.site-footer>div{padding:0 16px;color:var(--theme2)}.site-footer a,.site-footer a:active,.site-footer a:focus,.site-footer a:hover{text-decoration:none;color:inherit}:root{--theme1:#62893c;--theme2:#61892f;--theme3:#86c240;--theme4:#222629;--theme5:#474b4f;--gray0:#f9fafb;--gray1:#f3f4f6;--gray2:#e5e7eb;--gray3:#d1d5db;--gray4:#9ca3af;--gray5:#6b7280;--gray6:#4b5563;--gray7:#374151;--gray8:#1f2937;--gray9:#111827;--red0:#fef2f2;--red1:#fee2e2;--red2:#fecaca;--red3:#fca5a5;--red4:#f87171;--red5:#ef4444;--red6:#dc2626;--red7:#b91c1c;--red8:#991b1b;--red9:#7f1d1d;--green0:#f0fdf4;--green1:#dcfce7;--green2:#bbf7d0;--green3:#86efac;--green4:#4ade80;--green5:#22c55e;--green6:#16a34a;--green7:#15803d;--green8:#166534;--green9:#14532d;--blue0:#eff6ff;--blue1:#dbeafe;--blue2:#bfdbfe;--blue3:#93c5fd;--blue4:#60a5fa;--blue5:#3b82f6;--blue6:#2563eb;--blue7:#1d4ed8;--blue8:#1e40af;--blue9:#1e3a8a;--cyellow0:ivory;--cyellow1:#fefcbf;--cyellow2:#faf089;--cyellow3:#f6e05e;--cyellow4:#ecc94b;--cyellow5:#dd6b20;--cyellow6:#b7791f;--cyellow7:#975a16;--cyellow8:#744210;--cyellow9:#5f370e;--yellow0:#fefce8;--yellow1:#fef9c3;--yellow2:#fef08a;--yellow3:#fde047;--yellow4:#facc15;--yellow5:#eab308;--yellow6:#ca8a04;--yellow7:#a16207;--yellow8:#854d0e;--yellow9:#713f12;--akigreen:#a7aa37;--primary:#ca8a04}.text-gray0{color:#f9fafb;color:var(--gray0)}.text-gray1{color:#f3f4f6;color:var(--gray1)}.text-gray2{color:#e5e7eb;color:var(--gray2)}.text-gray3{color:#d1d5db;color:var(--gray3)}.text-gray4{color:#9ca3af;color:var(--gray4)}.text-gray5{color:#6b7280;color:var(--gray5)}.text-gray6{color:#4b5563;color:var(--gray6)}.text-gray7{color:#374151;color:var(--gray7)}.text-gray8{color:#1f2937;color:var(--gray8)}.text-gray9{color:#111827;color:var(--gray9)}.text-red0{color:#fef2f2;color:var(--red0)}.text-red1{color:#fee2e2;color:var(--red1)}.text-red2{color:#fecaca;color:var(--red2)}.text-red3{color:#fca5a5;color:var(--red3)}.text-red4{color:#f87171;color:var(--red4)}.text-red5{color:#ef4444;color:var(--red5)}.text-red6{color:#dc2626;color:var(--red6)}.text-red7{color:#b91c1c;color:var(--red7)}.text-red8{color:#991b1b;color:var(--red8)}.text-red9{color:#7f1d1d;color:var(--red9)}.text-green0{color:#f0fdf4;color:var(--green0)}.text-green1{color:#dcfce7;color:var(--green1)}.text-green2{color:#bbf7d0;color:var(--green2)}.text-green3{color:#86efac;color:var(--green3)}.text-green4{color:#4ade80;color:var(--green4)}.text-green5{color:#22c55e;color:var(--green5)}.text-green6{color:#16a34a;color:var(--green6)}.text-green7{color:#15803d;color:var(--green7)}.text-green8{color:#166534;color:var(--green8)}.text-green9{color:#14532d;color:var(--green9)}.text-blue0{color:#eff6ff;color:var(--blue0)}.text-blue1{color:#dbeafe;color:var(--blue1)}.text-blue2{color:#bfdbfe;color:var(--blue2)}.text-blue3{color:#93c5fd;color:var(--blue3)}.text-blue4{color:#60a5fa;color:var(--blue4)}.text-blue5{color:#3b82f6;color:var(--blue5)}.text-blue6{color:#2563eb;color:var(--blue6)}.text-blue7{color:#1d4ed8;color:var(--blue7)}.text-blue8{color:#1e40af;color:var(--blue8)}.text-blue9{color:#1e3a8a;color:var(--blue9)}.theme1{color:var(--theme1)}.theme2{color:var(--theme2)}.theme3{color:var(--theme3)}.theme4{color:var(--theme4)}.theme5{color:var(--theme5)}.m25{margin:.25rem}.mr25{margin-right:.25rem}.ml25{margin-left:.25rem}.mt25{margin-top:.25rem}.mb25{margin-bottom:.25rem}.m0{margin:.5rem}.mr0{margin-right:.5rem}.ml0{margin-left:.5rem}.mt0{margin-top:.5rem}.mb0{margin-bottom:.5rem}.m1{margin:1rem}.mr1{margin-right:1rem}.ml1{margin-left:1rem}.mt1{margin-top:1rem}.mb1{margin-bottom:1rem}.m2{margin:2rem}.mr2{margin-right:2rem}.ml2{margin-left:2rem}.mt2{margin-top:2rem}.mb2{margin-bottom:2rem}.m3{margin:3rem}.mr3{margin-right:3rem}.ml3{margin-left:3rem}.mt3{margin-top:3rem}.mb3{margin-bottom:3rem}.p0{padding:.5rem}.pr0{padding-right:.5rem}.pl0{padding-left:.5rem}.pt0{padding-top:.5rem}.pb0{padding-bottom:.5rem}.p1{padding:1rem}.pr1{padding-right:1rem}.pl1{padding-left:1rem}.pt1{padding-top:1rem}.pb1{padding-bottom:1rem}.p2{padding:2rem}.pr2{padding-right:2rem}.pl2{padding-left:2rem}.pt2{padding-top:2rem}.pb2{padding-bottom:2rem}.p3{padding:3rem}.pr3{padding-right:3rem}.pl3{padding-left:3rem}.pt3{padding-top:3rem}.pb3{padding-bottom:3rem}.flex-row{-webkit-flex-direction:row;flex-direction:row}.flex-col,.flex-row{display:-webkit-flex;display:flex}.flex-col{-webkit-flex-direction:column;flex-direction:column}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow2{box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.15)}.text-3xs{font-size:.62rem;line-height:.8rem}.text-2xs{font-size:.7rem;line-height:.875rem}.text-xs{font-size:.8rem;line-height:1rem}.text-sm{font-size:.88rem;line-height:1.25rem}.text{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.425rem;line-height:2rem}.text-3xl{font-size:1.6rem;line-height:2.25rem}.text-4xl{font-size:2rem;line-height:2.5rem}.text-5xl{font-size:2.5rem;line-height:3rem}.extralight{font-weight:200}.light{font-weight:300}.normal{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.extrabold{font-weight:800}.size1{font-size:.5rem}.size2{font-size:1rem}.size3{font-size:1.5rem}.size4{font-size:2rem}.size5{font-size:2.5rem}.size6{font-size:3rem}.size7{font-size:3.5rem}.alerts__list div{margin:16px}.alerts__list i{margin-right:1em}.alert--danger{background-color:var(--red1);border:1px solid var(--red2);border-left:5px solid var(--red7);color:var(--red7);border-radius:2px}.alert--danger,.alert--warning{padding:.5rem 1rem .5rem .5rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.alert--warning{background-color:var(--yellow1);border:1px solid var(--yellow2);border-left:5px solid var(--yellow7);color:var(--yellow7);border-radius:2px}.alert--info{background-color:var(--blue1);border:1px solid var(--blue2);border-left:5px solid var(--blue7);color:var(--blue7);border-radius:2px}.alert--info,.alert--success{padding:.5rem 1rem .5rem .5rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.alert--success{background-color:var(--green1);border:1px solid var(--green2);border-left:5px solid var(--green7);color:var(--green7);border-radius:2px}.avatar{border-radius:100%;background-color:var(--theme1);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;height:3em;width:3em}.avatars-wrapper div{margin-right:1rem}.avatars-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.avatar--img{height:3em;width:3em;border-radius:100%}.badge-position{-webkit-transform:translate(1.3em,1em);transform:translate(1.3em,1em)}.badges-wrapper>div{margin:0 8px}.badges-wrapper{-webkit-align-items:center;align-items:center}.badge--basic{padding:.25em .4em;text-justify:center;text-align:center;border-radius:4px}.badge--status{border-radius:100%;height:.9em;width:.9em;border:2px solid grey}.badge--primary{background-color:var(--blue7);color:var(--blue0)}.badge--success{background-color:var(--green7);color:var(--green0)}.badge--warning{background-color:var(--yellow4);color:var(--yellow9)}.badge--danger{background-color:var(--red7);color:var(--red0)}.badge--passive{background-color:var(--gray5);color:#fff}.badge--avatar{display:inline;position:relative}.badge--avatar__badge{position:absolute;bottom:0;right:0}.card--basic--vertical{max-width:300px}.card--basic--horizontal,.card--basic--vertical{border-radius:4px;border:2px solid var(--gray3);margin:16px;padding:0 1rem 1rem;position:relative}.card--basic--horizontal{max-width:500px}.card__shadow{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card__dismiss{position:absolute;top:10px;right:10px;color:var(--gray6);background-color:inherit;border:none}.card__dismiss:hover{cursor:pointer}.card__label__topright{position:absolute;top:1em;right:0;border-top-right-radius:0;border-bottom-right-radius:0}.card__label__topleft{position:absolute;top:1em;left:0;border-top-left-radius:0;border-bottom-left-radius:0}.card--image__wishlist-btn{position:absolute;right:.4em;top:.4em;color:var(--gray4);background-color:#fff;border-radius:50%;border:1px solid var(--gray4);width:30px;height:30px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.card--image__wishlist-btn:hover{cursor:pointer;color:var(--red5);border:1px solid var(--red5)}.card--image{min-width:150px;max-width:250px;min-height:-webkit-min-content;min-height:min-content;border-radius:4px;border:2px solid var(--gray3);margin:0;padding-bottom:.5em;position:relative}.card--image>img{max-width:100%;min-height:200px;border-top-right-radius:4px;border-top-left-radius:4px;object-fit:cover;overflow:hidden}.card--image:hover{border:2px solid var(--gray4)}.card--image__body{padding:.25em .5em .5em}.prod_category{font-feature-settings:"pcap","c2pc";font-variant-caps:all-petite-caps}.rating{margin-top:4px}.rating,.rating__badge{-webkit-align-items:center;align-items:center}.rating__badge{max-width:40px}.rating__count{margin-left:4px}.rating__star{margin-left:2px}.price{-webkit-align-items:center;align-items:center}.buy-button{width:100%;justify-self:flex-end}.emi{color:var(--yellow6);background-color:#fff!important;border:1px solid var(--yellow4)}.input--search-box{-webkit-align-self:center;align-self:center;border:2px solid var(--gray3);border-radius:4px;padding:.25rem 1rem;margin:0 12px}.input--search-box,.input--search-box input{outline:none;min-width:150px;max-width:300px}.input--search-box input{border:none;width:80%}.input--basic{border:2px solid var(--gray3);border-radius:4px;padding:.25rem 1rem;outline:none;width:200px;min-width:150px;max-width:300px}.input--error{border-color:var(--red5)}.list--plain{list-style-type:none}.list--plain--horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;list-style-type:none}.list--stacked{list-style-type:none}.list--stacked>li{margin:0;padding:8px;border:1px solid var(--gray4);background-color:var(--gray2);border-collapse:separate}.list--numbered{list-style-type:decimal}.list-nav-tabs{list-style-type:none;margin:0;-webkit-align-self:center;align-self:center}.list-nav-tabs li{padding:0 12px}.list-basic{list-style-type:none;margin:0;-webkit-align-self:center;align-self:center}.list-basic li{padding:0 4px}.copy-header{-webkit-justify-content:flex-end;justify-content:flex-end;color:var(--theme1)}.copy-header>i:hover{cursor:pointer}.spinner-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly}.empty-area{border-left-color:silver;border-right-color:silver}.spinner{width:3em;height:3em;position:relative}.spinner div{box-sizing:border-box;position:absolute;width:100%;height:100%;border:8px solid transparent;border-top:8px solid var(--gray7);border-radius:50%;-webkit-animation:spinnerOne 1s linear infinite;animation:spinnerOne 1s linear infinite}.spinner div:nth-child(2){border:8px solid transparent;border-right:8px solid var(--gray7);-webkit-animation:spinnerTwo 1s linear infinite;animation:spinnerTwo 1s linear infinite}.empty div{border-left-color:silver;border-bottom-color:silver}@-webkit-keyframes spinnerOne{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:4px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:2px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:4px}}@keyframes spinnerOne{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:4px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:2px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:4px}}@-webkit-keyframes spinnerTwo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:4px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:2px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:4px}}@keyframes spinnerTwo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:4px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:2px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:4px}}.colors-page{width:80%}.colortile{height:48px;width:64px;background-color:#9acd32;border-radius:10%;margin:5px}.color-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:32px}body{margin:0;color:var(--gray8);font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.sidenav{background-color:var(--gray0);box-shadow:0 4px 12px 0 rgb(0 0 0/5%);min-height:100vh;width:20%;padding-left:32px;padding-top:17px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.sidenav>a{list-style-type:none;width:90%;text-align:left;padding:8px;border:0 solid silver;border-radius:4px;color:var(--gray7);margin-bottom:4px}.sidenav>a,.sidenav>a:visited{text-decoration:none}.sidenav>a:hover{background-color:var(--theme1);cursor:pointer;color:#000}.sidenav>a:focus{color:#fff;background-color:var(--theme1);outline:none}.sidenav>a:active{color:#fff}.drawer-button,.nav-hidden{display:none}@media(max-width:576px){.drawer-nav{position:-webkit-sticky;position:sticky;top:80px;width:100vw;height:100vh;-webkit-align-self:center;align-self:center;z-index:9}.static-nav{display:none}.drawer-button{z-index:99;display:inline}}.code-container{border:2px solid var(--gray3);border-radius:8px;margin-bottom:4rem;position:static}.code-header{border-bottom:2px solid var(--gray3);-webkit-justify-content:flex-end;justify-content:flex-end;position:static}.code-header__list li{cursor:pointer;border-left:2px solid var(--gray3);padding:.8em;border-radius:8px}.demo-block{padding:1rem}.copy-toast{position:absolute;right:110px;opacity:.7}.site-navbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 0;border-bottom:0 solid silver;width:100%;background-color:var(--theme4)}.header-left,.site-brand{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.site-brand{-webkit-align-items:center;align-items:center;padding-left:2.5rem;color:#000}.site-brand-logo{width:175px;height:auto;margin-top:8px;color:red}.site-search-box{-webkit-align-self:center;align-self:center;position:absolute;left:22%;display:none}.site-search-box input{border:0 solid silver;border-radius:4px;padding:.25rem 1rem;margin:0 12px;outline:none;min-width:250px}.header-right{margin-right:7%;padding:12px 0 8px}.ver{-webkit-align-self:center;align-self:center}@media(max-width:992px){.header-right{margin:0}.site-search-box{-webkit-align-self:center;align-self:center;position:absolute;left:24%}}@media(max-width:576px){.site-search-box{display:none}.site-brand{padding:0;margin-left:16px;justify-self:flex-start}.header-right{margin:0;padding:0}}.footer{height:50px;background-color:var(--theme4);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.8rem;color:var(--theme2)}.footer>div{padding:0 16px}.footer a,.footer a:active,.footer a:focus,.footer a:hover{text-decoration:none;color:inherit}.App{padding-right:5%}.main-content{width:90vw;min-height:100vh;padding:0 2rem 2rem}@media (max-width:992px){.App{padding:0}}@media (max-width:576px){.content-area{-webkit-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-align-items:flex-start;align-items:flex-start}.App{padding:0}.main-content{margin:0;padding:16px}}
/*# sourceMappingURL=main.7575292f.chunk.css.map */