@import"https://fonts.cdnfonts.com/css/coolvetica-2";nav{position:absolute;z-index:1;height:100vh;padding:0rem .9rem;top:0;width:12rem;border-right:.3rem solid var(--base-color);box-shadow:.06rem .06rem .15rem #2c1a1d;display:flex;flex-direction:column;background-color:#fff}nav h3{font-weight:500}nav .logo{margin-top:.9rem;margin-left:.3rem;margin-right:.3rem}nav .navLink,nav button{margin-left:1.5rem;padding:.3rem .3rem .3rem .6rem;background-color:#fff;border:none;border-left:.09rem solid #2C1A1D;text-align:start;font-weight:100;color:#2c1a1d;text-decoration:none;transition:all .03s ease-in-out}nav .navLink:hover,nav button:hover{margin-left:1.5rem;padding:.3rem .3rem .3rem .9rem;color:#2c1a1d;text-decoration:none;text-shadow:.3px 0px 0px #2C1A1D;cursor:pointer}nav .navButton{position:absolute;display:none;left:13.8rem;width:2.4rem;height:6rem;background-color:var(--base-color);box-shadow:.06rem .06rem .15rem #2c1a1d;top:50%;transform:translateY(-50%);border-radius:0rem 2.4rem 2.4rem 0rem}nav .navButton .hamburgerButton{display:flex;justify-content:center;align-items:center;width:100%;height:100%}nav .navButton .hamburgerButton .bar{transition:transform .3s ease-in-out;display:block;background-color:var(--background-color);width:.3rem;height:1.5rem;border-radius:.15rem}nav .navButton .hamburgerButton .bar:nth-child(1){transform:translate(.15rem,-.54rem) rotate(-30deg)}nav .navButton .hamburgerButton .bar:nth-child(2){transform:translate(-.15rem,.54rem) rotate(30deg)}nav .navButton .hamburgerButton .bar:nth-child(3){transform:translate(.3rem,-.54rem) rotate(-30deg)}nav .navButton .hamburgerButton .bar:nth-child(4){transform:translateY(.54rem) rotate(30deg)}nav .navButton .hamburgerButton.open .bar:nth-child(1){transform:translate(.15rem,-.54rem) rotate(30deg)}nav .navButton .hamburgerButton.open .bar:nth-child(2){transform:translate(-.15rem,.54rem) rotate(-30deg)}nav .navButton .hamburgerButton.open .bar:nth-child(3){transform:translate(.3rem,-.54rem) rotate(30deg)}nav .navButton .hamburgerButton.open .bar:nth-child(4){transform:translateY(.54rem) rotate(-30deg)}@media (max-width: 93rem){nav{margin-left:-13.8rem;transition:margin-left .3s ease-in-out}nav .navButton{display:inline}nav .navButton:hover{cursor:pointer}nav.open{margin-left:0rem}}.displayList{margin:0rem;flex:1;padding:.9rem 1.8rem;overflow-x:hidden;overflow-y:scroll}.displayList.addPadding{padding:3rem}.displayList .listItem{margin-bottom:.45rem;display:flex;gap:.6rem}.displayList .listItem *{flex:1}.displayList .listItem .options{flex:0;display:flex;flex-direction:column;justify-content:center;gap:.9rem;margin:0rem;width:1.2rem}.displayList .listItem .options *{flex:0}.displayList .listItem .options *:hover{cursor:pointer}.displayPinCollection{box-sizing:border-box;margin:auto;width:100%;height:100%;padding:3rem;display:inline-grid;grid-template-columns:repeat(auto-fill,24rem);grid-auto-rows:12rem;justify-content:center;gap:1.5rem;grid-template-areas:"filterPanel" "filterPanel" "filterPanel"}.displayPinCollection .filterPanel{padding:.6rem;border-radius:.15rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;background-color:var(--background-color);grid-area:filterPanel;padding:.6rem 1.8rem}.displayButtons{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fill,24rem);justify-content:center;gap:.6rem}.displayPopup{position:fixed;top:0;left:0;box-sizing:border-box;width:100vw;height:100vh;padding:0rem 6rem;background-color:#00000080;z-index:10;overflow-y:scroll}.displayPopup .popupContent{position:relative;margin:1.2rem auto;box-sizing:border-box;width:100%;max-width:45rem;padding:.3rem 1.2rem;background-color:var(--background-color);border-radius:.15rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;overflow-y:auto}.displayPopup .popupContent .closeButton{font-weight:700}.displayPopup .popupContent .closeButton:hover{cursor:pointer}.displayAgentChat{display:inline-block;background-color:var(--background-color);margin:3rem 1.5rem;height:45rem;width:calc(100% - 3rem);max-width:45rem;box-sizing:border-box;padding:.6rem 3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;flex-direction:column}.displayAgentChat .ChatLog{flex:1;overflow-y:auto;margin-bottom:1.5rem;padding-right:.6rem}.displayAgentChat .ChatLog>div{margin-bottom:.6rem;display:flex;flex-direction:column;gap:.3rem}.displayAgentChat .ChatLog>div p{margin:0}.displayAgentChat ::-webkit-scrollbar-thumb{background-color:var(--base-color);border-radius:.3rem}.displayAgentChat ::-webkit-scrollbar-thumb:hover{background-color:var(--base-color);cursor:pointer}.displayAgentChat ::-webkit-scrollbar-thumb:active{background-color:var(--base-color)}.displayAgentChat ::-webkit-scrollbar-track{background:transparent}:root{font-size:1rem;letter-spacing:1px;font-family:Archivo,sans-serif;background-color:#f5f8fa;--base-color: #065F46;--background-color: #f5f8fa;--supporting-color: #065f46;--text-color-main: grey;--text-color-dark: black}body{margin:0;padding:0;background-image:url(/woodBackground.jpg);background-size:cover;background-position:center}#root{margin:0rem;width:100%;height:100vh;padding:0rem;overflow-x:hidden;overflow-y:auto}main{position:relative;padding:0rem;margin:0rem 0rem 0rem 14.1rem;width:calc(100% - 14.1rem);min-height:100vh;overflow-x:hidden}@media (max-width: 93rem){main{margin-left:.3rem;width:calc(100% - .3rem)}}.standardPage{display:inline-block;background-color:var(--background-color);margin:3rem 1.5rem;width:calc(100% - 3rem);max-width:45rem;box-sizing:border-box;padding:.6rem 3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.standardContent{height:100%;width:100%;display:flex;flex-direction:column}.landingPage{background-color:var(--background-color);margin:3rem auto;width:calc(100% - 3rem);max-width:45rem;box-sizing:border-box;padding:.6rem 3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.loadingContainer{background-color:var(--background-color);margin:1.5rem 3rem;box-sizing:border-box;width:fit-content;padding:.6rem .9rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.loadingIcon{color:var(--supporting-color);animation:spin 1.5s cubic-bezier(.7,0,.3,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.shielded *{pointer-events:none}.hidden{display:none!important}.invisible{visibility:hidden}.centred{margin-left:auto;margin-right:auto}.centredVertically{display:flex;align-items:center}.splitSpace{display:flex;width:100%;margin:0rem;padding:0rem}.splitSpace>*{flex:1}.split{flex-grow:.8}@media only screen and (max-width: 720px){.splitSpace .stackup{display:inline;gap:.9rem}}.displayData{margin-left:1.2rem}.displayData p{display:inline-block;margin:.3rem 0rem}.softText{color:#4b4b4b;font-style:italic}.consumeSpace{width:100%;height:100%}.notIntractable{pointer-events:none}.error{margin:0rem!important;padding:.3rem .3rem .3rem .9rem!important;border:.1rem solid #991b1b;border-radius:.3rem;background-color:#991b1b80}.halfVerticalSpace{width:100%;height:50%}.extraBottom{margin-bottom:3rem}.moveToBottom{margin-top:auto;bottom:0}p{white-space:pre-line}h2{text-decoration:underline #065F46;text-decoration-thickness:.2rem}h3{margin-top:2rem;margin-left:.5rem;margin-bottom:.2rem;font-weight:100;font-size:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}::-webkit-scrollbar{width:.45rem}::-webkit-scrollbar-thumb{background-color:var(--background-color);border-radius:.3rem}::-webkit-scrollbar-thumb:hover{background-color:#d3d3d3}::-webkit-scrollbar-thumb:active{background-color:#d3d3d3}::-webkit-scrollbar-track{background:var(--base-color)}.growingText{margin:0rem!important;padding:0rem!important;max-height:100%!important;max-width:100%!important;width:max-content!important;display:inline-block!important;text-wrap:wrap!important}.loginForm{margin:auto;margin-top:12rem;width:100%;max-width:18rem;padding:3rem 3rem 4rem;color:#fff;-webkit-backdrop-filter:blur(12px) brightness(40%);backdrop-filter:blur(12px) brightness(40%);border:.1rem solid #57534e;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.loginForm h1{margin-bottom:.25rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;text-align:center}.loginForm p{margin:1rem 0rem 0rem;padding:0rem}.loginForm a{margin:0rem;padding:0rem;color:#60a5fa}.loginForm .checkboxInput input{accent-color:#34d399}.loginForm .textInput{position:relative;margin-top:1rem;margin-bottom:1rem}.loginForm .textInput input{display:block;width:100%;background:none;padding:.3rem 0rem .15rem;font-size:.875rem;line-height:1.25rem;border:none;border-bottom:2px solid #cccccc;border-radius:0rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease-in-out;color:#fff}.loginForm .textInput input:focus{border:none;border-bottom:2px solid #34d399;outline:none}.loginForm .textInput input:focus+label{transform:translateY(-3rem);color:#34d399;font-size:.75rem;line-height:1rem}.loginForm .textInput input:not(:placeholder-shown)+label{transform:translateY(-3rem);font-size:.75rem}.loginForm .textInput label{pointer-events:none;margin:0rem;padding:0rem;position:absolute;font-size:.875rem;line-height:1.25rem;transition:all .18s ease-in-out;transform:translateY(-2.1rem);color:#fff}.loginForm button{width:100%;margin-top:1.5rem;margin-bottom:1rem;padding-top:.5rem;padding-bottom:.5rem;border-radius:5rem;background-color:#fff;box-shadow:none;border:none;color:#065f46;transition:all .1s ease-in-out}.loginForm button:hover{color:#fff;background-color:#065f46;cursor:pointer}.loginBackground{background-image:url(/loginBackground.jpg)}.textInput{width:calc(100% - 1.2rem);margin:0rem .6rem 1.8rem}.textInput.additionalMargin{width:calc(100% - 9rem);margin:0rem 4.5rem}.textInput.sideButton{display:flex;gap:.6rem}.textInput.sideButton div:first-child{width:100%}.textInput label{display:inline-block;margin-bottom:.3rem;width:calc(100% - .3rem);margin-left:.3rem;color:var(--text-color-dark)}.textInput label.large{margin-bottom:.36rem;font-size:1.8rem}.textInput input,.textInput textarea,.textInput select{box-sizing:border-box;margin-bottom:.6rem;width:100%;padding:.03rem .48rem;background-color:transparent;border:none;color:var(--text-color-dark)}.textInput input:focus,.textInput textarea:focus,.textInput select:focus{outline:none}.textInput input{border-bottom:1px solid var(--text-color-dark)}.textInput textarea{border-left:1px solid var(--text-color-dark);border-right:1px solid var(--text-color-dark);margin-top:.3rem;padding-top:.3rem;resize:none}.textInput.center{text-align:center}.textInput.center label{margin-left:0rem}.textInput.center input{text-align:center}.textInput.extraBottom{margin-bottom:3rem}.textInput.shared .inputs{display:flex;gap:.6rem}.textInput.shared .inputs input,.textInput.shared .inputs select{width:5.4rem;background-color:transparent;border:none;border-bottom:1px solid var(--text-color-dark);color:#4a4a4a}.textInput.shared .inputs input.mainInput,.textInput.shared .inputs select.mainInput{width:100%}.activeSearchBar{position:relative;width:100%}.activeSearchBar ul{width:100%;position:absolute;bottom:0;right:0;margin:0rem 0rem 2rem;padding:0rem;background-color:var(--background-color);border:2px solid var(--text-color-dark);border-bottom:none;list-style-type:none}.activeSearchBar ul li{margin:0rem;border-bottom:2px solid var(--text-color-dark)}.activeSearchBar ul li:hover{cursor:pointer}.activeSearchBar.bottom ul{bottom:auto}button{margin:0rem .6rem;width:calc(100% - 1.2rem);height:2.1rem;padding:.3rem .6rem;color:var(--text-color-dark);background-color:var(--background-color);overflow:hidden;border:2px solid var(--supporting-color);border-radius:3rem;transition:.15s ease-in-out}button:hover{color:var(--background-color);background-color:var(--supporting-color);cursor:pointer}button.additionalMargin{margin:.6rem 4.5rem;width:calc(100% - 9rem)}.devisableButton{display:flex}.devisableButton.additionalMargin{width:calc(100% - 9rem);margin:0rem 4.5rem 1.2rem}.devisableButton button{flex:1;margin:0rem}.devisableButton button.showButton{margin-left:.3rem}.devisableButton button.hideButton{flex:0;opacity:0;pointer-events:none;padding:0rem;border:none}.svgButtonContainer{margin-top:auto}.svgButtonContainer svg{height:1.5rem}.svgButtonContainer :hover{cursor:pointer}.textInputParent{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.textInputParent.bottomPadding{padding-bottom:.6rem}.textInputParent label{margin:.9rem 0rem;width:100%;font-weight:700}.textInputParent textarea{box-sizing:border-box;width:100%;height:100%;padding:.3rem .6rem;resize:none}.textInputParent h4{margin:.9rem 0rem;width:100%;font-size:1.2rem;font-weight:700}.textInputParent p{box-sizing:border-box;margin:0;width:100%;height:100%;padding:0;resize:none}.radioButtonInput{display:flex;flex-direction:column;gap:.3rem}.radioButtonInput>label{margin-bottom:.3rem;font-weight:700}.radioButtonInput .radioOption{display:flex;gap:.3rem}.radioButtonInput .radioOption input{flex:0 0 fit-content;margin:0rem .3rem;cursor:pointer}.radioButtonInput .radioOption label{flex:0 0 fit-content;margin:0rem;cursor:pointer}.imageInput{margin-bottom:6rem}.fadeIn{opacity:0;animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.slideUp{transform:translateY(100vh);animation:slideUp .9s ease-out forwards}@keyframes slideUp{to{transform:translateY(0)}}.folderObjectView{position:relative;height:12rem;width:24rem}.folderObjectView .userCards{position:relative;height:100%;width:100%;clip-path:polygon(0rem -6rem,24rem -6rem,24rem 4.5rem,3rem 4.5rem)}.folderObjectView .cardContainer{font-size:.5rem;position:absolute;transform:rotate(-80deg);width:24em;height:12em;box-sizing:border-box}.folderObjectView .cardContainer:nth-child(1){bottom:6em;left:1.5em}.folderObjectView .cardContainer:nth-child(2){bottom:6em;left:10.5em}.folderObjectView .cardContainer:nth-child(3){bottom:6em;left:19.5em}.folderObjectView .folder{position:absolute;margin-bottom:-1rem;width:50%;height:100%;bottom:0;left:6rem;font-size:12rem;line-height:1;color:var(--base-color);transform:scaleX(1.35)}.folderObjectView .folder:hover{cursor:pointer}.folderObjectView .folderCover{position:absolute;margin:0;width:50%;height:50%;bottom:1.5rem;left:25%;color:var(--background-color);font-size:2.4rem;pointer-events:none}.recipeObjectView .nutrition{height:100%;width:100%;overflow:hidden}.recipeObjectView.fullViewPage{display:inline-block;background-color:var(--background-color);margin:3rem 1.5rem;width:calc(100% - 3rem);max-width:45rem;box-sizing:border-box;padding:.6rem 3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.recipeObjectView.previewPage{height:100%;width:100%;display:grid;gap:.6rem;grid-template-columns:1fr 12rem;grid-template-rows:12rem 9rem 1fr;grid-template-areas:"titleContainer image" "description description" "ingredients nutrientInformation" "bottomButtons bottomButtons"}.recipeObjectView.previewPage>*{overflow:hidden}.recipeObjectView.previewPage .titleContainer{grid-area:titleContainer;width:100%;height:100%}.recipeObjectView.previewPage .image{grid-area:image;width:12rem;height:12rem;box-sizing:border-box;font-size:7.2rem;background-color:#fff;border:.03rem solid black;clip-path:polygon(0rem 0rem,0rem 10.2rem,1.8rem 12rem,12rem 12rem,12rem 1.8rem,10.2rem 0rem)}.recipeObjectView.previewPage .description{grid-area:description;width:100%;height:100%;padding-right:.3rem;overflow-y:scroll}.recipeObjectView.previewPage .ingredients{grid-area:ingredients;width:100%;height:100%;display:flex;flex-direction:column}.recipeObjectView.previewPage .ingredients ul{padding-right:.3rem;overflow-y:scroll}.recipeObjectView.previewPage .nutrition{grid-area:nutrientInformation}.recipeObjectView.previewPage .bottomButtons{grid-area:bottomButtons}.recipeObjectView.previewPage ::-webkit-scrollbar{width:.15rem}.recipeObjectView.previewPage ::-webkit-scrollbar-thumb{background-color:var(--text-color-main);border-radius:.3rem}.recipeObjectView.previewPage ::-webkit-scrollbar-thumb:hover{background-color:var(--text-color-main)}.recipeObjectView.previewPage ::-webkit-scrollbar-thumb:active{background-color:var(--text-color-main)}.recipeObjectView.previewPage ::-webkit-scrollbar-track{border-left:.3rem solid transparent}.userObjectView{width:fit-content;box-sizing:border-box;background-color:var(--background-color);display:grid;border-radius:.15em;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.userObjectView.fullViewPage{margin:auto;margin-top:3rem;padding:2.4rem 1.5rem;border-radius:.15rem;grid-template-columns:30rem 12rem;grid-template-rows:12rem .6rem 18rem .6rem 3.9rem;grid-template-areas:"title image" "designLineOne designLineOne" "infoPanel bioPanel" "designLineTwo designLineTwo" "buttonPanel buttonPanel"}.userObjectView.fullViewPage>div:nth-child(3){grid-area:designLineOne;background-color:var(--base-color);margin-left:-1.5rem;width:calc(100% + 3rem);clip-path:polygon(0rem .3rem,31.2rem .3rem,31.5rem 0rem,46.8rem 0rem,46.8rem .6rem,0rem .6rem)}.userObjectView.fullViewPage>div:nth-child(6){grid-area:designLineTwo;background-color:var(--base-color);margin-left:-1.5rem;width:calc(100% + 3rem);clip-path:polygon(0rem 0rem,46.8rem 0rem,46.8rem .3rem,31.5rem .3rem,31.2rem .6rem,0rem .6rem)}.userObjectView.fullViewPage>div:nth-child(7){margin-top:1.5rem;grid-area:buttonPanel}.userObjectView.pin{height:100%;padding:.6em;grid-template-columns:16.8em 6em;grid-template-rows:6em .6em 4.2em;grid-template-areas:"username profile" "designArea designArea" "contactInformation actionIcons"}.userObjectView.pin p{margin:0}.userObjectView.pin img{width:100%;height:100%}.userObjectView.pin .contactInformation{display:flex;flex-direction:column;justify-content:center;gap:.15em}.userObjectView.pin .icons{display:flex;justify-content:flex-end;gap:.6em}.userObjectView.pin .icons svg{margin:auto 0;height:50%}.userObjectView.pin .icons svg:hover{cursor:pointer}.userObjectView.pin>div:nth-child(1):hover{cursor:pointer}.userObjectView.pin>div:nth-child(2):hover{cursor:pointer}.userObjectView.pin>div:nth-child(3){margin-left:-.6em;width:calc(100% + 1.2em);height:100%;grid-area:designArea;background-color:var(--base-color);clip-path:polygon(0em .3em,17.1em .3em,17.4em 0em,24em 0em,24em .6em,0em .6em)}.userObjectView.pin>div:nth-child(4){margin-top:.6em}.userObjectView.pin>div:nth-child(5){margin-top:.6em}