@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);
html,body{padding:0;margin:0;height:100vh;overflow-x:hidden;overflow-y:hidden}html #persona,body #persona{display:flex;align-self:center;align-content:center;justify-content:center;flex-direction:row;align-items:center;width:400px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);pointer-events:none}html #persona.persona-position-100,body #persona.persona-position-100{transition:width 600ms ease-out, height 600ms ease-out;height:100vh}html #persona.persona-position-100.move-to-top,body #persona.persona-position-100.move-to-top{height:70vh}html #persona.persona-position-100.move-to-top-2,body #persona.persona-position-100.move-to-top-2{height:0vh}html #waves.waves_wrap,body #waves.waves_wrap{width:100%;height:auto;display:block;position:absolute;left:0;top:0;opacity:.3;z-index:-1}html #waves.waves_wrap img,body #waves.waves_wrap img{width:100%;height:auto;position:absolute;left:0;top:0}html #logo,body #logo{font-family:"Quicksand";font-size:30px;font-weight:400;color:var(--oc1);position:absolute;top:27px;left:40px;display:flex;align-items:center}html #logo a,body #logo a{font-family:"Quicksand";font-size:16px;font-weight:400;color:var(--oc1);text-decoration:none;margin-left:10px;display:flex;align-items:center;justify-content:space-between}html #logo a svg,body #logo a svg{margin-right:10px;margin-top:3px}html #logo a svg g,body #logo a svg g{stroke:var(--oc1)}html #logo a:hover,body #logo a:hover{color:var(--oc2)}html #logo a:hover svg g,body #logo a:hover svg g{stroke:var(--oc2)}html #background,body #background{z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(111.25deg, #7D5DEF -2.11%, #B38FF3 51.09%, #F5B4BA 105.63%);background-image:url("https://images.pexels.com/photos/4725321/pexels-photo-4725321.jpeg");background-size:cover;mix-blend-mode:overlay;overflow:hidden;opacity:.4}html body,body body{background-color:var(--oc7)}html #chat,body #chat{width:100%;height:80%;max-width:800px;display:flex;flex-direction:column;position:absolute;justify-content:flex-end;top:0;right:0;z-index:2;margin:0 20px}html #chat.chat-wrapper,body #chat.chat-wrapper{pointer-events:none}html #chat.chat-wrapper.move-top,body #chat.chat-wrapper.move-top{height:152px}html #chat.chat-wrapper.move-top .wrapper,body #chat.chat-wrapper.move-top .wrapper{height:130px}html #chat.chat-wrapper.move-top .input-row,body #chat.chat-wrapper.move-top .input-row{display:none}html #chat .wrapper,body #chat .wrapper{width:100%;max-width:400px;max-height:100%;display:flex;justify-content:flex-end;flex-direction:column;align-self:flex-end;margin:0 20% 0 0}html #chat .wrapper .chat-transcript,body #chat .wrapper .chat-transcript{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}html #chat .wrapper .chat-transcript .user-column,html #chat .wrapper .chat-transcript .bot-column,body #chat .wrapper .chat-transcript .user-column,body #chat .wrapper .chat-transcript .bot-column{display:flex;flex-direction:column;width:100%;overflow-y:auto;justify-content:flex-end;position:relative;transition:width 600ms ease-out, height 600ms ease-out}html #chat .wrapper .chat-transcript .user-column.chat-height,html #chat .wrapper .chat-transcript .bot-column.chat-height,body #chat .wrapper .chat-transcript .user-column.chat-height,body #chat .wrapper .chat-transcript .bot-column.chat-height{height:100%}html #chat .wrapper .chat-transcript .user-column.move-top,html #chat .wrapper .chat-transcript .bot-column.move-top,body #chat .wrapper .chat-transcript .user-column.move-top,body #chat .wrapper .chat-transcript .bot-column.move-top{height:150px}html #chat .wrapper .input-row,body #chat .wrapper .input-row{display:flex;flex-direction:row;justify-content:flex-end;height:100px;max-width:400px}html #message-box,body #message-box{display:flex;background-color:#fff;max-width:280px;padding:0px 20px;border-radius:20px;margin:0;height:auto;flex-direction:row;align-items:center;align-self:flex-start;justify-content:center;margin-bottom:5px;transition:all 1s ease-out;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);pointer-events:auto}html #message-box.opacity_0,body #message-box.opacity_0{opacity:1}html #message-box.opacity_1,body #message-box.opacity_1{opacity:0.45}html #message-box.opacity_2,body #message-box.opacity_2{opacity:0.15}html #message-box.opacity_3,body #message-box.opacity_3{opacity:0.05}html #message-box.opacity_4,body #message-box.opacity_4{opacity:0}html #message-box p,body #message-box p{font-family:"Quicksand";font-size:14px;font-weight:500;color:#fff}html #message-box.user,html #message-box.user p,body #message-box.user,body #message-box.user p{float:right;align-self:flex-end;color:rgba(0,0,0,0.6);border-radius:20px 20px 3px 20px}html #message-box.bot,html #message-box.bot p,body #message-box.bot,body #message-box.bot p{background-color:var(--oc1);border-radius:3px 20px 20px 20px;color:#fff}html #message-box:hover,body #message-box:hover{box-shadow:0 0 0 black}html #chat-input,body #chat-input{background-color:rgba(0,0,0,0);max-width:300px;width:100%;display:flex;align-self:flex-start;flex-direction:column;justify-content:space-between;border-radius:300px 300px 0 300px;padding:0 0 5px 0;transition:all .5s ease-out;box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2);border-bottom:solid 2px var(--oc7);margin-top:20px;pointer-events:auto}html #chat-input.disabled,body #chat-input.disabled{box-shadow:none;border-bottom:solid 0px rgba(0,0,0,0)}html #chat-input .text-field-container,body #chat-input .text-field-container{display:flex;flex-direction:row;justify-content:space-between;border-bottom:0 solid var(--oc2);padding:0 0 0 20px;width:100%}html #chat-input .text-field-container .input,body #chat-input .text-field-container .input{max-width:360px;width:100%;margin-bottom:5px}html #chat-input .text-field-container .input textarea,body #chat-input .text-field-container .input textarea{font-family:"Quicksand";font-size:15px;font-weight:500;color:#fff}html #chat-input .text-field-container .input textarea::placeholder,body #chat-input .text-field-container .input textarea::placeholder{transform:translateY(40px)}html #chat-input .text-field-container .btn-container,body #chat-input .text-field-container .btn-container{display:flex;flex-direction:column;justify-content:flex-end}html #chat-input .text-field-container .btn-container .done,body #chat-input .text-field-container .btn-container .done{background-color:var(--oc5);max-width:56px;padding:2px;border-radius:20px;width:100%;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);margin-bottom:10px}html #chat-input .text-field-container .btn-container .done span,body #chat-input .text-field-container .btn-container .done span{font-family:"Quicksand";font-size:12px;font-weight:500;color:#fff}html #chat-input .text-field-container .btn-container .done:hover,body #chat-input .text-field-container .btn-container .done:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #chat-input .information-tip,body #chat-input .information-tip{display:none;height:0;display:flex;flex-direction:row}html #chat-input .information-tip p,body #chat-input .information-tip p{font-family:"Quicksand";font-size:10px;font-weight:500;color:#B78FF3}html .MuiInputBase-multiline,body .MuiInputBase-multiline{padding:16px 0 0 !important}html #chat-input:hover,body #chat-input:hover{box-shadow:inset 8px 8px 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 16px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #chat-button,body #chat-button{display:flex;background-color:var(--oc5);max-width:280px;padding:10px 12px;border-radius:20px;margin:0;flex-direction:row;align-items:flex-start;align-self:flex-end;justify-content:center;margin-bottom:5px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);transition:all .1s ease-out;pointer-events:auto}html #chat-button.opacity_0,body #chat-button.opacity_0{opacity:1}html #chat-button.opacity_1,body #chat-button.opacity_1{opacity:0.45}html #chat-button.opacity_2,body #chat-button.opacity_2{opacity:0.15}html #chat-button.opacity_3,body #chat-button.opacity_3{opacity:0.05}html #chat-button.opacity_4,body #chat-button.opacity_4{opacity:0}html #chat-button span,body #chat-button span{font-family:"Quicksand";font-size:14px;font-weight:500;color:#fff;text-transform:none}html #chat-button:hover,body #chat-button:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2);border-radius:20px 20px 3px 20px}html #glcanvas,html #glcontainer,body #glcanvas,body #glcontainer{width:100%;height:300px;max-height:300px;max-width:600px;flex-direction:row;align-self:left;position:absolute;justify-content:center;top:0;left:0;z-index:0;outline:none;overflow-x:visible;overflow-y:visible;pointer-event:no-event}html #glcontainer,body #glcontainer{margin:20% 0 0 10%}html #mapFrame,body #mapFrame{height:100vh;width:100vw;border:none;outline:none;margin:0;padding:0;z-index:0}html .info-module-wrapper,body .info-module-wrapper{position:absolute;bottom:50px;height:auto;overflow-y:auto;width:100%;overflow-x:auto;display:flex;justify-content:center;opacity:0;transition:opacity 600ms ease-out}html .info-module-wrapper.display,body .info-module-wrapper.display{opacity:1}html .info-module-wrapper.wrapper.selected,body .info-module-wrapper.wrapper.selected{justify-content:flex-start}html .info-module-wrapper::-webkit-scrollbar,body .info-module-wrapper::-webkit-scrollbar{width:0}html .info-module-wrapper::-webkit-scrollbar-track,body .info-module-wrapper::-webkit-scrollbar-track{background:transparent}html .info-module-wrapper::-webkit-scrollbar-thumb,body .info-module-wrapper::-webkit-scrollbar-thumb{background-color:transparent}html .module-info,body .module-info{overflow:auto}html #info-module-options,body #info-module-options{max-width:1120px;width:100%;height:100%;padding:20px 0}html #info-module-options.submodule.selected,body #info-module-options.submodule.selected{max-width:710px}html #info-module-options .container,body #info-module-options .container{background-color:#FCFCFC;width:675px;height:100%;border-radius:15px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);margin-left:20px;overflow:hidden}html #info-module-options .container h1,body #info-module-options .container h1{font-family:"Quicksand";font-size:14px;font-weight:600;color:#321B9A;margin:0}html #info-module-options .container h2,body #info-module-options .container h2{font-family:"Quicksand";font-size:22px;font-weight:600;color:#321B9A;margin:50px 0}html #info-module-options .container p,body #info-module-options .container p{font-family:"Quicksand";font-size:14px;font-weight:500;color:#26242E;line-height:21px;margin:0}html #info-module-options .container p:first-child,body #info-module-options .container p:first-child{margin-bottom:30px}html #info-module-options .container p.main-content-wrapper,body #info-module-options .container p.main-content-wrapper{margin-bottom:50px}html #info-module-options .container .module-info,body #info-module-options .container .module-info{padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:500px}html #info-module-options .container .options-container,body #info-module-options .container .options-container{box-shadow:0px 4px 15px rgba(0,0,0,0.05);max-height:550px;overflow:auto}html #info-module-options .container .options-container .options-container-list,body #info-module-options .container .options-container .options-container-list{padding:10px 20px;height:100%;display:flex;flex-direction:column;justify-content:center}html #info-module-options .container img,body #info-module-options .container img{height:50px}html #info-module-options .container span,html #info-module-options .container a,body #info-module-options .container span,body #info-module-options .container a{font-family:"Quicksand";font-size:14px;font-weight:500;color:#321B9A;padding:15px 10px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);max-width:120px;text-align:center;border-radius:30px}html #info-module-options .container span:hover,html #info-module-options .container a:hover,body #info-module-options .container span:hover,body #info-module-options .container a:hover{text-decoration:none}html #info-module-options .container a:hover,body #info-module-options .container a:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #info-module-options #info-modules-options-card,body #info-module-options #info-modules-options-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);padding:10px 10px;border-radius:15px;cursor:pointer}html #info-module-options #info-modules-options-card.btn.selected,body #info-module-options #info-modules-options-card.btn.selected{border:2px solid rgba(50,27,154,0.45)}html #info-module-options #info-modules-options-card img,body #info-module-options #info-modules-options-card img{border-radius:14px;width:75px;height:auto}html #info-module-options #info-modules-options-card p,body #info-module-options #info-modules-options-card p{margin-bottom:0;font-family:"Quicksand";font-size:15px;font-weight:600;color:#321B9A}html #info-module-options #info-modules-options-card:hover,body #info-module-options #info-modules-options-card:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #info-modules-options-card-page,body #info-modules-options-card-page{height:100%;padding:20px 0;margin:0 20px;transition:opacity 600ms ease-out;opacity:0}html #info-modules-options-card-page.display,body #info-modules-options-card-page.display{opacity:1}html #info-modules-options-card-page .container,body #info-modules-options-card-page .container{background-color:#FCFCFC;width:98%;border-radius:15px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);height:500px;padding:20px;position:relative;display:flex;flex-direction:row;overflow-x:hidden;overflow-y:auto}html #info-modules-options-card-page .container .float-icon,body #info-modules-options-card-page .container .float-icon{position:absolute;bottom:0;left:0}html #info-modules-options-card-page .container .info-container .info,body #info-modules-options-card-page .container .info-container .info{margin:0 30px;display:flex}html #info-modules-options-card-page .container .info-container .info.standard,body #info-modules-options-card-page .container .info-container .info.standard{flex-direction:column}html #info-modules-options-card-page .container .info-container .info.horizontal_title,body #info-modules-options-card-page .container .info-container .info.horizontal_title{flex-direction:row;height:100%;align-items:center}html #info-modules-options-card-page .container .info-container .info.horizontal_title h3,body #info-modules-options-card-page .container .info-container .info.horizontal_title h3{display:block;margin:0;align-self:center;min-width:150px}html #info-modules-options-card-page .container .info-container .info .content-direction,body #info-modules-options-card-page .container .info-container .info .content-direction{display:flex}html #info-modules-options-card-page .container .info-container .info .content-direction.row,body #info-modules-options-card-page .container .info-container .info .content-direction.row{flex-direction:row}html #info-modules-options-card-page .container .info-container .info .content-direction.column,body #info-modules-options-card-page .container .info-container .info .content-direction.column{flex-direction:column}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container{display:flex}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container.row,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container.row{flex-direction:row}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container.column,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container.column{flex-direction:column;align-items:center}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content{font-family:"Quicksand";font-size:16px;font-weight:500;color:#2F2F2F}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content.light,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content.light{opacity:0.3}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content.list,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container .content.list{width:330px;align-self:center;text-transform:uppercase;margin:10px 20px;font-size:14px}html #info-modules-options-card-page .container .info-container .info .content-direction .item-container img.full-heigth,body #info-modules-options-card-page .container .info-container .info .content-direction .item-container img.full-heigth{height:418px}html #info-modules-options-card-page .container .info-container.first,body #info-modules-options-card-page .container .info-container.first{min-width:400px;max-width:400px}html #info-modules-options-card-page .container .info-container h1,body #info-modules-options-card-page .container .info-container h1{font-family:"Quicksand";font-size:14px;font-weight:600;color:#321B9A;margin:0}html #info-modules-options-card-page .container .info-container h2,body #info-modules-options-card-page .container .info-container h2{font-family:"Quicksand";font-size:22px;font-weight:600;color:#321B9A;margin:50px 0}html #info-modules-options-card-page .container .info-container h3,body #info-modules-options-card-page .container .info-container h3{font-family:"Quicksand";font-size:18px;font-weight:600;color:#2F2F2F;margin:0 0 30px 0}html #info-modules-options-card-page .container .info-container p,body #info-modules-options-card-page .container .info-container p{font-family:"Quicksand";font-size:14px;font-weight:500;color:#26242E;line-height:21px;margin:0}html #info-modules-options-card-page .container .info-container p:first-child,body #info-modules-options-card-page .container .info-container p:first-child{margin-bottom:30px}html #info-modules-options-card-page .container .info-container p.main-content-wrapper,body #info-modules-options-card-page .container .info-container p.main-content-wrapper{margin-bottom:50px}html #info-modules-options-card-page .container .info-container span,html #info-modules-options-card-page .container .info-container a,body #info-modules-options-card-page .container .info-container span,body #info-modules-options-card-page .container .info-container a{font-family:"Quicksand";font-size:14px;font-weight:500;color:#321B9A;padding:15px 10px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);max-width:120px;text-align:center;border-radius:30px}html #info-modules-options-card-page .container .info-container span:hover,html #info-modules-options-card-page .container .info-container a:hover,body #info-modules-options-card-page .container .info-container span:hover,body #info-modules-options-card-page .container .info-container a:hover{text-decoration:none;box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #info-modules-options-card-page .container .info-container .standalone,body #info-modules-options-card-page .container .info-container .standalone{max-height:500px;padding:0 20px}html #header,body #header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:20px}html #header.header.hidden,body #header.header.hidden{display:none}html #header ul,body #header ul{display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;width:400px;padding:0;z-index:999;align-items:center;margin:0 40px}html #header ul span,html #header ul a,body #header ul span,body #header ul a{font-family:"Quicksand";font-size:14px;font-weight:600;color:var(--oc1);text-transform:uppercase;text-decoration:none;cursor:pointer}html #header ul a:hover,body #header ul a:hover{color:var(--oc2)}html #header p,body #header p{margin:0 40px;font-family:"Quicksand";font-size:14px;font-weight:600;color:var(--oc1)}html #heart-btn button,body #heart-btn button{background-color:var(--oc7);border:none;box-shadow:none;display:flex;padding:4px;border-radius:5px;margin-top:-5px;position:relative;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1);cursor:pointer}html #heart-btn button.filled svg path,body #heart-btn button.filled svg path{fill:var(--oc1)}html #heart-btn button.empty svg path,body #heart-btn button.empty svg path{stroke:var(--oc1)}html #heart-btn button:hover,body #heart-btn button:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #heart-btn .opened-container,body #heart-btn .opened-container{position:absolute;width:225px;background-color:var(--oc7);border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:80px;bottom:40px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1)}html #heart-btn .opened-container p,body #heart-btn .opened-container p{font-family:"Quicksand";font-size:14px;font-weight:600;color:var(--oc1);margin:0;width:150px;text-align:center}html #heart-btn .opened-container a,body #heart-btn .opened-container a{font-family:"Quicksand";font-size:14px;font-weight:400;color:var(--oc1);background-color:var(--oc1);color:#fff;text-transform:none;padding:5px 10px;border-radius:15px;box-shadow:inset 0 0 0 rgba(0,0,0,0.2),4px 4px 4px rgba(0,0,0,0.1),inset 0 0 0 rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.1)}html #heart-btn .opened-container a:hover,body #heart-btn .opened-container a:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #signup-form-component,html #login-form-component,body #signup-form-component,body #login-form-component{position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}html #signup-form-component .form,html #login-form-component .form,body #signup-form-component .form,body #login-form-component .form{background-color:#F2F2F2;width:500px;height:600px;border-radius:50px;display:flex;flex-direction:column;justify-content:space-between}html #signup-form-component .form.reset-password,html #login-form-component .form.reset-password,body #signup-form-component .form.reset-password,body #login-form-component .form.reset-password{height:470px}html #signup-form-component .form .form-container,html #login-form-component .form .form-container,body #signup-form-component .form .form-container,body #login-form-component .form .form-container{padding:20px 20px 0 20px;display:flex;flex-direction:column;height:100%}html #signup-form-component .form .form-container .form-input,html #login-form-component .form .form-container .form-input,body #signup-form-component .form .form-container .form-input,body #login-form-component .form .form-container .form-input{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:400px;align-self:center}html #signup-form-component .form .form-container .form-input .MuiInputBase-fullWidth input,html #login-form-component .form .form-container .form-input .MuiInputBase-fullWidth input,body #signup-form-component .form .form-container .form-input .MuiInputBase-fullWidth input,body #login-form-component .form .form-container .form-input .MuiInputBase-fullWidth input{height:55px;padding:5px 30px;border-radius:30px;box-shadow:0px 4px 15px rgba(0,0,0,0.1);margin:10px auto;font-family:"Quicksand";font-size:14px;font-weight:500;color:#2F2F2F}html #signup-form-component .form .form-container .form-input .MuiInputBase-fullWidth input:hover,html #login-form-component .form .form-container .form-input .MuiInputBase-fullWidth input:hover,body #signup-form-component .form .form-container .form-input .MuiInputBase-fullWidth input:hover,body #login-form-component .form .form-container .form-input .MuiInputBase-fullWidth input:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #signup-form-component .form .form-container .form-input button,html #login-form-component .form .form-container .form-input button,body #signup-form-component .form .form-container .form-input button,body #login-form-component .form .form-container .form-input button{background-color:var(--oc5);height:55px;border-radius:50px;margin-bottom:20px;box-shadow:0px 4px 15px rgba(0,0,0,0.1)}html #signup-form-component .form .form-container .form-input button span,html #login-form-component .form .form-container .form-input button span,body #signup-form-component .form .form-container .form-input button span,body #login-form-component .form .form-container .form-input button span{font-family:"Quicksand";font-size:18px;font-weight:500;color:#2F2F2F;text-transform:none}html #signup-form-component .form .form-container .form-input button:hover,html #login-form-component .form .form-container .form-input button:hover,body #signup-form-component .form .form-container .form-input button:hover,body #login-form-component .form .form-container .form-input button:hover{box-shadow:inset 4px 4px 4px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.2)}html #signup-form-component .form .form-container .form-input .forgot-password,html #login-form-component .form .form-container .form-input .forgot-password,body #signup-form-component .form .form-container .form-input .forgot-password,body #login-form-component .form .form-container .form-input .forgot-password{display:flex;flex-direction:column}html #signup-form-component .form .form-container .form-input .forgot-password button,html #login-form-component .form .form-container .form-input .forgot-password button,body #signup-form-component .form .form-container .form-input .forgot-password button,body #login-form-component .form .form-container .form-input .forgot-password button{padding:0;background-color:transparent;box-shadow:none;align-self:flex-end}html #signup-form-component .form .form-container .form-input .forgot-password button span,html #login-form-component .form .form-container .form-input .forgot-password button span,body #signup-form-component .form .form-container .form-input .forgot-password button span,body #login-form-component .form .form-container .form-input .forgot-password button span{font-family:"Quicksand";font-size:14px;font-weight:500;color:var(--oc1);text-transform:lowercase}html #signup-form-component .form h1,html #login-form-component .form h1,body #signup-form-component .form h1,body #login-form-component .form h1{margin:30px 0 0 0;text-align:center;font-family:"Quicksand";font-size:32px;font-weight:700;color:#2F2F2F}html #signup-form-component .form p,html #login-form-component .form p,body #signup-form-component .form p,body #login-form-component .form p{font-family:"Quicksand";font-size:16px;font-weight:500;color:#2F2F2F;text-align:center;width:430px;align-self:center;margin:20px 0}html #signup-form-component .form .form-bottom,html #login-form-component .form .form-bottom,body #signup-form-component .form .form-bottom,body #login-form-component .form .form-bottom{width:100%}html #signup-form-component .form .form-bottom .line,html #login-form-component .form .form-bottom .line,body #signup-form-component .form .form-bottom .line,body #login-form-component .form .form-bottom .line{opacity:0.1;background-color:#000;width:100%;height:1px}html #signup-form-component .form .form-bottom p,html #login-form-component .form .form-bottom p,body #signup-form-component .form .form-bottom p,body #login-form-component .form .form-bottom p{display:flex;align-items:center;justify-content:center;font-family:"Quicksand";font-size:14px;font-weight:500;color:#2F2F2F;margin:20px 0;width:100%}html #signup-form-component .form .form-bottom p button,html #login-form-component .form .form-bottom p button,body #signup-form-component .form .form-bottom p button,body #login-form-component .form .form-bottom p button{padding:0}html #signup-form-component .form .form-bottom p button span,html #login-form-component .form .form-bottom p button span,body #signup-form-component .form .form-bottom p button span,body #login-form-component .form .form-bottom p button span{font-family:"Quicksand";font-size:14px;font-weight:500;color:var(--oc1);text-transform:lowercase}