@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(--primary-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;width:100%}nav .logo:hover{cursor:pointer}nav .logo img{width:100%}nav a:not(.logo),nav button:not(.navButton){margin-left:1.5rem;width:calc(100% - 1.5rem);box-sizing:border-box;padding:.3rem .3rem .3rem .6rem;display:block;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 a:not(.logo):hover,nav button:not(.navButton):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;margin:0rem;right:-2.4rem;width:2.4rem;height:6rem;padding:0rem;background-color:var(--primary-color);box-shadow:.06rem .06rem .15rem #2c1a1d;top:50%;transform:translateY(-50%);border-radius:0rem 2.4rem 2.4rem 0rem}nav .navButton:hover{cursor:pointer}nav .navButton .hamburgerButton{display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}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 3rem;background-color:#00000080;z-index:10;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain}.displayPopup:hover{cursor:pointer}.displayPopup .popupContent{position:relative;margin:1.2rem auto;width:100%;max-width:fit-content;display:block;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:visible;overflow-x:hidden;border:1px solid black}.displayPopup .popupContent>div{margin:0rem!important;width:100%!important}.displayPopup .popupContent:hover{cursor:default}.displayPopup .popupContent .closeButton{font-weight:700}.displayPopup .popupContent .closeButton:hover{cursor:pointer}.displayPopup .popupContent .closePopupButton{position:absolute;height:2.7rem;width:2.7rem;top:0rem;right:-3.6rem;border:1px solid black;border-radius:.3rem}:root{font-size:1rem;letter-spacing:1px;font-family:Archivo,sans-serif;background-color:#f5f8fa;--primary-color: #065F46;--secondary-color: #065f46;--background-color: #f5f8fa;--supporting-color: #e2e2e2;--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,.chatContainer{margin:3rem auto;width:calc(100% - 3rem);max-width:min(100% - 3rem,45rem);box-sizing:border-box;display:block;padding:.6rem 3rem;background-color:var(--background-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.chatContainer{height:45rem;display:flex;flex-direction:column}.chatContainer .ChatLog{flex:1;overflow-y:auto;margin-bottom:1.5rem;padding-right:.6rem}.chatContainer .ChatLog>div{margin-bottom:.6rem;display:flex;flex-direction:column;gap:.3rem}.chatContainer .ChatLog>div p{margin:0}.chatContainer ::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:.3rem}.chatContainer ::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color);cursor:pointer}.chatContainer ::-webkit-scrollbar-thumb:active{background-color:var(--primary-color)}.chatContainer ::-webkit-scrollbar-track{background:transparent}.standardContent,.warningContent,.buttonContent{margin:3rem auto;height:fit-content;width:calc(100% - 3rem);max-width:min(100% - 3rem,45rem);box-sizing:border-box;display:block;padding:.6rem 3rem 3.4rem;background-color:var(--background-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:.6rem}.standardContent .icon,.warningContent .icon,.buttonContent .icon{width:fit-content;font-size:3rem;margin:auto}.standardContent>*,.warningContent>*,.buttonContent>*{display:block;margin-left:0rem;margin-right:0rem;width:100%}.standardContent>a,.warningContent>a,.buttonContent>a{text-decoration:none;font-weight:700}.buttonContent{cursor:pointer;padding-bottom:1.2rem}.buttonContent a{margin-top:.6rem}.warningContent{border-left:.3rem solid #9f0712;background-color:color-mix(in oklch,var(--background-color) 90%,#FF8904 10%)}.warningContent h3{color:#9f0712;font-weight:700}.contentCollection{width:100%;overflow-x:auto}.contentCollection .collection{display:flex;margin:.6rem;min-width:60rem}.contentCollection .collection>div{height:auto;flex:1;margin:.6rem}.contentCollection::-webkit-scrollbar{height:.6rem}.contentCollection::-webkit-scrollbar-thumb{background-color:var(--background-color);border-radius:.3rem}.contentCollection::-webkit-scrollbar-track{background-color:transparent;margin:0rem 1.2rem}.miniModel,.miniModelWithFade{margin:3rem auto;max-height:33rem;box-sizing:border-box;font-size:.5rem;overflow:hidden}.miniModel>div,.miniModelWithFade>div{margin:0rem!important;width:100%!important}.miniModelWithFade{position:relative}.miniModelWithFade:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3em;background:linear-gradient(to bottom,rgba(245,248,250,0) 0%,var(--background-color) 100%);pointer-events:none}.hidden{display:none!important}.shielded *,.miniModel *,.miniModelWithFade *{pointer-events:none}.centredVertically{display:flex;align-items:center}.centerText{text-align:center}.splitSpace{width:100%;margin:0rem;padding:0rem;display:grid;grid-template-columns:50% 50%}@media only screen and (max-width: 48rem){.splitSpace{display:inline;gap:.9rem}}.consumeSpace{height:100%;width:100%;display:flex;flex-direction:column}.consumeSpace>.priorityChild{flex:1}.error{margin:0rem!important;padding:.3rem .3rem .3rem .9rem!important;border:.1rem solid #991b1b;border-radius:.3rem;background-color:#991b1b80}.extraBottom{margin-bottom:3rem}.screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}p{white-space:pre-line}h1{font-size:3rem}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(--primary-color)}.growingText{margin:0rem!important;padding:0rem;max-height:100%;width:max-content;max-width:100%;display:inline-block;text-wrap:wrap;text-decoration:none}.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{font-size:1rem;border-bottom:1px solid var(--text-color-dark)}.textInput textarea{font-size:1rem;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(--secondary-color);border-radius:3rem;transition:.15s ease-in-out}button:hover{color:var(--background-color);background-color:var(--secondary-color);cursor:pointer}button.additionalMargin{margin:.6rem 4.5rem;width:calc(100% - 9rem)}.callToActionButton{display:inline-block;margin:1.2rem 1.2rem 0rem 0rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;border:2px solid transparent}.callToActionButton.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 12px -2px #065f464d}.callToActionButton.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -2px #065f4666}.callToActionButton.secondary{background:var(--background-color);color:var(--primary-color);border-color:var(--primary-color)}.callToActionButton.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.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{position:relative;display:block;width:100%;height:100%;border:.09rem solid var(--text-color-dark);box-sizing:border-box;border-radius:.6rem;background-color:#fff;cursor:pointer;overflow:hidden}.imageInput input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.imageInput svg{width:60%;height:60%;padding:20%;position:absolute;top:0;left:0;opacity:0;transition:ease-in-out .15s}.imageInput svg.makeVisible,.imageInput svg:hover{opacity:.42}.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)}}.growOnHover,.alignOnHover{transition:transform .3s ease,box-shadow .3s ease}.growOnHover:hover,.alignOnHover:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.alignOnHover{transform:rotate(5deg)}.alignOnHover:hover{transform:rotate(0) scale(1.05)}.spin{animation:spin 1.5s cubic-bezier(.7,0,.3,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.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(--primary-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{display:grid;box-sizing:border-box;background-color:var(--background-color)}.recipeObjectView.fullPage{margin:3em auto;width:calc(100% - 3em);max-width:60em;padding:3em;gap:1.2em;grid-template-columns:calc(100% - 16.2em) 15em;grid-template-rows:15em 12em 18em 1fr;grid-template-areas:"titleContainer image" "description description" "ingredients nutrientInformation" "instructions instructions"}.recipeObjectView.previewPage{height:100%;width:100%;gap:.6rem;grid-template-columns:calc(100% - 12.6rem) 12rem;grid-template-rows:12rem 9rem 1fr auto;grid-template-areas:"titleContainer image" "description description" "ingredients nutrientInformation" "bottomButtons bottomButtons"}.recipeObjectView.previewPage img{clip-path:polygon(0rem 0rem,0rem 10.2rem,1.8rem 12rem,12rem 12rem,12rem 1.8rem,10.2rem 0rem)}.recipeObjectView.previewPage .bottomButtons{grid-area:bottomButtons}.recipeObjectView .titleContainer{grid-area:titleContainer;width:100%;height:100%}.recipeObjectView img{grid-area:image;width:100%;height:100%;box-sizing:border-box;background-color:#fff;border:.03em solid black;object-fit:cover;object-position:center}.recipeObjectView .description{grid-area:description;width:100%;height:100%;padding-right:.3em;overflow-y:auto}.recipeObjectView .ingredients{grid-area:ingredients;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:hidden}.recipeObjectView .ingredients ul{padding-right:.3em;overflow-y:auto}.recipeObjectView .nutrition{grid-area:nutrientInformation;height:100%;width:100%;overflow:hidden}.recipeObjectView .instructions{grid-area:instructions;width:100%;height:100%;overflow-y:auto;padding-right:.3em}.recipeObjectView .instructions li{margin-bottom:.9em}.recipeObjectView ul,.recipeObjectView ol{padding-left:2.4em}.recipeObjectView h2{text-decoration:none}.recipeObjectView h3{margin-left:.5em;margin-bottom:.2em;font-size:2em;margin-top:0;font-weight:700;text-decoration:underline #065F46;text-decoration-thickness:.1em}.recipeObjectView ::-webkit-scrollbar{width:.15rem}.recipeObjectView ::-webkit-scrollbar-thumb{background-color:var(--text-color-main);border-radius:.3rem}.recipeObjectView ::-webkit-scrollbar-thumb:hover{background-color:var(--text-color-main)}.recipeObjectView ::-webkit-scrollbar-thumb:active{background-color:var(--text-color-main)}.recipeObjectView ::-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(--primary-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(--primary-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(--primary-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}