.bucketContainer{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:35%;height:100vh;background-color:#191919;border-right:2px solid #333333}.friendContainer{width:100%;height:70%;border-bottom:2px solid #333333;display:flex;flex-direction:column;align-items:flex-end;top:0}.friContainer{height:100%}.listTitle{margin-top:8vh;margin-bottom:10px;display:flex}.friList{display:flex;align-items:center;justify-content:flex-start;padding:.3rem 0;font-size:14px;width:200px;max-height:80px;cursor:pointer}.listScroll{paddint-top:0;overflow-y:scroll;scrollbar-width:none;height:350px}.listScroll::-webkit-scrollbar{display:none}.settingContainer{flex:1;width:100%;display:flex;flex-direction:column;align-items:flex-end;margin:0 auto}.settingColumn{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:35%;margin-top:30px}.settingColumn p{margin-bottom:30px;cursor:pointer}.settingColumn p:hover{font-weight:700}.modalContainer{z-index:1000;background-color:#fff;font-color:#454545;padding:20px;border-radius:20px;box-shadow:0 2px 8px #0000001a;position:relative;width:500px;max-width:80%;max-height:80vh}.modalContent{color:#454545;margin-top:30px;flex-direction:column;gap:15px}.modalInput{padding:10px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:16px;transition:border-color .3s;width:100%;margin-top:10px}.modalInput:focus{border-color:#666}.friList{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px;font-size:14px;width:100%;max-height:80px}.listScroll{max-height:400px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#191919}.listScroll::-webkit-scrollbar{width:8px}.listScroll::-webkit-scrollbar-thumb{background-color:#191919;border-radius:30px}.listScroll::-webkit-scrollbar-track{background-color:#f1f1f1}.profile{width:40px;height:40px;border-radius:50%;background-color:#03c75a;display:flex;justify-content:center;align-items:center;margin-right:1rem}.addBtn{width:100px;display:flex;align-items:center;background-color:#fafafa;border:1px solid #454545;border-radius:8px;color:#454545;padding:5px;cursor:pointer;font-size:14px;right:0}.addBtn span{margin:0 auto}.addBtn:hover{background-color:#191919;color:#fff}.IceContainer{width:100%;height:100vh;margin:0 auto;display:flex;flex-direction:column}.bucket-container{margin-top:0;margin-right:15%;height:100%;display:flex;flex-direction:column}.bucket-header{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.header-logout-button{border:1px solid #cbcbcb;border-radius:4px;color:#cbcbcb;background-color:#000;width:78px;height:32px;font-size:13px;margin-top:20px;margin-bottom:20px;margin-right:5%;cursor:pointer}.header-informaiton-container{width:100%;margin-bottom:2%}.bucket-content-container{display:flex;align-items:center;justify-content:center;width:100%;height:80%;margin:0 auto}.cone,.cone1{max-width:420px;height:auto;margin:0 auto}.header-information{display:flex;align-items:center;font-size:28px}.left-button-container{width:20%;display:flex;margin-right:10%;padding-left:5%}.left-button-container p{font-size:8px;display:flex;margin-top:5%;cursor:pointer}.left-button{flex:1;margin:0% 5%;display:flex;flex-direction:column;align-items:center;row-gap:5%}.user-name{width:60%;text-align:center}.right-button-container{width:20%;display:flex;justify-content:end;text-align:end;margin-left:10%;padding-right:5%}.right-button-container p{font-size:8px;display:flex;text-align:end;margin-top:5%}.right-button{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer}.button-image{cursor:pointer}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modalContainer{z-index:1000;background-color:#fff;font-color:#454545;padding:20px;border-radius:20px;box-shadow:0 2px 8px #0000001a;position:relative;width:400px;max-width:80%;max-height:80vh;overflow-y:auto;scrollbar-color:#191919}.modalContent{color:#454545;margin-top:30px;flex-direction:column;gap:15px;width:100%}.scrooplistScroll{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-height:400px;overflow-y:auto}.todo{width:100%;height:100px;padding:10px 20px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#f5f5f5;outline:none;transition:border-color .3s ease;margin:10px auto}.addScoop{background-color:#03c75a;border:1px solid #00a449;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s ease;width:80%}.addScoop:hover{background-color:#00a449}.modalClose{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:31px;cursor:pointer;color:#454545}.login-page{background-color:#000;color:#fff;max-width:1400px;width:100%;height:100vh;margin:0 auto;display:flex;flex-direction:column}.login-container-wrap{flex:1;align-content:center}.login-container{display:flex;padding-left:4%;padding-right:4%;margin:0 auto}.login-title-p{font-size:24px}.login-title-h1{font-size:64px}.login-left-container{display:flex;flex-direction:column;width:65%}.login-content-container{display:flex;justify-content:end}.login-content{border:1px solid #333333;border-radius:20px;background-color:#191919;width:40%;padding:5%;display:flex;flex-direction:column}.login-input{border:1px solid #cccccc;border-radius:8px;background-color:#191919;height:40px;margin-bottom:2%;padding-left:3%;color:#fff}.login-button{border:none;border-radius:8px;background-color:#fff;height:40px;margin-top:1%;cursor:pointer}.login-kakao-text{display:flex;flex-basis:center;align-items:center;color:#81838b;font-size:11px;margin:10% 0 8px}.login-kakao-text:before{content:"";flex-grow:1;margin-right:5%;background:#81838b;height:1px;font-size:0px;line-height:0px}.login-kakao-text:after{content:"";flex-grow:1;margin-left:5%;background:#81838b;height:1px;font-size:0px;line-height:0px}.kakao-login-container{width:100%;cursor:pointer}.kakaoLogin-image{width:100%;height:100%}.login-right-container{width:35%;bottom:0}.login-header{display:flex;justify-content:flex-end;padding-right:5%;margin-bottom:20px}.header-signup-button{border:1px solid #CBCBCB;border-radius:4px;color:#cbcbcb;background-color:#000;width:78px;height:32px;font-size:13px;margin-top:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:16px;line-height:1.5;color:#fff;background-color:#000}