.notification-widget__container{position:relative}.notification-widget--visible{backface-visibility:hidden;animation:enterWidget .7s .3s both;-webkit-animation:enterWidget .7s .3s both}.notification-widget--hidden{backface-visibility:hidden;animation:exitWidget .7s both;-webkit-animation:exitWidget .7s both}.notification-widget--open{transform:translateY(0)}.notification-widget--closed{transform:translateY(-200%)}.notification-widget__board{top:0;left:0;right:0;width:100%;position:absolute;border-radius:6px;border:1px solid var(--base-gray-400);background-color:var(--base-gray-100);padding:10px}.notification-widget__board--visible{backface-visibility:hidden;animation:enterWidget .7s .3s both;-webkit-animation:enterWidget .7s .3s both}.notification-widget__board--hidden{backface-visibility:hidden;animation:exitWidget .7s both;-webkit-animation:exitWidget .7s both}.notification-widget__board--open{transform:translateY(0)}.notification-widget__board--closed{transform:translateY(-200%)}.notification-widget__board__body{display:flex}.notification-widget__board__body__content{flex:1;display:flex}.notification-widget__board__body__content__main{flex:1;display:flex;flex-direction:column;margin:0 10px;max-height:calc(var(--vh) / 2);overflow-y:auto}.notification-widget__board__body__content__main::-webkit-scrollbar{width:12px}.notification-widget__board__body__content__main::-webkit-scrollbar-track{background:var(--base-gray-100)}.notification-widget__board__body__content__main::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--base-gray-400-static);background-clip:padding-box;border:3px solid var(--base-gray-100)}.notification-widget__board__body__content__main::-webkit-scrollbar-thumb:hover{background-color:var(--base-gray-500-static);background-clip:padding-box;border:3px solid var(--base-gray-100)}.notification-widget__board__body__content__text{flex:1;white-space:pre-wrap;color:var(--base-gray-900);line-height:1.4;word-break:break-all}.notification-widget__board__body__content__text--hidden{font-style:italic}.notification-widget__board__body__content__image,.notification-widget__board__body__content__book{margin-top:5px}.notification-widget__board__body__content__image--only,.notification-widget__board__body__content__book--only{margin-top:0}.notification-widget__board__body__close{display:flex;align-items:start;color:var(--base-gray-900)}.notification-widget__board__footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-left:26px}.notification-widget__board__footer__nickname{font-size:13px;color:var(--base-gray-600)}@keyframes enterWidget{0%{transform:translateY(-200%)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes exitWidget{0%{transform:translateY(0)}40%{transform:translateY(5px)}to{transform:translateY(-200%)}}