@font-face{font-family:DiaryFriendlyComics;src:url('/static/fonts/FriendlyComics-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DiaryLogoMontserrat;src:url('/static/fonts/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
body .diary-wordmark-name,body.ui-preview .preview-logo .diary-wordmark-name,body.ui-preview .preview-login-wrap .logo .sc{font-family:DiaryFriendlyComics,Arial,sans-serif!important;font-weight:400!important;font-style:normal;font-synthesis:none;letter-spacing:0}
body .diary-wordmark-title,body .diary-wordmark-title strong,body .diary-wordmark-title span,body .diary-wordmark-title small,body.ui-preview .preview-login-wrap .logo,body.ui-preview .preview-login-wrap .logo b,body.ui-preview .preview-login-wrap .logo .lt,body.ui-preview .preview-login-wrap .logo small{font-family:DiaryLogoMontserrat,Arial,sans-serif!important;font-style:normal;font-synthesis:none;letter-spacing:-.04em}
body .diary-wordmark-title strong,body.ui-preview .preview-login-wrap .logo b{font-weight:800!important}
body .diary-wordmark-title,body .diary-wordmark-title span,body.ui-preview .preview-login-wrap .logo .lt{font-weight:300!important}
body .diary-wordmark-title small,body.ui-preview .preview-login-wrap .logo small{font-weight:400!important}
body .diary-wordmark-name,body.ui-preview .preview-login-wrap .logo .sc{font-size:1em!important;margin-right:0;transform:none;line-height:1.2}
body .diary-wordmark-name{color:#FF4A1C!important}
body .diary-wordmark-title small,body.ui-preview .preview-login-wrap .logo small{font-size:.43em!important}
body.ui-preview .preview-logo{flex:0 1 300px;padding:8px 14px 8px 0}
body.ui-preview .preview-logo .diary-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:30px;line-height:1.1}
body.ui-preview .preview-logo .diary-wordmark-name{font-size:24px!important;line-height:1.1}
body.ui-preview .preview-logo .diary-wordmark-title{font-size:30px;line-height:1.1}
@media(max-width:860px){body.ui-preview .preview-logo{flex:1 1 100%;padding:8px 0}body.ui-preview .preview-logo .diary-wordmark{font-size:26px!important;gap:2px}body.ui-preview .preview-logo .diary-wordmark-name{font-size:22px!important}body.ui-preview .preview-logo .diary-wordmark-title{font-size:26px}}