.xN4Yja_modalOverlay{z-index:100000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.xN4Yja_modal{color:#333;background-color:#fff;border-radius:6px;width:clamp(300px,50%,450px);box-shadow:0 4px 16px #0000004d}.xN4Yja_modal h1{margin:24px;font-size:18px}.xN4Yja_modal .xN4Yja_modalContents{max-height:60dvh;padding:0 24px 24px;overflow-y:auto}.xN4Yja_modal .xN4Yja_modalFormItem{color:#333;text-align:left;flex-direction:column;align-items:baseline;gap:4px;max-width:400px;margin-bottom:24px;line-height:1.7;display:flex}.xN4Yja_modal .xN4Yja_modalFormLabel{font-size:14px;font-weight:700}.xN4Yja_modal .xN4Yja_modalFooter{border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.xN4Yja_modal .xN4Yja_modalFooter button{background-color:inherit;cursor:pointer;border:1px solid #eee;border-radius:6px;width:100%;padding:8px 16px;font-size:14px}.xN4Yja_feedbackMessage{color:#333;margin-top:16px;font-size:14px}.xN4Yja_errorMessage{color:#d41313}.xN4Yja_disabledMessage{color:#d41313;text-align:left}
.gQAPvW_summary{font-size:var(--fontsize-lg);cursor:pointer;font-weight:700}.gQAPvW_contents{margin-top:var(--space-2)}
.hatena-follow-button-box{clear:both;height:auto;margin:.7em 0;display:block;overflow:hidden;font-size:10px!important}.hatena-follow-button-box:after{content:"";clear:both;display:table}.hatena-follow-button{float:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ebebeb;border-radius:3px;min-width:40px;padding-left:20px;padding-right:5px;font-weight:700;text-decoration:none;transition:opacity .3s,border .3s,color .3s,background .3s;display:inline-block;overflow:hidden;color:#555!important;letter-spacing:0!important;border:1px solid #bbb!important;height:18px!important;line-height:18px!important}.hatena-follow-button:hover{text-decoration:none!important}.hatena-follow-button.unsubscribing{background:url(https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png) no-repeat,linear-gradient(#fff 0%,#ddd 100%)}.hatena-follow-button.unsubscribing:hover{border:1px solid #888;color:#222!important}.hatena-follow-button.subscribing{background:url(https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png) 0 -18px no-repeat,linear-gradient(#fff 0%,#ddd 100%);color:#2f81d5!important}.hatena-follow-button.subscribing:hover{background:#666 url(https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png) 0 -36px no-repeat;border:1px solid #666;width:65px;color:#fff!important}.hatena-follow-button .foreground{display:inline}.hatena-follow-button .background,.hatena-follow-button:hover .foreground{display:none}.hatena-follow-button:hover .background{display:inline}.hatena-follow-button-box .subscription-count-box{float:left;display:none;position:relative;margin:0 0 0 5px!important}.hatena-follow-button-box .subscription-count-box i,.hatena-follow-button-box .subscription-count-box u{z-index:10;border:4px solid #0000;border-left:0;border-right-color:#bbb;width:0;height:0;margin:-4px 0 0 -4px;line-height:0;position:absolute;top:50%;left:0}.hatena-follow-button-box .subscription-count-box u{border-right-color:#fff;margin-left:-3px}.hatena-follow-button-box .subscription-count{float:left;z-index:9;background:#fff;border:1px solid #bbb;border-radius:3px;min-width:8px;height:18px;margin-left:-1px;padding:0 5px;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:18px;display:block;position:relative;color:#454545!important}
._8UoAtG_manager{padding:var(--space-2);font-size:var(--fontsize-sm)}._8UoAtG_heading{margin:0 0 var(--space-2);font-size:var(--fontsize-sm);font-weight:700}._8UoAtG_message{color:var(--text-gray);margin:0}._8UoAtG_list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}._8UoAtG_item{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;display:grid}._8UoAtG_summary{gap:2px;min-width:0;display:grid}._8UoAtG_name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}._8UoAtG_id{color:var(--text-gray);font-size:11px}._8UoAtG_renameForm{gap:var(--space-1);display:grid}._8UoAtG_input{border:1px solid var(--border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);box-sizing:border-box;width:100%}._8UoAtG_actions{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}
.HMZo0a_container{background-color:var(--bg-light-gray);flex-direction:column;width:100%;height:100%;display:flex}.HMZo0a_previewPane{height:min(300px,50%);padding:var(--space-2) var(--space-2) 0 var(--space-2);resize:vertical;overflow:hidden}.HMZo0a_previewFrame{background-color:var(--bg-white);border:none;width:100%;height:100%;display:block}.HMZo0a_editorGroup{background-color:var(--border);flex:1;gap:1px;min-height:0;display:flex}.HMZo0a_editorPane{background-color:var(--bg-light-gray);flex-direction:column;flex:1;min-width:0;display:flex}.HMZo0a_editorHeader{padding:var(--space-1) var(--space-2)}.HMZo0a_editorBody{flex:1;min-height:0}