@font-face{font-family:OpenSans;font-style:normal;font-weight:400;font-display:swap;src:url(src/assets/font/OpenSans-Regular.ttf)}@font-face{font-family:OpenSans;font-style:semibold;font-weight:600;font-display:swap;src:url(src/assets/font/OpenSans-SemiBold.ttf)}@font-face{font-family:OpenSans;font-style:bold;font-weight:700;font-display:swap;src:url(src/assets/font/OpenSans-Bold.ttf)}@font-face{font-family:Fraunces;font-style:semibold;font-weight:600;font-display:swap;src:url(src/assets/font/Fraunces_9pt-SemiBold.ttf)}@font-face{font-family:Fraunces;font-style:bold;font-weight:700;font-display:swap;src:url(src/assets/font/Fraunces_9pt-Bold.ttf)}html{width:100lvw;background-color:#faf8f5}body{font-family:Fraunces,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-weight:400;line-height:1.5em;margin:0 auto;padding:48px;width:71vw;box-sizing:border-box}.page{width:100%;margin:auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:48px}.componentBox{display:flex;flex-direction:column;gap:24px;padding:0 24px;box-sizing:border-box;width:100%}.primaryFontColor{color:#000}.secondaryFontColor{color:#525c66}@media (width <= 1024px){body{width:100%;padding:24px}.page{gap:24px}.componentBox{padding:0}}.header{width:100%;margin:0;display:flex;justify-content:center}.inner{width:100%;display:flex;padding:0 16px;justify-content:space-between;align-items:center}.nav-title{display:flex;gap:12px;align-items:center}.logoWrapper{width:48px;height:48px}.logoImage{max-height:100%;max-width:100%;object-position:center}.navigation{display:flex;gap:24px;align-items:center}.profile.active{font-weight:700;color:#000}@media (width <= 1024px){.inner{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;gap:16px;padding:0}.navigation{gap:16px;flex-wrap:wrap}}.pagetitle{font-size:32px;font-weight:700;line-height:1.25em;margin:0}.bodyfontLarge{font-size:24px;font-weight:600;margin:0}.bodyfont,.buttonfont,.labelfont{font-size:16px;font-weight:400;font-family:OpenSans,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";margin:0}.labelfont{font-weight:600}.buttonfont{font-weight:700}.metafont{font-family:OpenSans,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:12px;line-height:2em;margin:0}.noUnderline{text-decoration:none}.normalLineheight{line-height:1em}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.overlay-content{position:relative;background-color:#f0ece4!important;padding:20px;border-radius:20px;z-index:1001;max-width:500px;width:82vw;box-sizing:border-box}.deleteModalContent{display:flex;flex-direction:column;gap:16px}@media (width <= 470px){.overlay-content{padding:16px}}.buttonDefault,.buttonSave,.buttonAction,.buttonAware{background-color:#e1dfdc;padding:8px 16px;border-radius:50px;border:2px solid #4A4A48;box-sizing:border-box;cursor:pointer;width:fit-content;color:#000}.buttonAction,.buttonAware{background-color:#4a4a48;color:#fff}.buttonAware{background-color:#c04;border:2px solid #CC0044}.buttonSave{background-color:#d6a48a;border:2px solid #D6A48A;width:100%}.innerButtonWrapper{display:flex;align-items:center;gap:4px}.buttonWrapper{display:flex;gap:8px;justify-content:center}.accessForm,.access{display:flex;flex-direction:column;gap:24px}.access{padding:40px;box-sizing:border-box}.accessInput{padding:12px 24px;border-radius:40px;border:1px solid black;background-color:#f0ece4}.input-group{display:flex;flex-direction:column;gap:8px}@media (width <= 470px){.access{padding:28px}}.aboutPage{width:100%;display:flex;gap:16px;align-items:center;padding:0 12px;box-sizing:border-box}.about-content{width:auto;max-width:calc(100% - 190px);height:auto;display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:32px;box-sizing:border-box;border-radius:20px;background-color:#f0ece4}.social-buttons{width:174px;padding:12px 0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.socialButton{border-radius:16px;padding:32px;box-sizing:border-box;border:none}.github{background-color:#d4a418}.linkedIn{background-color:#d6a48a}.memoji{background-color:#bfcfcf}@media (width <= 790px){.aboutPage{flex-direction:column;gap:16px;padding:0}.about-content{width:100%;max-width:100%}.social-buttons{width:100%;flex-direction:row;justify-content:center;padding:0;box-sizing:border-box}.socialButton{max-width:174px;width:100%}}.patternCard{border-radius:20px;box-sizing:border-box;padding:0;transition:transform .3s,box-shadow .3s;background-color:#f0ece4;width:100%;height:100%;display:flex;flex-direction:column;gap:24px;text-decoration:none;position:relative}.patternCard:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003;cursor:pointer}.patternCardImage{border-radius:20px 20px 0 0;width:100%;object-fit:cover;aspect-ratio:3/2}.patternCardContent{display:flex;flex-direction:column;gap:16px;padding:32px;height:fit-content}.likeIconWrapper{position:absolute;top:20px;right:20px;background-color:#fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.patternGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-content:center;width:100%;box-sizing:border-box;margin:0;list-style:none}@media (width <= 790px){.patternGrid{grid-template-columns:repeat(2,1fr)}}@media (width <= 600px){.patternGrid{grid-template-columns:repeat(1,1fr)}}.patternDetailRow{display:flex;gap:24px;width:100%;justify-content:space-between;align-items:center;box-sizing:border-box}.imageWrapper{width:100%;max-width:510px;height:421px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;overflow:hidden;background-color:#f0ece4;position:relative;box-sizing:border-box;flex-grow:0}.imageCarousel{display:none;justify-content:center;align-items:center;width:100%;height:100%}.imageCarousel.active{display:flex}.patternImage{width:100%;height:100%;object-fit:contain}.dotsWrapper{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:8px;z-index:200}.dot{cursor:pointer;height:12px;width:12px;background-color:#bfcfcf;border-radius:50%;border:1px solid #4A4A48;transition:background-color .6s ease;z-index:200;display:flex}.dot.active{background-color:#4a4a48}.patternContentWrapper{flex-grow:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:24px;align-items:flex-start;border-radius:20px;padding:24px;box-sizing:border-box;background-color:#f0ece4}ul{list-style-type:none;padding:0;margin:0}li{width:100%;display:flex;gap:12px}li>span{background-color:#4a4a48;border-radius:1px;width:2px;align-self:stretch}li>div{flex-grow:1}.patternContent{text-align:right}@media (width <= 1200px){.patternDetailRow{flex-direction:column}.patternContentWrapper{width:100%;max-width:510px}}.profilPageWrapper{width:100%}.userInfoBox{display:flex;flex-direction:column;padding:24px;border-radius:20px;background-color:#f0ece4;width:100%;box-sizing:border-box}.userInfoBoxContentWrapper{display:flex;flex-direction:column;gap:16px}.userInfoBoxContent{display:flex;gap:12px}