@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App>hr{margin:2rem 0}:root{--blue:#2874f0;--pink:#ff3e6c;--red:#dc3545;--yellow:#e2b032;--lightgreen:#42b72a;--purple:#7952b3;--lightOrange:#ff9f00;--orange:#fb641b;--greenishBlue:#17a2b8;--grey:#f0e9e6;--maroon:#cd486b;--black:#111827;--darkBlue:#146eb4}.primary-button{cursor:pointer;padding:.8rem 2rem;color:#fff;font-size:medium;box-shadow:0 2px 4px 1px rgb(0 0 0/20%);border:none;border-radius:.2rem}.primary-button.purple{background-color:#7952b3;background-color:var(--purple)}.primary-button.greenishBlue{background-color:#17a2b8;background-color:var(--greenishBlue)}.primary-button.blue{background-color:#2874f0;background-color:var(--blue)}.primary-button.pink{background-color:#ff3e6c;background-color:var(--pink)}.primary-button.red{background-color:#dc3545;background-color:var(--red)}.primary-button.lightOrange{background-color:#ff9f00;background-color:var(--lightOrange)}.primary-button.yellow{background-color:#e2b032;background-color:var(--yellow)}.primary-button.lightgreen{background-color:#42b72a;background-color:var(--lightgreen)}.primary-button.orange{background-color:#fb641b;background-color:var(--orange)}.primary-button.grey{background-color:#f0e9e6;background-color:var(--grey)}.primary-button.maroon{background-color:#cd486b;background-color:var(--maroon)}.primary-button.black{background-color:#111827;background-color:var(--black)}.primary-button.darkBlue{background-color:#146eb4;background-color:var(--darkBlue)}.icon-button{cursor:pointer;background-color:#f0e9e6;background-color:var(--grey);border:none;padding:.5rem}.icon-button>img{height:30px;width:30px}.transparentBtn{cursor:pointer;padding:.2rem 1rem;background-color:#fff;color:#000;border:2px solid #f0e9e6;border:2px solid var(--grey);outline-style:none}.socialIcon>img{height:3rem;width:3rem}.faceavatar{height:50px;width:50px;border-radius:50%}.avatar-alphabet{width:3rem;height:3rem;color:#fff;-webkit-justify-content:center;justify-content:center;border-radius:50%;font-size:2rem;-webkit-align-content:center;align-content:center;font-weight:900;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.alert,.alertText,.avatar-alphabet{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.alertText{background-color:#fff;border:1px solid #000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;width:20rem;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem 2rem 1rem .5rem}.alertText.success{color:green}.alertText.failure{color:red}.alertText.warning{color:#d97706}.alertText.info{color:#2874f0;color:var(--blue)}.alertIcon{height:42px;padding:.3rem .5rem}.alertIcon.success{background-color:#42b72a}.alertIcon.failure{background-color:#b30b0b}.alertIcon.warning{background-color:#d97706}.alertIcon.info{background-color:#2874f0;background-color:var(--blue)}.alert>div>img{width:40px;height:40px}.cross{cursor:pointer}@media screen and (max-width:520px){.alertText{width:14rem}}.nav1__navList{max-width:100%;list-style-type:none;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#111827;color:#fff;padding:1rem}.nav1__navEnd,.nav1__navList{display:-webkit-flex;display:flex}.nav1__navStart>a{margin-right:1rem;text-decoration:none;color:inherit}.nav1__navEnd>span{margin-right:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav1__navEnd>span>button{padding:.5rem 1.5rem;border-radius:.5rem;border:1px solid #fff;color:#fff;background-color:#111827}.nav1__navEnd>span>button:hover{background-color:#fff;color:#000;cursor:pointer}@media screen and (max-width:564px){.nav1__navEnd>span>input{display:none}}.nav2__navList{background-color:#111827;display:-webkit-flex;display:flex;list-style-type:none;padding:1rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;max-width:100%}.nav2__navStart>a{margin-right:1rem;text-decoration:none;color:#fff;font-size:larger}@media screen and (max-width:400px){.nav2__navStart>a{margin:0 .3rem}}@media screen and (max-width:480px){.nav2__navStart>a{font-size:medium}}.primaryInput{padding:.75rem 1rem;font-size:100%;border-radius:.3rem;outline:none;border:2px solid #f0e9e6;border:2px solid var(--grey);max-width:50%;width:400px}.focus:focus{border:2px solid #2874f0;border:2px solid var(--blue)}.roundInput{border-radius:2rem;border:2px solid #f0e9e6;border:2px solid var(--grey);max-width:50%;width:400px}.roundInput,.searchInput{padding:.75rem 1rem;font-size:100%;outline:none}.searchInput{border-radius:.3rem;border:2px solid #f0e9e6;border:2px solid var(--grey);max-width:70%;width:100px}.searchInput:focus{width:300px}.searchInput-NonExpand{padding:.75rem 1rem;font-size:100%;border-radius:.3rem;outline:none;border:2px solid #f0e9e6;border:2px solid var(--grey);max-width:70%;width:100px}@media screen and (min-width:720px){.searchInput-NonExpand{width:300px}}.passwordInput{padding:.75rem 1rem;font-size:100%;border-radius:.3rem;outline:none;max-width:50%;width:400px}.card,.passwordInput{border:2px solid #f0e9e6;border:2px solid var(--grey)}.card{width:15rem;max-width:100%;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;position:relative;word-break:break-all}.card:hover{box-shadow:2px 4px 8px 2px rgb(0 0 0/25%)}.card>img{width:15rem;max-width:100%;height:16rem}.card>button{width:100%}.card2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border:1px solid #c5c2c2;background-color:#ebecf0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.3rem;font-family:"Poppins",sans-serif}.card2>img{max-width:20rem;height:15rem;border-radius:1rem}.productInfo{padding:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:left}.productInfo>p{margin:0}.badge{background-color:#dc3545;background-color:var(--red);color:#fff;font-size:small;padding:.1rem .2rem;border-radius:.5rem;left:.2rem}.badge,.heart{position:absolute;top:.2rem}.heart{right:.2rem}.ecomm__icon{height:2rem;width:2rem}.iconWithNum{position:relative}.iconWithNum>span{position:absolute;background-color:#dc3545;background-color:var(--red);color:#fff;width:1rem;height:1rem;-webkit-align-items:center;align-items:center;padding:.2rem;border-radius:50%;bottom:1.5rem;left:1.5rem}.iconButton__buttonList,.iconWithNum>span{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.iconButton__buttonList{list-style-type:none;-webkit-flex-flow:row wrap;flex-flow:row wrap}.iconButton__buttonList>li{margin:1.5rem}.iconButton__buttonList>li>button{cursor:pointer}.iconButton__buttonList>button{margin:2rem;padding:.8rem 2rem;background-color:#fff;color:#00f;border:1px solid rgba(25,118,210,.5)}.title{font-family:"Montserrat",sans-serif;color:#111827}.codeContainer{background-color:rgba(232,232,234,.3686274509803922);padding:2rem;margin:.5rem 10rem 3rem;position:relative;box-shadow:5px 10px 8px rgb(231 220 220)}.codeContainer>p{font-family:"Shippori Mincho B1",serif;color:red;max-width:100%;overflow-wrap:break-word}.codeContainer>button{position:absolute;top:1rem;right:1rem;background-color:#fff;color:#00f;border:1px solid;border-radius:.3rem;text-overflow:clip;cursor:copy}.codeContainer>button:hover{color:#fff;background-color:#2874f0}@media screen and (max-width:768px){.codeContainer{margin:0}}.description>p{padding:2rem;margin:2rem 5rem;font-size:larger;background-color:#fff;border-radius:1rem;border:1px solid #eedede}@media screen and (max-width:600px){.description>p{margin:2rem}}.primaryButton__headingContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.primaryButton__headingContainer>button{margin:2rem;padding:.8rem 2rem;background-color:#fff;color:#00f;border:1px solid rgba(25,118,210,.5)}.primaryButton__buttonList{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.primaryButton__buttonList>li{margin:1.5rem}.primaryButton__buttonList>li>button{cursor:pointer}textarea{width:200px}.header__nav{max-width:100%;background-color:#111827;color:#fff;display:-webkit-flex;display:flex;font-weight:700;font-size:larger;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem;border-bottom:2px solid #000;font-family:"Poppins",sans-serif}.heading-logo{font-family:"Playfair Display SC",serif;font-size:x-large}.header__DesktopList>li>Link,a{text-decoration:none;color:#fff;margin:0 1rem}.header__DesktopList{list-style-type:none;display:-webkit-flex;display:flex}.hamburger-button{display:none}.logo{cursor:pointer}@media screen and (max-width:930px){.header__DesktopList{display:none}.hamburger-button{display:-webkit-flex;display:flex}.header__mobileList{list-style-type:none;margin:0;padding:1.5rem;background-color:#1f2937;max-width:100%;font-family:"Poppins",sans-serif}.header__mobileList>li{margin:1rem}.header__mobileList>li>a{text-decoration:none;color:#fff;font-size:larger}}@media screen and (min-width:1310px){.desktop__view{display:grid;grid-template-columns:1fr 5fr;grid-gap:1rem;grid-template-areas:"sidebar component" "footer footer"}.sidebar{font-family:"Poppins",sans-serif;color:#000;position:-webkit-sticky;position:sticky;padding:.5rem;grid-row-start:1;grid-row-end:2;grid-area:sidebar;position:fixed;height:100%}.components{grid-area:component;border-left:1px solid #dad4d4}.footer{grid-area:footer}.sidebar h2{color:#111827}.sidebar>ul{list-style-type:none;padding:2rem}.sidebar>ul>li{cursor:pointer;border-radius:.2rem;margin-bottom:.5rem;padding:1rem 3rem}.sidebar>ul>li:hover{background-color:#111827;color:#fff}}@media screen and (max-width:1310px){.sidebar{display:none}}.alert__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.alert__list>li{margin:1.5rem;cursor:pointer}.navbar__linkInput{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:1rem 0}@media screen and (max-width:440px){.navbar__linkInput{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.faceavatar__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.faceavatar__list>button{margin:2rem;padding:.8rem 2rem;background-color:#fff;color:#00f;border:1px solid rgba(25,118,210,.5)}.faceavatar__list>li>img{margin:1.5rem;cursor:pointer}textarea{margin-bottom:1rem}.alphabetAvatar>input{border:none;background-color:#fff;width:5rem;cursor:crosshair}.alphabetAvatar__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.alphabetAvatar__list>li{margin:1.5rem;cursor:pointer}.input__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.input__list>li{margin:1.5rem}.Card__container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.Card__container>button{margin:2rem;padding:.8rem 2rem;background-color:#fff;color:#00f;border:1px solid rgba(25,118,210,.5)}.card{margin-bottom:2rem}.card,.card2{cursor:pointer}.EcommIcons__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.EcommIcons__list>li{margin:1.5rem}.socialIcon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.socialIcon>button{margin:2rem;padding:.8rem 2rem;background-color:#fff;color:#00f;border:1px solid rgba(25,118,210,.5)}.socialIcon__list{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.socialIcon__list>li{margin:1.5rem}.footer{padding:1rem;color:#fff;background-color:#111827;border-top:1px solid;margin-top:2rem}.footer__socialList{list-style-type:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:row wrap;flex-flow:row wrap}.footer__socialList>li{margin:1.5rem}.docsheader{background-color:#111827;max-width:100%;height:80vh;background-size:cover;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:4rem}.docsheader>img{max-width:100%;width:500px}.docsheader>div>h1,h3{margin:0;color:#fff}.docsheader>div>h3{font-size:3rem}.docsheader>div>h1{font-size:5rem}@media screen and (max-width:950px){.docsheader{-webkit-flex-direction:column;flex-direction:column}}@media screen and (max-width:620px){.docsheader>div>h3{font-size:1.5rem}.docsheader>div>h1{font-size:2.5rem}}.MobileList{position:relative;-webkit-justify-content:center;justify-content:center;margin:1rem 0}.dropdown>button,.MobileList{display:-webkit-flex;display:flex}.dropdown>button{background-color:#ebecf0;color:#000;font-size:100%;padding:.5rem 2rem;border:1px solid #dbd0d0;border-radius:.2rem}.popup>ul>li{list-style-type:none;padding-bottom:.4rem;text-align:left;cursor:pointer;margin-bottom:1rem}.popup{display:-webkit-flex;display:flex;background-color:#ebecf0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.2rem 4rem .2rem 1.5rem;border:1.5px solid #8c8d8f;border-radius:.2rem;position:absolute;top:110%;z-index:2}.popup>ul{padding-left:0}@media screen and (min-width:1310px){.dropdown{display:none}}
/*# sourceMappingURL=main.aae59c51.chunk.css.map */