body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 6.11vw}.login-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-top:15.84vh}.login-subtitle,.login-title{line-height:1.4;text-align:center}.login-subtitle{color:#697584;font-size:1.88vh;margin-top:10px}.login-image{align-items:center;box-sizing:border-box;display:flex;height:40.14vh;justify-content:center;margin-top:4vh;padding:0 40px;width:78.88vw}.login-image img{max-height:100%;max-width:100%;object-fit:contain}.social-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:5.87vh;margin-top:auto;width:100%}.social-button{align-items:center;border:none;border-radius:1.41vh;display:flex;font-family:Pretendard,sans-serif;font-size:1.88vh;font-weight:600;height:6.1vh;justify-content:center;padding-left:6.11vw;padding-right:6.11vw;position:relative;width:100%}.social-button img{height:2.82vh;left:5.85vw;position:absolute;width:6.11vw}.social-button.kakao{background-color:#fee502;color:#000}.social-button.apple{background-color:#000;color:#fff}.Start1-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw}.Start1-header{align-items:center;display:flex;height:5.16vh;justify-content:center;padding:6.46vh 0 3.52vh;position:relative;width:100%}.Start1-headername{color:#181e29;font-size:2vh;font-weight:700;line-height:1.4}.Start1-cancel-button{align-items:center;background-color:initial;border:none;color:#181e29;cursor:pointer;display:flex;font-size:2vh;height:6.11vw;justify-content:center;left:0;padding:0;position:absolute;width:6.11vw}.Start1-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Start1-subtitle,.Start1-title{line-height:1.4;text-align:left}.Start1-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Start1-image{align-items:center;box-sizing:border-box;display:flex;height:38.73vh;justify-content:center;margin:32px auto 0;padding:0 60px;width:87.8vw}.Start1-image img{max-height:100%;max-width:100%;object-fit:contain}.Start1-buttons{display:flex;flex-direction:column;gap:.94vh;margin-bottom:3.99vh;margin-top:auto;width:100%}.Start1-button{align-items:center;border:none;border-radius:12px;display:flex;font-size:1.88vh;height:6.1vh;justify-content:center;padding:0 6.11vw;width:100%}.Start1-button.join{background-color:#f1f1ff;color:#7b6fff}.Start1-button.create{background-color:#7b6fff;color:#f1f1ff}.Create-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw;position:relative}.Create-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Create-subtitle,.Create-title{line-height:1.4;text-align:left}.Create-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Create-input-wrapper{height:5.63vh;left:6.11vw;position:absolute;right:6.11vw;top:28.4vh;width:auto}.Create-name input{align-items:center;border:none;border-bottom:1px solid #e8e9ea;box-sizing:border-box;color:#c6c6ce;display:flex;font-size:2.11vh;height:100%;line-height:1.5;outline:none;padding:0 10.18vw 0 0;width:100%}.Create-name input.active{border-bottom:1.5px solid #a9a1ff}.Create-name input.error{border-bottom:2px solid #ff4242}.Create-clear-button{background:none;border:none;color:#999;cursor:pointer;font-size:2.35vh;line-height:1;padding:0;position:absolute;right:4.07vw;top:50%;transform:translateY(-50%)}.Create-error-message{color:#ff4242;font-size:1.64vh;left:6.11vw;line-height:1.5;margin-top:1.17vh;position:absolute;top:35.2vh}.Create-submit{background-color:#fff;bottom:34px;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Create-submit-button{background-color:#7b6fff;border:none;border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh;width:100%}.Overlay{align-items:center;background-color:#181e294d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Overlay-content{border-radius:1.88vh;box-shadow:0 4px 10px #00000026;box-sizing:border-box;height:31.7vh;justify-content:flex-start;padding:2.35vh 5.1vw;width:81.4vw}.Join-Overlay-title{color:#181e29;font-size:2.35vh;font-weight:700;margin-bottom:.7vh}.Join-Overlay-subtitle,.Join-Overlay-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:1.4;text-align:left}.Join-Overlay-subtitle{color:#697584;font-size:1.64vh;font-weight:500}.Room-Overlay-info{align-items:center;background-color:#f3f4f6;border-radius:1.41vh;box-sizing:border-box;display:flex;flex-direction:column;height:9.39vh;justify-content:center;margin:2.82vh 0;padding:0;width:71.25vw}.Room-Overlay-title{color:#697584;font-size:1.64vh;font-weight:400;margin-bottom:.7vh}.Room-Overlay-subtitle,.Room-Overlay-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:140%;text-align:left}.Room-Overlay-subtitle{color:#181e29;font-size:2.11vh;font-weight:600}.Overlay-buttons{display:flex;gap:2.54vw;justify-content:center}.Overlay-buttons button{border-radius:1.41vh;cursor:pointer;font-family:Pretendard,sans-serif;font-size:1.88vh;height:5.63vh;letter-spacing:-.025em;line-height:140%;width:34.36vw}.Overlay-buttons button:first-child{background-color:#fff;border:.12vw solid #e8e9ea;color:#181e29}.Overlay-buttons button:last-child{background-color:#7b6fff;border:none;color:#fff}.Join-Overlay-subtitle,.Join-Overlay-title{text-align:left}.Invite-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw;position:relative}.Invite-title{color:#181e29;font-size:2.58vh;font-weight:700;margin-bottom:1.17vh}.Invite-subtitle,.Invite-title{line-height:1.4;text-align:left}.Invite-subtitle{color:#697584;font-size:1.88vh;margin-bottom:3.52vh}.Invite-code-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:4.69vh;width:100%}.Invite-code-background{align-items:center;background-color:#f2f3f4;border-radius:1.41vh;box-sizing:border-box;display:flex;height:10.1vh;justify-content:center;width:100%}.Invite-code-text{color:#181e29;font-size:2.35vh;line-height:1.5}.Invite-copy-button{background-color:initial;border:none;color:#697584;cursor:pointer;font-size:1.88vh;height:2.82vh;margin-top:1.17vh;text-decoration:underline;width:100%}.Invite-submit{background-color:#fff;border:none;bottom:3.99vh;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Invite-submit-button{background-color:#7b6fff;border:none;width:100%}.Invite-submit-button,.Invite-toast{border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh}.Invite-toast{align-items:center;animation:fadeinout .5s ease;background-color:#818790;bottom:12.79vh;display:flex;justify-content:left;left:50%;line-height:1.3;padding-left:2vw;position:fixed;transform:translateX(-50%);white-space:nowrap;width:87.78vw;z-index:999}@keyframes fadeinout{0%{opacity:0;transform:translateX(-50%) translateY(10%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.End-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 6.11vw}.End-title{color:#181e29;font-size:2.58vh;font-weight:700;line-height:1.4;margin-bottom:4.69vh;text-align:left}.End-image{align-items:center;box-sizing:border-box;display:flex;height:43.43vh;justify-content:center;margin:32px auto 0;padding:0 60px;width:87.8vw}.End-image img{max-height:100%;max-width:100%;object-fit:contain}.End-buttons{display:flex;flex-direction:column;gap:.94vh;margin-bottom:5.87vh;margin-top:auto;width:100%}.End-button{align-items:center;border:none;border-radius:1.41vh;display:flex;font-size:1.88vh;height:6.1vh;justify-content:center;padding:0 6.11vw;width:100%}.End-button.go{background-color:#7b6fff;color:#f1f1ff}.Tutorial-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:0 6.11vw}.Tutorial-slider-wrapper{box-sizing:initial;flex:1 1;margin-left:-6.11vw;margin-right:-6.11vw;overflow:hidden;position:relative;width:calc(100% + 12.22vw)}.Tutorial-slider{transition:transform .3s ease-in-out;width:300vw}.Tutorial-slide,.Tutorial-slider{display:flex;height:100%;margin:0;padding:0}.Tutorial-slide{align-items:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;width:100vw}.Tutorial-title{color:#181e29;font-size:5.6vw;font-weight:700;margin-bottom:1.17vh;margin-top:17.49vh}.Tutorial-subtitle,.Tutorial-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:1.4;text-align:center;-webkit-user-select:none;user-select:none}.Tutorial-subtitle{color:#697584;font-size:4.07vw;font-weight:400;margin-bottom:2.35vh}.Tutorial-image{background-color:#f2f3f4;height:45.77vh;margin-bottom:2.23vh;-webkit-user-select:none;user-select:none;width:87.8vw}.slide1{background-color:#ffe5e5}.slide2{background-color:#e5f1ff}.slide3{background-color:#e9e5ff}.Tutorial-indicator{display:flex;gap:2.03vw;justify-content:center;margin-bottom:7.5vh}.Tutorial-indicator-dot{background-color:#d9d9d9;border-radius:50%;cursor:pointer;height:.94vh;transition:background-color .3s;width:2.04vw}.Tutorial-indicator-dot.active{background-color:#7b6fff}.Tutorial-buttons{margin-bottom:4vh;width:100%}.Tutorial-button{align-items:center;background-color:#7b6fff;border:none;border-radius:1.41vh;color:#f1f1ff;cursor:pointer;display:flex;font-size:1.88vh;font-weight:400;height:6.1vh;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.Inbox-container,.Tutorial-button{font-family:Pretendard,sans-serif;padding:0 6.11vw}.Inbox-container{background:#fff;box-sizing:border-box;height:100vh;position:relative}.Inbox-title{color:#181e29;font-size:5.6vw;font-weight:700;letter-spacing:-.025em;line-height:1.4;padding-top:8.21vh}.Inbox-Image,.Inbox-title{-webkit-user-select:none;user-select:none}.Inbox-Image{align-items:center;box-sizing:border-box;display:flex;height:23.47vh;justify-content:center;margin-left:auto;margin-right:auto;margin-top:15.14vh;padding:0 20px;width:50.89vw}.Inbox-Image img{max-height:100%;max-width:100%;object-fit:contain}.Inbox-empty{color:#697584;font-size:4.07vw;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin-bottom:0;margin-top:2.35vh;text-align:center}.Inbox-Plus,.Inbox-empty{-webkit-user-select:none;user-select:none}.Inbox-Plus{align-items:center;background-color:#7b6fff;border-radius:50%;bottom:13.03vh;box-shadow:0 2px 8px #7b6fff66;color:#fff;cursor:pointer;display:flex;font-size:10vw;font-weight:700;height:14.26vw;justify-content:center;line-height:1;position:fixed;right:6.11vw;width:14.26vw;z-index:10}.Inbox-list{display:flex;flex-direction:column;gap:.23vh;margin-top:calc(5.6vw + 2.35vh)}.Inbox-message{align-items:center;border:none;cursor:pointer;display:flex;height:10.56vh;margin:0;padding:0;position:relative}.Inbox-profile{border-radius:50%;flex-shrink:0;height:6.57vh;margin-right:4.07vw;object-fit:cover;width:14.25vw}.Inbox-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.Inbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.47vh}.Inbox-sender{color:#181e29;font-family:Pretendard,sans-serif;font-size:4.07vw;font-weight:600;letter-spacing:-.025em;line-height:130%}.Inbox-date{font-size:3.31vw;line-height:130%}.Inbox-date,.Inbox-preview{color:#697584;font-family:Pretendard,sans-serif;font-weight:400;letter-spacing:-.025em}.Inbox-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:3.56vw;height:4.93vh;line-height:150%;margin-top:.47vh;overflow:hidden;position:relative;text-overflow:ellipsis;width:54.2vw}.Inbox-unread-dot{background-color:#007bff;border-radius:50%;height:1.17vh;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2.55vw}.bottom-navigation{background-color:#fff;border-top:.12vh solid #f0f0f0;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.bottom-navigation.hidden{display:none}.bottom-navigation-container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:100vw;padding:.94vh 4.07vw 1.41vh}.bottom-navigation-item{align-items:center;background:none;border:none;border-radius:2.04vw;cursor:pointer;display:flex;flex-direction:column;min-width:16.28vw;padding:.94vh 3.05vw;transition:all .2s ease}.bottom-navigation-item:hover{background-color:#f6f8fa}.bottom-navigation-item.active{background-color:initial}.bottom-navigation-icon{align-items:center;display:flex;height:2.82vh;justify-content:center;margin-bottom:.47vh;width:2.82vh}.bottom-navigation-icon svg{height:100%;width:100%}.bottom-navigation-label{color:#d1d6db;font-family:Pretendard,sans-serif;font-size:1.29vh;font-weight:500;transition:color .2s ease}.bottom-navigation-item.active .bottom-navigation-label{color:#7b6fff;font-weight:600}.bottom-navigation-indicator{background-color:#000;border-radius:25.44vh 25.44vh 0 0;bottom:0;height:.59vh;left:50%;position:absolute;transform:translateX(-50%);width:34.1vw}@media (max-width:480px){.bottom-navigation-container{padding:.7vh 3.05vw 1.17vh}.bottom-navigation-item{min-width:14.25vw;padding:.7vh 2.04vw}.bottom-navigation-label{font-size:1.17vh}}@media (min-width:769px){.bottom-navigation-container{max-width:152.67vw}}.bottom-navigation{max-width:100vw;overflow-x:hidden}.Send-container{background:#fff;box-sizing:border-box;height:100vh;padding:0 6.11vw;position:relative}.Send-container,.Send-title{font-family:Pretendard,sans-serif}.Send-title{color:#181e29;font-size:5.59796vw;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-bottom:4.69484vh}.user-list{display:flex;flex-direction:column;gap:3.28638vh;list-style:none;margin:0;padding:0}.user-item{justify-content:space-between;width:100%}.user-info,.user-item{align-items:center;display:flex}.user-info{min-width:0}.user-profile{border-radius:50%;flex-shrink:0;height:4.69484vh;object-fit:cover;width:10.17812vw}.user-name{color:#313c4b;font-family:Pretendard,sans-serif;font-size:4.58015vw;font-weight:600;letter-spacing:-.025em;line-height:100%;margin-left:2.03562vw;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.58216vh;justify-content:center;width:5.59796vw}.check-circle.unchecked{background-color:initial;border:2px solid #d1d6db}.check-circle.checked{background-color:#7b6fff;border:none;color:#fff}.check-icon{font-size:3.56234vw}.Write-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding-left:6.11vw;padding-right:6.11vw;padding-top:0;position:relative}.Write-title-subtitle-wrapper{align-items:flex-start;display:flex;justify-content:space-between;margin-top:2.7vh}.Write-texts{display:flex;flex-direction:column}.Write-title{color:#181e29;font-size:2.58vh;font-weight:700}.Write-subtitle,.Write-title{letter-spacing:-.025em;line-height:140%}.Write-subtitle{color:#697584;font-size:1.88vh;font-weight:400;margin-top:.94vh}.Write-image-placeholder{align-items:center;border-radius:2.03vw;display:flex;flex-shrink:0;height:11.39vh;justify-content:center;width:25.19vw}.Write-image-placeholder img{height:100%;object-fit:contain;width:100%}.Write-textbox-wrapper{margin-top:3.87vh;min-height:16.9vh;position:relative;width:87.81vw}.Write-textarea{border:1px solid #e8e9ea;border-radius:1.41vh;box-sizing:border-box;color:#181e29;font-family:Pretendard,sans-serif;font-size:1.88vh;font-weight:400;letter-spacing:-.025em;line-height:150%;min-height:16.9vh;overflow:hidden;padding:1.87vh 4.07vw 3.6vh;position:relative;resize:none;width:100%;z-index:3}.Write-textarea::placeholder{color:#c6c6ce}.Write-charcount{background:#0000;bottom:1.2vh;color:#a5a5a7;font-size:1.52vh;left:4.07vw;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:3}.Write-charcount,.Write-soft-button{font-family:Pretendard,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:150%}.Write-soft-button{align-items:center;align-self:flex-start;background-color:#f1f1ff;border:none;border-radius:.7vh;color:#7b6fff;cursor:pointer;font-size:1.76vh;height:4.22vh;justify-content:center;width:45.54vw}.Write-soft-wrapper{align-items:center;display:flex;gap:3vw;justify-content:flex-start;margin-top:1.41vh}.Write-soft-usage{align-items:center;color:#555;color:#a9a1ff;display:flex;font-size:3.82vw;letter-spacing:-.025em;line-height:150%}.Write-submit{background-color:#fff;border:none;bottom:3.99vh;box-sizing:border-box;left:0;padding:0 6.11vw;position:fixed;width:100%}.Write-submit-button{background-color:#7b6fff;border:none;border-radius:1.41vh;color:#fff;font-size:1.88vh;height:6.1vh;width:100%}.Write-overlay{align-items:center;background-color:#181e294d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.Write-overlay-box{align-items:center;background-color:#fff;border-radius:4.07vw;box-sizing:border-box;display:flex;flex-direction:column;height:32.87vh;padding-top:4.69vh;width:81.43vw}.Write-overlay-image{align-items:center;border-radius:2.03vw;display:flex;height:11.39vh;justify-content:center;width:25.19vw}.Write-overlay-image img{height:100%;object-fit:contain;width:100%}.Write-overlay-title{margin-top:3.17vh}.Write-overlay-subtitle,.Write-overlay-title{color:#697584;font-family:Pretendard,sans-serif;font-size:1.64vh;font-weight:500;letter-spacing:-.025em;line-height:140%;text-align:center}.Write-overlay-subtitle{margin-top:.94vh;white-space:pre-line}.Write-original-box{align-self:flex-start;margin-top:0;position:relative;width:87.81vw}.Write-original-toggle{background-color:#fff;border:1px solid #e8e9ea;border-radius:0 0 1.41vh 1.41vh;border-top:none;color:#555;cursor:pointer;font-size:1.76vh;margin-bottom:-1.8vh;margin-top:0;padding:2.97vh 4.07vw 1.17vh;position:relative;text-align:left;top:-1.8vh;transition:all .3s ease;width:100%;z-index:2}.Write-original-toggle.open+.Write-soft-wrapper,.Write-original-toggle:not(.open)+.Write-soft-wrapper{margin-top:1.41vh}.Write-original-toggle.open{background-color:#fff;border-bottom:none;border-left:1px solid #e8e9ea;border-radius:0;border-right:1px solid #e8e9ea}.Write-original-toggle:after{color:#181e29;content:"▼";font-size:1.88vh;position:absolute;right:4.07vw;top:50%;transform:translateY(-50%);transition:transform .3s ease}.Write-original-toggle.open:after{content:"▲";position:absolute}.Write-original-toggle.open:before{background-color:#e8e9ea;border-radius:0 0 1.41vh 1.41vh;bottom:0;content:"";height:1px;left:4.07vw;position:absolute;right:4.07vw}.original-text-wrapper{display:none}.original-text-wrapper.show{border-bottom:1px solid #e8e9ea;border-left:1px solid #e8e9ea;border-radius:0 0 1.41vh 1.41vh;border-right:1px solid #e8e9ea;display:block;margin-top:-1.8vh;overflow:hidden}.original-text,.original-text-wrapper.show{background-color:#fff;box-sizing:border-box}.original-text{border:none;border-radius:0;box-shadow:none;color:#333;font-size:1.88vh;line-height:1.5;margin-top:0;padding:2.82vh 4.07vw 1.41vh;top:-1.8vh;width:100%}.original-text p{margin:0}.SendEnd-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;height:100vh;overflow:hidden;padding:0 6.11vw;position:relative}.SendEnd-title{color:#181e29;font-size:5.11vw;font-weight:700;line-height:7vh;margin-top:17.48vh}.SendEnd-subtitle,.SendEnd-title{font-family:Pretendard,sans-serif;text-align:center}.SendEnd-subtitle{color:#697584;font-size:4.07vw;font-weight:400;letter-spacing:-.025em;line-height:140%;margin-top:1.17vh}.SendEnd-image{align-items:center;border-radius:2vw;display:flex;height:51.87vh;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2.82vh;width:87.81vw}.SendEnd-image img{height:100%;object-fit:contain;width:100%}.MessageDetail-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;height:100vh;padding:0 6.11vw;position:relative}.MessageDetail-image1{align-items:center;background-color:#f3f4f6;border-radius:0;display:flex;height:25.45vw;justify-content:center;margin:3.1vw auto 0;overflow:hidden;width:25.45vw}.MessageDetail-image1 img{display:block;height:100%;object-fit:cover;width:100%}.MessageDetail-title{color:#181e29;font-size:4.6vw;font-weight:700;letter-spacing:-.025em;line-height:130%;margin-bottom:2.82vh;margin-top:.82vh;text-align:center}.MessageDetail-image2{background-color:#f9f9f9;background-position:50%;background-size:cover;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3.1vw;border-top-right-radius:3.1vw;height:16.7vh;margin:0 auto;width:87.8vw}.MessageDetail-content{background-color:#fdfdfd;border:1px solid #ddd;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;border-top-color:#e8e9ea;border-top-left-radius:0;border-top-right-radius:0;color:#181e29;font-size:4.1vw;font-weight:400;letter-spacing:-.025em;line-height:150%;margin-bottom:5.1vw;padding:5.6vw;top:-1px;white-space:pre-wrap}.RuleHome-container{background:#fff;box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0 auto;min-height:100vh;overflow:hidden;position:relative;width:393px}.RuleHome-noScroll{height:100vh;overflow:hidden}.RuleHome-header{align-items:center;display:flex;height:63px;margin-top:55px;position:relative}.RuleHome-title{color:#181e29;font-size:22px;font-weight:700;left:24px;letter-spacing:-.025em;line-height:140%}.RuleHome-title,.RuleHome-title-icon{position:absolute;top:50%;transform:translateY(-50%)}.RuleHome-title-icon{height:24px;object-fit:contain;right:24px;width:24px}.RuleHome-Image{align-items:center;box-sizing:border-box;display:flex;height:23.47vh;justify-content:center;margin-left:auto;margin-right:auto;margin-top:15.14vh;padding:0 20px;-webkit-user-select:none;user-select:none;width:50.89vw}.RuleHome-Image img{max-height:100%;max-width:100%;object-fit:contain}.RuleHome-empty-title{color:#181e29;font-size:18px;font-weight:700;margin-top:28px}.RuleHome-empty-subtitle,.RuleHome-empty-title{letter-spacing:-.025em;line-height:140%;text-align:center}.RuleHome-empty-subtitle{color:#697584;font-size:16px;font-weight:400;margin-top:12px}.RuleHome-list{height:calc(100vh - 259px);padding:16px 24px}.RuleHome-item{border-radius:12px;box-shadow:0 2px 6px #0000000d;flex-direction:column;gap:8px;padding:14px 16px}.RuleHome-item-top{align-items:center;display:flex;justify-content:space-between}.RuleHome-item-title{font-size:16px}.RuleHome-item-time{color:#666;font-size:14px}.RuleHome-item-bottom{gap:6px}.RuleHome-profile{height:22px;width:22px}.RuleHome-Plus{z-index:9500}.RuleHome-Plus-img{display:block;object-fit:contain}.RuleHome-filter{align-items:center;background:#fff;border:1.5px solid #e5e6eb;border-radius:8px;cursor:pointer;display:flex;gap:6px;height:36px;justify-content:center;margin:12px 0 8px 24px;width:76px}.RuleHome-filter-text{color:#181e29;font-size:15px;font-weight:500}.RuleHome-filter-icon{height:16px;width:16px}.RuleHome-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 269px);margin-top:16px;overflow-y:auto;padding:0 24px}.RuleHome-item{background:#fff;border-radius:16px;box-shadow:0 2px 6px #0000000f;cursor:pointer;height:95px;justify-content:space-between;padding:25px 20px;width:305px}.RuleHome-item,.RuleHome-item-left{align-items:center;display:flex;flex-direction:row}.RuleHome-item-left{gap:12px}.RuleHome-icon-container{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.RuleHome-icon{height:40px;object-fit:contain;width:40px}.RuleHome-text{display:flex;flex-direction:column;gap:12px}.RuleHome-item-title{color:#181e29;font-size:17px;font-weight:600}.RuleHome-item-sub,.RuleHome-item-time{color:#697584;font-size:15px;font-weight:500}.RuleHome-item-time{letter-spacing:-.02em;margin-top:2px}.RuleHome-item-bottom{align-items:center;display:flex;gap:8px}.RuleHome-profile{border-radius:50%;height:24px;width:24px}.RuleHome-item-user{color:#697584;font-size:15px}.RuleHome-Plus{align-items:center;background:#7b6fff;border-radius:50%;bottom:111px;box-shadow:0 2px 8px #7b6fff66;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;width:56px}.RuleHome-Plus-img{height:24px;width:24px}.RuleHome-filter-overlay{align-items:flex-end;background:#00000040;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:393px;z-index:9999}.RuleHome-filter-card{background:#fff;border-radius:16px 16px 0 0;box-sizing:border-box;height:465px;padding:30px 24px;width:100%}.RuleHome-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.RuleHome-filter-title{color:#181e29;font-size:18px;font-weight:600}.RuleHome-filter-option{color:#697584;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:14px 0}.RuleHome-filter-option.selected{color:#181e29;font-weight:600}.RuleHome-filter-option.selected:after{color:#181e29;content:"✓";font-size:18px}.RuleMake-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;height:100vh;overflow:hidden;padding:0 6.11vw;position:relative}.RuleMake-header-wrapper{background-color:#fff;display:flex;flex-direction:column;height:11.57vh;left:0;position:fixed;top:0;width:100%;z-index:100}.RuleMake-header-space{height:6.45vh}.RuleMake-header{align-items:center;display:flex;height:5.12vh;justify-content:center;margin:0 auto;max-width:393px;position:relative;width:100%}.RuleMake-back{background:none;border:none;cursor:pointer;font-size:5.1vw;left:3.06vw;position:absolute}.RuleMake-title{color:#181e29;font-size:4.08vw;font-weight:700;text-align:center}.RuleMake-content{color:#181e29;font-family:Pretendard,sans-serif;margin-top:11.57vh;overflow:hidden}.RuleMake-intro{color:#181e29;font-size:5.6vw;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-top:3.52vh;text-align:left}.RuleMake-category::-webkit-scrollbar{display:none}.RuleMake-category{display:flex;gap:2.5vw;margin-top:3.52vh;overflow-x:auto}.RuleMake-category-button{background:#fff;border:.26vw solid #e8e9ea;border-radius:20px;color:#697584;cursor:pointer;font-family:Pretendard,sans-serif;font-size:3.6vw;font-weight:500;letter-spacing:-.025em;line-height:140%;padding:1.17vh 3.06vw;white-space:nowrap}.RuleMake-category-button.active{background:#fff;border:.26vw solid #7b6fff;color:#7b6fff}.RuleMake-add-button{background:#7b6fff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Pretendard,sans-serif;font-size:3.6vw;font-weight:600;gap:2vw;height:4.7vh;padding:1.17vh 3.06vw;white-space:nowrap}.RuleMake-add-button,.RuleMake-add-button .plus{align-items:center;display:flex;justify-content:center}.RuleMake-add-button .plus{background:#fff;border-radius:50%;color:#7b6fff;font-size:1.28vh;font-weight:700;height:2.35vh;line-height:1;width:2.35vh}.RuleMake-category-content{height:80.43vh;overflow-y:auto;padding-right:2vw}.RuleMake-category-title{align-items:center;color:#181e29;display:flex;font-family:Pretendard,sans-serif;font-size:4.6vw;font-weight:600;gap:2vw;letter-spacing:-.025em;line-height:140%;margin-top:4.7vh}.RuleMake-category-icon{border-radius:2.55vw;height:9.16vw;object-fit:cover;width:9.16vw}.RuleMake-examples{display:flex;flex-direction:column;gap:2.35vh;margin-top:2.35vh}.RuleMake-example-button{align-items:center;background:#f6f8fa;border:none;border-radius:12px;color:#181e29;cursor:pointer;display:flex;font-family:Pretendard,sans-serif;font-size:4.1vw;font-weight:500;height:9.16vh;justify-content:space-between;letter-spacing:-.025em;line-height:140%;padding:1.17vh 2.04vw 1.17vh 6.12vw;position:relative;width:87.8vw}.RuleMake-example-button .plus{align-items:center;color:#a5a5a7;display:flex;font-size:2.82vh;font-weight:700;height:2.82vh;justify-content:center;right:5.1vw;width:2.82vh}.RuleHeader-menu,.RuleMake-example-button .plus{position:absolute;top:50%;transform:translateY(-50%)}.RuleHeader-menu{right:3.06vw}.RuleHeader-dots{background:none;border:none;color:#181e29;cursor:pointer;font-size:5vw;line-height:1;padding:0}.RuleHeader-dropdown{background:#fff;border:.26vw solid #e8e9ea;border-radius:2vw;box-shadow:0 1vw 2vw #00000014;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:6vh;width:28vw;z-index:200}.RuleHeader-item{color:#181e29;cursor:pointer;font-family:Pretendard,sans-serif;font-size:3.8vw;padding:3vw 4vw;transition:background .2s}.RuleHeader-item:hover{background:#f6f8fa}.RuleHeader-item.delete{color:#e53935}.RuleDetail-container{background:#fff;font-family:Pretendard,sans-serif;margin:0 auto;min-height:100vh;width:393px}.RuleDetail-content{padding:99px 24px 0}.RuleDetail-title-wrap{align-items:center;display:flex;gap:12px;padding-bottom:28px;padding-top:24px}.RuleDetail-title-icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.RuleDetail-icon{height:40px;object-fit:contain;width:40px}.RuleDetail-title-main{color:#181e29;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:140%}.RuleDetail-row{align-items:flex-start;display:flex;justify-content:space-between;padding:10px 0}.RuleDetail-row .label{color:#697584}.RuleDetail-row .label,.RuleDetail-row .value{font-size:16px;font-weight:500;letter-spacing:-.025em;line-height:150%}.RuleDetail-row .value{color:#181e29;text-align:right}.profile-list{display:flex;flex-direction:column;gap:6px}.profile-item{align-items:center;display:flex;gap:8px}.profile-item span{color:#181e29;font-size:16px;font-weight:500}.RuleDetail-profile{border-radius:50%;height:24px;object-fit:cover;width:24px}.RuleCustom-container{background-color:#fff;font-family:Pretendard,sans-serif;min-height:100vh;padding:0 5vw;width:100vw}.RuleCustom-title{color:#181e29;font-size:5.56vw;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-bottom:3.52vh;margin-top:3.52vh}.RuleCustom-field-wrapper{align-items:center;display:flex;position:relative}.RuleCustom-textfield{background:#0000;border:none;border-bottom:1px solid #c6c6ce;color:#181e29;font-family:Pretendard,sans-serif;font-size:4.58015vw;font-weight:500;height:4.33vh;letter-spacing:-.025em;line-height:1.4;outline:none;width:100%}.RuleCustom-field-wrapper .RuleCustom-textfield{padding-right:48px}.RuleCustom-textfield.has-value,.RuleCustom-textfield:not(:placeholder-shown){color:#181e29}.RuleCustom-textfield:focus{border-bottom-color:#a9a1ff}.RuleCustom-icon-button{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px}.RuleCustom-icon-preview{border-radius:10px;height:100%;object-fit:cover;width:100%}.RuleCustom-label{color:#69758c;font-family:Pretendard,sans-serif;font-size:3.56vw;font-weight:500;letter-spacing:-.025em;line-height:1.4}.margin-ruleName-to-inCharge{margin-top:5.73vh}.margin-inCharge-to-field{margin-top:1.29vh}.margin-repeatText{margin-top:3.05vh}.margin-repeatField{margin-top:1.29vh}.margin-timeText{margin-top:3.05vh}.margin-timeField{margin-top:1.29vh}.RuleCustom-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000073;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100vw;z-index:999}.Overlay-content{background-color:#fff;box-shadow:0 -4px 20px #0000001f;display:flex;flex-direction:column;height:45vh;overflow:auto;padding:5vw 5vw 6vw;position:relative;text-align:center}.Overlay-close{color:#8e8e93;cursor:pointer;font-size:22px;right:3vw;top:3vw}.Overlay-title{color:#111;font-size:18px;font-weight:600;margin-bottom:2vh}.Overlay-icon{border-radius:20px 20px 0 0;max-width:393px;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100vw}.Overlay-icon .Overlay-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:140%;margin-left:24px;margin-right:24px;margin-top:30px;text-align:left}.Overlay-icon .Overlay-icons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,77px);height:166px;margin-left:24px;margin-right:24px;margin-top:28px;max-width:345px;overflow:hidden;width:calc(100% - 48px)}.Overlay-icon .Overlay-icon-item,.Overlay-icon .Overlay-icons{box-sizing:border-box;touch-action:manipulation;user-select:none;-webkit-user-select:none}.Overlay-icon .Overlay-icon-item{-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;background-color:#f2f2f7;border-radius:12px;cursor:pointer;height:100%;object-fit:contain;padding:8px;pointer-events:auto;width:100%}.Overlay-icon .Overlay-icon-item.selected{background-color:#ece9ff;border:2px solid #7b6fff}.Overlay-complete{cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;letter-spacing:-.025em;line-height:140%;margin:40px auto 0;transition:.2s}.Overlay-complete:active{opacity:.85}.RuleCustom-next-button{align-items:center;background:#beb3ff;border:none;border-radius:12px;color:#fff;display:flex;font-family:Pretendard;font-size:16px;font-weight:600;height:52px;justify-content:center;letter-spacing:-.025em;line-height:150%;margin:232px auto 34px;width:100%}.RuleCustom-next-button:active{opacity:.85}.Overlay-member{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-width:100vw;position:relative;width:393px}.Overlay-member .Overlay-close{font-size:20px;right:24px;top:24px}.Overlay-member .Overlay-title{color:#181e29;font-family:Pretendard;letter-spacing:-.025em;line-height:150%;margin:0;text-align:left}.Overlay-member .Overlay-select-all{background:#fff;border:1px solid #e5e8ec;border-radius:8px;color:#697584;font-family:Pretendard;font-size:16px;font-weight:500;height:32px;margin-bottom:28px;margin-top:28px;padding:4px 12px}.Overlay-member .Overlay-options{display:flex;flex:1 1;flex-direction:column;gap:28px;min-height:0;overflow-y:auto;padding-right:4px}.Overlay-member .Overlay-option{align-items:center;display:flex;justify-content:space-between}.Overlay-member .option-left{align-items:center;display:flex;gap:16px}.Overlay-member .Overlay-user-image{border-radius:50%;height:44px;object-fit:cover;width:44px}.Overlay-member .option-name{color:#313c4b;font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:-.025em}.Overlay-member .option-check{align-items:center;background:#e5e8ec;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.Overlay-member .option-check.selected{background:#7b6fff;color:#fff}.Overlay-member .Overlay-complete{background:#7b6fff;border:none;border-radius:12px;color:#fff;display:block;font-family:Pretendard;font-size:16px;font-weight:600;height:52px;margin:39px auto 0;width:345px}.Overlay-cycle{background-color:#fff;box-sizing:border-box;max-width:100vw;position:relative;width:393px}.Overlay-cycle .Overlay-title{color:#181e29;font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:150%;margin-left:24px;margin-right:24px;margin-top:30px;text-align:left}.Overlay-cycle-type{align-items:center;box-sizing:border-box;margin-left:24px;margin-right:24px;margin-top:28px}.Overlay-type-btn{align-items:center;cursor:pointer;display:flex;font-family:Pretendard,sans-serif;justify-content:center;letter-spacing:-.025em;line-height:140%;text-align:center}.Overlay-weekly{margin-top:34px;padding:0 24px;text-align:left}.Overlay-weekly>div:first-child{align-items:center;color:#181e29;display:flex;font-family:Pretendard,sans-serif;font-size:16px;font-weight:400;gap:10px;letter-spacing:-.025em;line-height:150%}.Overlay-weekly .Overlay-input{background:#f2f4f6;border:1px solid #f2f4f6;border-radius:6px;box-sizing:border-box;color:#181e29;font-family:Pretendard,sans-serif;font-size:16px;height:40px;outline:none;text-align:center;width:50px}.Overlay-weekly .Overlay-input:focus{border-color:#7b6fff}.Overlay-weekdays{gap:6px}.Overlay-day-btn{align-items:center;color:#697584;cursor:pointer;display:flex;font-weight:500;justify-content:center;letter-spacing:-.025em;line-height:100%}.Overlay-day-btn,.Overlay-monthly{font-family:Pretendard,sans-serif;font-size:16px}.Overlay-monthly{color:#181e29;margin-top:34px;padding:0 24px;text-align:left}.Overlay-monthly>div{align-items:center;display:flex;gap:10px}.Overlay-monthly>div+div{margin-top:16px}.Overlay-monthly .Overlay-input{background:#f2f4f6;border:1px solid #f2f4f6;border-radius:6px;box-sizing:border-box;color:#181e29;font-family:Pretendard,sans-serif;font-size:16px;height:40px;outline:none;text-align:center;width:50px}.Overlay-monthly .Overlay-input:focus{border-color:#7b6fff}.Overlay-time{align-items:center;background:#fff;border-radius:20px 20px 0 0;box-sizing:border-box;display:flex;flex-direction:column;height:458px;max-width:100vw;overflow:hidden;padding-top:30px;position:relative;width:393px}.Overlay-time-title{color:#181e29;font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:150%;padding-left:24px;padding-right:24px;text-align:left;width:100%}.Overlay-time-picker-wrap{display:flex;gap:50px;justify-content:center;margin-top:83px;overflow:visible!important;position:relative;width:100%}.Overlay-time-highlight{background:#f2f4f6;border-radius:12px;height:46px;padding-left:8px;position:absolute;top:50%;transform:translateY(-50%);width:345px;z-index:0}.Overlay-time-col{align-items:center;display:flex;flex-direction:column;height:140px!important;overflow:hidden!important}.Overlay-time-item{align-items:center;color:#697584;display:flex;font-family:Pretendard;font-size:22px;font-weight:500;height:44px;justify-content:center;letter-spacing:-.025em;line-height:140%}.picker-item-selected .Overlay-time-item{color:#7b6fff!important;font-weight:600!important}.Overlay-time-options-bottom{box-sizing:border-box;display:flex;gap:8px;margin-bottom:0;padding-left:8px;width:100%}.Overlay-time-option-btn{align-items:center;background:#f2f4f6;border:none;border-radius:8px;color:#697584;display:flex;font-family:Pretendard;font-size:16px;font-weight:500;height:40px;justify-content:center;letter-spacing:-.025em;line-height:150%;padding:8px 14px}.Overlay-time-option-btn.active{background:#7b6fff;color:#fff}.Overlay-time .Overlay-complete{background:#7b6fff;border:none;border-radius:12px;bottom:34px;color:#fff;font-family:Pretendard;font-size:16px;font-weight:600;height:52px;left:50%;position:absolute;transform:translateX(-50%);width:345px}.UpdateRuleCustom-container{background:#fff;font-family:Pretendard,sans-serif;min-height:100vh;padding:0 5vw;width:100vw}.UpdateRuleCustom-title{color:#181e29;font-size:5.56vw;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-bottom:3.52vh;margin-top:3.52vh}.UpdateRuleCustom-field-wrapper{align-items:center;display:flex;position:relative}.UpdateRuleCustom-textfield{background:#0000;border:none;border-bottom:1px solid #c6c6ce;color:#181e29;font-size:4.58015vw;height:4.33vh;outline:none;padding-right:48px;width:100%}.UpdateRuleCustom-textfield:focus{border-bottom-color:#a9a1ff}.UpdateRuleCustom-icon-button{background:#0000;border:none;height:36px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px}.UpdateRuleCustom-label{color:#69758c;font-size:3.56vw;font-weight:500}.UpdateRuleCustom-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.Overlay-content{animation:overlaySlideUp .25s ease-out;background:#fff;border-radius:20px 20px 0 0;max-width:393px;padding:5vw;width:92vw}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.Overlay-close{background:none;border:none;font-size:20px;position:absolute;right:24px;top:24px}.Overlay-icon{height:378px;padding:0}.Overlay-icon .Overlay-title{color:#181e29;font-size:18px;font-weight:600;margin:30px 24px 0}.Overlay-icons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,77px);margin:28px 24px 0}.Overlay-icon-item{background:#f2f2f7;border-radius:12px;cursor:pointer;height:77px;width:77px}.Overlay-member{border-radius:20px 20px 0 0;max-height:590px;max-width:393px;padding:30px 24px 34px;width:100%}.Overlay-member .Overlay-title{font-size:18px;font-weight:600}.Overlay-select-all{background:#fff;border:1px solid #e5e8ec;border-radius:8px;height:32px;margin:28px 0;padding:4px 12px}.Overlay-options{display:flex;flex:1 1;flex-direction:column;gap:28px;overflow-y:auto}.Overlay-option{align-items:center;display:flex;gap:16px}.Overlay-user-image{border-radius:50%;height:44px;width:44px}.Overlay-complete{background:#7b6fff;border:none;border-radius:12px;color:#fff;font-weight:600;height:52px;margin:39px auto 0;width:345px}.Overlay-cycle{border-radius:20px 20px 0 0;height:385px;max-width:393px;padding:0;width:100%}.Overlay-cycle .Overlay-title{font-size:18px;font-weight:600;margin:30px 24px 0}.Overlay-cycle-type{background:#f6f8fa;border-radius:8px;display:flex;height:44px;justify-content:space-between;margin:28px 24px 0;padding:0 12px}.Overlay-type-btn{background:#0000;border:none;border-radius:8px;color:#a5a5a7;font-size:14px;font-weight:600;height:36px;width:112px}.Overlay-type-btn.active{background:#fff;border:1px solid #7b6fff;color:#7b6fff}.Overlay-monthly,.Overlay-weekly{margin-top:34px;padding:0 24px}.Overlay-input{background:#f2f4f6;border:1px solid #f2f4f6;border-radius:6px;height:40px;text-align:center;width:50px}.Overlay-weekdays{display:flex;justify-content:space-between;margin-top:16px}.Overlay-day-btn{background:#fff;border:1px solid #e5e8ec;border-radius:16px;height:40px;width:44px}.Overlay-day-btn.selected{background:#7b6fff;border-color:#7b6fff;color:#fff}.Penalty-title{color:#181e29;font-size:22px;font-weight:700;margin-bottom:30px;margin-top:30px}.Penalty-subtitle,.Penalty-title{font-family:Pretendard,sans-serif;letter-spacing:-.025em;line-height:140%}.Penalty-subtitle{color:#c6c6ce;font-size:18px;font-weight:500;margin-bottom:12px}.Penalty-input-wrapper{margin-bottom:40px;position:relative}.Penalty-input{border:none;border-bottom:1px solid #c6c6ce;color:#181e29;font-family:Pretendard,sans-serif;font-size:18px;font-weight:500;height:40px;letter-spacing:-.025em;line-height:140%;outline:none;width:100%}.Penalty-input::placeholder{color:#c6c6ce}.Penalty-error{color:#ff4242;font-weight:400;left:0;line-height:150%;position:absolute;top:50px}.Penalty-error,.Penalty-list-label{font-family:Pretendard,sans-serif;font-size:14px;letter-spacing:-.025em}.Penalty-list-label{color:#697584;font-weight:500;line-height:140%;margin-bottom:12px}.Penalty-list-wrapper{max-height:422px;overflow:hidden}.Penalty-list-scroll{height:422px;scrollbar-width:none}.Penalty-list-scroll::-webkit-scrollbar{display:none}.Penalty-item{align-items:center;background:#f7f8fa;border-radius:8px;box-sizing:border-box;color:#697584;cursor:pointer;display:flex;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;height:78px;justify-content:space-between;letter-spacing:-.025em;line-height:140%;margin-bottom:8px;padding:0 14px;transition:background .2s ease,color .2s ease,opacity .2s ease;width:100%}.Penalty-item-text{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Penalty-item.selected{background:#ece9ff;color:#7b6fff;font-weight:600}.Penalty-item.disabled{cursor:default;opacity:.35}.Penalty-check{color:#7b6fff;font-size:18px}.Penalty-next-btn{align-items:center;background:#e5e5ea;border:none;border-radius:12px;color:#fff;display:flex;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;height:52px;justify-content:center;letter-spacing:-.025em;line-height:140%;margin:34px auto;transition:background .25s ease,opacity .2s ease;width:100%}.Penalty-next-btn.active{background:#7b6fff;cursor:pointer}.Penalty-next-btn.active:active{opacity:.85}.RuleAlert-container{background:#fff;box-sizing:border-box;font-family:Pretendard,sans-serif;min-height:100vh;padding:0 24px;width:100vw}.RuleAlert-title{color:#181e29;font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:140%;margin-top:30px}.RuleAlert-title br{line-height:0}.RuleAlert-feild-wrapper{margin-top:50px}.RuleAlert-toggle{align-items:center;color:#181e29;display:flex;font-size:16px;font-weight:500;justify-content:space-between;letter-spacing:-.025em;line-height:150%}.switch{display:inline-block;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background:#d1d1d6;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:22px;left:3px;top:3px;width:22px}input:checked+.slider{background-color:#7b6fff}input:checked+.slider:before{transform:translateX(24px)}.RuleAlert-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.RuleAlert-option{align-items:center;background:#f7f8fa;border-radius:12px;color:#697584;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:40px;justify-content:center;letter-spacing:-.025em;line-height:150%;min-width:84px;padding:0 12px;transition:.2s;-webkit-user-select:none;user-select:none}.RuleAlert-option.selected{background:#ece9ff;color:#7b6fff;font-weight:600}.RuleAlert-next{align-items:center;background:#7b6fff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:52px;justify-content:center;letter-spacing:-.025em;margin:365px auto 34px;width:calc(100% - 48px)}.RuleAlert-next:active{opacity:.85}.Mypage-container{box-sizing:border-box;overflow:hidden;position:relative;width:100%}.Mypage-header{align-items:center;background:#fff;display:flex;height:63px;left:0;position:absolute;top:55px;width:100%;z-index:10}.Mypage-title{color:#181e29;font-size:20px;font-weight:600;letter-spacing:-2.5%;line-height:140%;margin-left:24px}.Mypage-content{box-sizing:border-box;display:flex;flex-direction:column;padding-top:118px;width:100%}.Mypage-profile-block{align-items:center;display:flex;height:46px;left:24px;margin-top:16px;position:relative;width:345px}.Mypage-profile-image{border-radius:50%;height:46px;object-fit:cover;width:46px}.Mypage-profile-info{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.Mypage-nickname{color:#181e29;font-size:18px;font-weight:600;letter-spacing:-2.5%;line-height:100%;width:auto}.Mypage-arrow{color:#000;font-size:12px;position:absolute;right:6px}.Mypage-invite-block{align-items:center;background:#f2f4f6;border-radius:12px;display:flex;height:68px;margin-left:24px;margin-top:20px;position:relative;width:345px}.Mypage-invite-text{color:#181e29;font-size:16px;font-weight:500;letter-spacing:-2.5%;line-height:100%;margin-left:20px}.Mypage-invite-arrow{color:#000;font-size:12px;font-weight:600;position:absolute;right:28px}.Mypage-info-item{align-items:center;background:#fff;color:#181e29;display:flex;font-size:16px;font-weight:500;gap:0;height:60px;letter-spacing:-2.5%;line-height:100%;padding-left:24px;width:393px}.Mypage-info-item.first{margin-top:6px}.Mypage-divider{background:#e5e7eb;height:10px;margin-top:8px;width:393px}.Mypage-info-item.logout{margin-top:6px}.Mypage-overlay{align-items:center;background:#181e294d;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.Mypage-modal{background:#fff;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:164px;justify-content:space-between;padding:20px;width:320px}.Mypage-modal-title{color:#181e29;font-size:20px;font-weight:700;height:28px}.Mypage-modal-subtitle,.Mypage-modal-title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.025em;line-height:140%}.Mypage-modal-subtitle{color:#697584;font-size:14px;font-weight:500;height:20px;margin-top:6px}.Mypage-modal-buttons{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:22px;width:280px}.Mypage-modal-btn{border-radius:12px;box-sizing:border-box;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;font-weight:500;height:48px;letter-spacing:-.025em;line-height:150%;width:135px}.Mypage-modal-btn.cancel{background:#fff;border:1px solid #e8e9ea;color:#181e29}.Mypage-modal-btn.confirm{background:#7b6fff;border:none;color:#fff}.ProfileEdit-container{box-sizing:border-box;margin:0 auto;position:relative;width:393px}.ProfileEdit-header{align-items:center;display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:55px;transform:translateX(-50%);width:393px}.ProfileEdit-header-title{font-size:17px;font-weight:600;text-align:center}.ProfileEdit-back-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;left:16px;padding:0;position:absolute}.ProfileEdit-back-btn,.ProfileEdit-back-btn img{height:24px;width:24px}.ProfileEdit-content{box-sizing:border-box;padding-top:99px}.ProfileEdit-image{border-radius:50%;display:block;height:100px;margin:44px auto 0;object-fit:cover;width:100px}.ProfileEdit-label{font-size:14px;letter-spacing:-2.5%;line-height:150%;margin-left:24px;margin-top:52px}.ProfileEdit-input{border:none;border-bottom:2px solid #ccc;box-sizing:border-box;color:#181e29;font-size:18px;height:43px;letter-spacing:-2.5%;line-height:100%;margin-left:24px;margin-top:8px;outline:none;width:345px}.ProfileEdit-input:focus{border-bottom-color:#a9a1ff}.ProfileEdit-save-btn{background:#7b6fff;border:none;border-radius:10px;bottom:34px;color:#fff;cursor:pointer;font-size:16px;height:52px;left:50%;letter-spacing:-2.5%;line-height:150%;position:fixed;transform:translateX(-50%);width:345px}.InviteMyRoom-container{box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0 auto;position:relative;width:393px}.InviteMyRoom-header{align-items:center;display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:55px;transform:translateX(-50%);width:393px}.InviteMyRoom-header-title{font-size:17px;font-weight:600;text-align:center}.InviteMyRoom-back-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;left:16px;padding:0;position:absolute;width:24px}.InviteMyRoom-back-btn img{height:24px;width:24px}.InviteMyRoom-content{box-sizing:border-box;padding-top:99px}.InviteMyRoom-title{color:#181e29;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:22px;font-weight:700;margin-top:30px}.InviteMyRoom-subtitle,.InviteMyRoom-title{letter-spacing:-.025em;line-height:140%;margin-left:24px}.InviteMyRoom-subtitle{color:#697584;font-size:16px;margin-top:10px}.InviteMyRoom-code-box{align-items:center;background:#f2f4f6;border-radius:12px;box-sizing:border-box;display:flex;height:86px;justify-content:center;margin-left:24px;margin-top:40px;width:345px}.InviteMyRoom-code-text{color:#181e29;font-size:20px;font-weight:600;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.InviteMyRoom-code-text,.InviteMyRoom-copy-text{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.025em;line-height:150%;text-align:center}.InviteMyRoom-copy-text{background:#0000;border:none;color:#697584;cursor:pointer;display:block;font-size:16px;font-weight:500;height:24px;margin-left:auto;margin-right:auto;margin-top:8px;padding:0;text-decoration:underline}.InviteMyRoom-divider{background:#f6f8fa;height:10px;margin-left:auto;margin-right:auto;margin-top:48px;width:393px}.InviteMyRoom-user-title{color:#313c4b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:100%;margin-left:24px;margin-top:28px}.InviteMyRoom-user-list{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:18px;width:393px}.InviteMyRoom-user-item{align-items:center;box-sizing:border-box;display:flex;height:68px;width:393px}.InviteMyRoom-user-image{border-radius:50%;height:40px;margin-left:24px;object-fit:cover;width:40px}.InviteMyRoom-user-info{align-items:center;display:flex;margin-left:16px}.InviteMyRoom-user-name{color:#313c4b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:100%}.InviteMyRoom-user-me{color:#697584;font-size:14px;margin-left:6px}body,html{max-width:100vw!important;overflow-x:hidden!important}.CalendarPage-container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1.88vh 5.09vw 2.35vh;position:relative;width:100vw}@media (max-width:480px){.CalendarPage-container{padding:1.88vh 4.07vw}}@media (min-width:481px) and (max-width:768px){.CalendarPage-container{padding:2.35vh 6.11vw}}@media (min-width:769px){.CalendarPage-container{padding:2.82vh 8.14vw}}.CalendarPage-calendar{background-color:initial;margin-bottom:7.04vh;padding:0;position:relative}.CalendarPage-calendar:after{background-color:#f6f8fa;bottom:-3.99vh;content:"";height:.7vh;left:-5.09vw;position:absolute;right:-5.09vw}@media (max-width:480px){.CalendarPage-calendar:after{left:-4.07vw;right:-4.07vw}}@media (min-width:481px) and (max-width:768px){.CalendarPage-calendar:after{left:-6.11vw;right:-6.11vw}}@media (min-width:769px){.CalendarPage-calendar:after{left:-8.14vw;right:-8.14vw}}.CalendarPage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.41vh;margin-top:2.23vh;padding-left:0;transition:opacity .3s ease}.CalendarPage-month-btn{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-family:Pretendard,Noto Sans KR,sans-serif!important;font-size:2.23vh;font-weight:600;gap:2.04vw}.CalendarPage-month-btn svg path{stroke:#a5a5a7}.CalendarPage-add{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:.94vh}.CalendarPage-add svg{height:2.82vh;width:6.11vw}.CalendarPage-add svg path{fill:#a5a5a7}.CalendarPage-accordion{background-color:#fff;border-radius:5.09vw 5.09vw 0 0;bottom:0;box-shadow:0 -.47vh 2.35vh #00000026;display:flex;flex-direction:column;left:0;margin-bottom:0;max-height:70vh;overflow:hidden;position:fixed;right:0;transform:translateY(0);transition:transform .3s ease;z-index:1001}.CalendarPage-accordion-header{align-items:center;background-color:#fff;display:flex;flex-shrink:0;height:9.98vh;padding:0 5.09vw 0 6.11vw;position:relative}.CalendarPage-accordion-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.CalendarPage-accordion-title{color:#181e29;font-family:Pretendard,sans-serif;font-size:2.11vh;font-weight:600}.CalendarPage-accordion-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:.47vh;position:absolute;right:5.09vw}.CalendarPage-accordion-overlay{-webkit-touch-callout:none;background-color:#0006;bottom:0;left:0;opacity:1;pointer-events:auto;position:fixed;right:0;top:0;touch-action:none;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;z-index:999}.CalendarPage-accordion-item{align-items:center;background-color:#fff;color:#697584;cursor:pointer;display:flex;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:1.88vh;font-weight:500;height:5.87vh;justify-content:space-between;margin-bottom:.7vh;padding:0 6.11vw;transition:background-color .2s ease}.CalendarPage-accordion-item:hover{background-color:#f6f8fa}.CalendarPage-accordion-item:last-child{margin-bottom:0}.CalendarPage-accordion-item.current{background-color:#fff;color:#697584;font-weight:500}.CalendarPage-accordion-item.current:hover{background-color:#f6f8fa}.CalendarPage-weekdays{grid-column-gap:6.62vw;box-sizing:border-box;color:#aaafbd;column-gap:6.62vw;display:grid;font-weight:500;grid-template-columns:repeat(7,1fr);margin-bottom:1.41vh;padding:0 2.8vw;text-align:center;width:100%}.CalendarPage-weekday{display:flex;font-size:1.53vh;justify-content:center;line-height:3.29vh}.CalendarPage-days{grid-column-gap:6.62vw;grid-row-gap:2.35vh;box-sizing:border-box;column-gap:6.62vw;display:grid;grid-template-columns:repeat(7,1fr);padding:0 2.8vw;row-gap:2.35vh;width:100%}.CalendarPage-day{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;flex-direction:column;height:8.22vh;justify-content:center;position:relative;touch-action:manipulation}.CalendarPage-day.empty{background:#0000;cursor:default}.CalendarPage-day.selected{background-color:initial}.CalendarPage-day-number{font-size:1.17vh;font-weight:500;height:1.88vh;top:3.23vh;width:6.11vw;z-index:2}.CalendarPage-day-icon,.CalendarPage-day-number{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.CalendarPage-day-icon{height:2.82vh;top:.06vh;width:2.82vh}.CalendarPage-day-icon svg{height:100%;width:100%}.CalendarPage-day-dots{align-items:center;display:flex;gap:.51vw;left:50%;position:absolute;top:6.04vh;transform:translateX(-50%);z-index:3}.CalendarPage-dot{border-radius:50%;height:.47vh;width:.47vh}.CalendarPage-dot.rule-dot{background-color:#7b6fff}.CalendarPage-dot.event-dot{background-color:#aaafbd}.CalendarPage-day-number{color:#1f2937}.CalendarPage-day.selected{position:relative}.CalendarPage-day.selected .CalendarPage-day-number{align-items:center;background-color:#181e29;border-radius:11.75vh;color:#fff!important;display:flex;height:1.88vh;justify-content:center;left:50%;max-width:7.63vw;padding:0 .94vh;position:absolute;top:3.23vh;transform:translateX(-50%);width:auto;z-index:3}.CalendarPage-day.selected .CalendarPage-day-dots{z-index:4}.CalendarPage-events{flex-shrink:0;padding-bottom:10.56vh;padding-right:1.02vw}.CalendarPage-date-header{align-items:center;display:flex;gap:2.04vw;margin-bottom:1.88vh;padding-left:1.02vw}.CalendarPage-date-number{color:#697584;font-size:1.88vh;font-weight:600}.CalendarPage-date-day{color:#181e29;font-size:1.88vh;font-weight:600}.CalendarPage-event-item{align-items:center;background-color:#f5f5f7;border:none;border-radius:3.05vw;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.94vh;padding:1.88vh;position:relative}.CalendarPage-event-content{flex:1 1}.CalendarPage-event-title{color:#1f2937;font-size:1.88vh;font-weight:600;margin-bottom:.47vh}.CalendarPage-event-subtitle{color:#6b7280;font-size:1.64vh;line-height:1.4}.CalendarPage-event-arrow{color:#9ca3af;font-size:1.88vh;margin-left:3.05vw}.CalendarPage-no-content{color:#9ca3af;font-size:1.64vh;font-style:italic;padding:3.76vh 6.11vw;text-align:center}.CalendarPage-section{margin-bottom:1.88vh}.CalendarPage-section.rules-section{background-color:#f6f8fa;border-radius:5.09vw;margin-bottom:1.88vh;padding:2.7vh 5.09vw 2.35vh}.CalendarPage-section-title{color:#697584;font-size:1.64vh;font-weight:600;margin-bottom:2.46vh;padding-left:1.02vw}.CalendarPage-rule-item{align-items:flex-start;background-color:initial;border:none;border-bottom:.12vh solid #e8e9ea;border-radius:0;display:flex;justify-content:space-between;margin-bottom:2.35vh;padding:0 0 2.35vh}.CalendarPage-rule-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.CalendarPage-rule-icon{flex-shrink:0;height:4.69vh;margin-right:3.05vw;margin-top:.23vh;width:10.18vw}.CalendarPage-rule-icon-placeholder{background-color:#fff;border-radius:2.04vw;height:100%;width:100%}.CalendarPage-rule-content{flex:1 1}.CalendarPage-rule-title{color:#181e29;font-size:1.88vh;font-weight:600;line-height:2.58vh;margin-bottom:.12vh}.CalendarPage-rule-subtitle{color:#697584;font-size:1.64vh;line-height:2.46vh}.CalendarPage-rule-status{margin-left:3.05vw}.CalendarPage-rule-checkbox{align-items:center;cursor:pointer;display:flex;height:2.58vh;justify-content:center;width:5.6vw}.CalendarPage-event-time{color:#697584;font-size:1.53vh;margin-top:.47vh}.CalendarPage-events::-webkit-scrollbar{background:#0000;width:0}
/*# sourceMappingURL=main.5a7d5755.css.map*/