.note-write{height:var(--vh);background-color:var(--shelf-bg-color);display:flex;flex-direction:column}.note-write__header{height:50px;position:relative;flex-shrink:0}@media only screen and (max-width: 48em){.note-write__header{height:64px}}.note-write__header__close{position:absolute;right:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:var(--text-color)}@media only screen and (max-width: 48em){.note-write__header__close{width:64px;height:64px;font-size:2.4rem}}.note-write__title{position:absolute;left:30px;top:12px;font-weight:600;font-size:18px;color:var(--base-gray-900)}@media only screen and (max-width: 48em){.note-write__title{left:20px;top:18px}}.note-write__content{padding:10px 30px 20px;overflow-y:auto}@media only screen and (max-width: 48em){.note-write__content{padding:10px 20px 20px}}.note-write__content__form{min-height:calc(var(--vh) - 50px - 5rem - 30px)}@media only screen and (max-width: 48em){.note-write__content__form{min-height:calc(var(--vh) - 64px - 5rem - 30px)}}@media only screen and (max-width: 48em){.note-write__content__form{min-height:calc(var(--vh) - 64px - 6rem - 30px)}}.note-write__content::-webkit-scrollbar{width:12px}.note-write__content::-webkit-scrollbar-track{background-color:var(--shelf-bg-color)}.note-write__content::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--scroll-unhover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.note-write__content::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.note-write label{color:var(--text-color)}.note-write__form-label{color:var(--base-gray-900);display:block;font-size:12px;margin:0 0 3px 3px}.note-write__confirm{height:4rem;margin:auto;margin-top:1rem;display:flex;justify-content:center;align-items:center;max-width:300px;gap:10px}@media only screen and (max-width: 48em){.note-write__confirm{width:100%;max-width:unset}}@media only screen and (max-width: 36em){.note-write__confirm{height:6rem;margin-top:0}}.note-write__confirm__delete{flex:0 0 4rem}@media only screen and (max-width: 36em){.note-write__confirm__delete{flex:0 0 6rem}}