.baseline{border-radius:var(--panel-border-radius);border:1px solid var(--panel-border-color);box-shadow:var(--panel-box-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--panel-transion);background-color:#0c0c12cc;flex-direction:column;min-width:80ch;margin-block:24px;padding:4px;font-size:10px;line-height:1;display:flex;position:relative}.baseline .browsers{align-items:center;gap:1ch;display:flex}.baseline .browsers .browser{align-items:center;display:flex}.baseline .browsers .browser span{display:contents}.baseline .browsers .browser .support svg{width:14px;height:14px}.baseline .browsers .support-available{color:var(--baseline-status-color-widely)}.baseline .browsers .support-unavailable{color:var(--baseline-status-color-limited)}.baseline .browsers .support-newly{color:var(--baseline-status-color-newly)}.baseline .browsers .support-widely{color:var(--baseline-status-color-widely)}.baseline .browsers .support-no_data{color:var(--baseline-status-color-no_data)}.baseline header{justify-content:space-between;align-items:center;padding:4px 10px 8px 16px;display:flex}.baseline header .name{text-transform:uppercase;font-family:var(--font-t26)}.baseline header button{background-color:var(--panel-color-4);border:var(--panel-header-border);border-radius:var(--panel-border-round);color:var(--panel-color-2);justify-content:center;align-items:center;gap:1ch;width:32px;height:20px;display:flex}.baseline summary{appearance:none;list-style:none}.baseline summary::-webkit-details-marker{display:none}.baseline summary .baseline-status-title{background-color:var(--panel-background-color);border:1px solid var(--panel-border-color);scrollbar-width:none;max-height:40vh;transition:var(--panel-transion);overscroll-behavior-y:none;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;padding:12px 16px;display:flex;overflow-y:auto}.baseline summary .baseline-status-title .baseline-status{color:var(--color-text-1);align-items:center;gap:4px;display:flex}.baseline summary .baseline-status-title .baseline-status svg{width:auto;height:10px}.baseline summary .baseline-status-title svg{width:16px;height:auto;display:flex}.baseline .description{text-wrap:pretty;flex-direction:column;align-items:flex-start;gap:10px;max-width:80%;padding:10px 2ch 2ex;line-height:1.4;display:flex}.baseline .description a{color:var(--color-text-3);gap:1ch;transition:all .242s linear;display:flex}.baseline .description a:hover{color:var(--color-text-2)}
.comments{flex-direction:column;gap:20px;margin-inline:-40px;padding:40px 40px 0;display:flex;position:relative}.comments:before{content:"";border-inline:1px solid #15151e;pointer-events:none;border-top:1px solid #15151e;border-top-left-radius:28px;border-top-right-radius:28px;display:flex;position:absolute;inset:0;box-shadow:inset 10px -10px 10px #0c0c12;-webkit-mask-image:linear-gradient(144deg,#000,#0000 28%);mask-image:linear-gradient(144deg,#000,#0000 28%)}.comments header{justify-content:space-between;align-items:center;gap:2ch;margin-bottom:20px;margin-left:-6px;padding-bottom:2lh;display:flex}.comments header a{align-items:center;gap:1ch;display:flex}.comments header .login-button{font-family:var(--font-t26);text-transform:uppercase;cursor:pointer;background-color:#08080c1a;border:1px solid #181825;border-radius:200px;align-items:center;gap:1ch;padding:6px 8px;transition:all .24s;display:flex;position:relative}.comments header>var{color:var(--color-text-3)}.comments header .comments-stats{border:1px solid #15151e;border-radius:200px;align-items:center;gap:4px;margin-right:auto;padding:4px 12px 4px 4px;display:flex}.comments header .comments-stats var,.comments header .comments-stats samp{align-items:center;gap:4px;display:flex}.comments header .comments-stats span{width:24px;height:18px;font-family:var(--font-t26);border-radius:200px;justify-content:center;align-items:center;display:flex}.comments header .comments-stats var span{background-color:#191924}.comments header .comments-stats samp{color:var(--color-text-3);padding-left:6px}.comments-list{flex-direction:column;gap:60px;display:flex}.comment-replies{flex-direction:column;gap:0;padding-left:24px;display:flex}.comment-section{align-items:flex-start;gap:10px;display:flex;position:relative}.comment-section .avatar{border-radius:200px;width:20px;height:20px}.comment-replies :is(.comment-section .avatar){width:14px;height:14px}.comment-section.main-comment:before{content:"";pointer-events:none;z-index:-1;border-top:1px solid #15151e;border-left:1px solid #15151e;border-top-left-radius:20px;display:flex;position:absolute;inset:-28px 0 8px -20px;box-shadow:inset 10px 10px 10px #0c0c12;-webkit-mask-image:linear-gradient(#000,#0000),linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(#000,#0000),linear-gradient(90deg,#000,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.comment-section .comment{flex-direction:column;flex:1;gap:14px;display:flex;position:relative}.comment-section .comment.level-0>.comment-content:before{width:40px!important}.comment-section .comment .comment-content{flex-direction:column;gap:10px;display:flex;position:relative}.level-0 :is(.comment-section .comment .comment-content){padding-bottom:8px}.comment-section .comment:has(.comment-replies) .comment-content:before{content:"";z-index:-1;pointer-events:none;border-bottom:1px dashed #23232f;border-left:1px dashed #23232f;border-bottom-left-radius:10px;width:18px;display:flex;position:absolute;inset:10px 0 -20px -20px;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.comment-replies :is(.comment-section .comment:has(.comment-replies) .comment-content){padding-bottom:20px}.comment-section .comment:has(.comment-replies) .comment-header{height:14px}.comment-section .comment .comment-replies .comment-section:last-child .comment-content{padding-bottom:0}.comment-section .comment .comment-replies .comment-section:last-child .comment-content:before{display:none}.comment-replies :is(.comment-section .comment){gap:8px}.comment-replies :is(.comment-section .comment) .comment-content:before{inset:4px 0 -8px -40px}.comment-section .comment .comment-header{align-items:center;gap:1ch;height:20px;display:flex}.comment-section .comment .comment-header .author-badge{color:var(--color-text-2);background-color:#0e0e15;border:1px solid #161622;border-radius:40px;padding:2px 6px;font-size:8px}.comment-section .comment .comment-header .date{color:var(--color-text-3)}.comment-section .comment .comment-footer{align-items:center;gap:2ch;display:flex}.comment-section .comment .comment-footer .vote-button{background-color:#111118;border:1px solid #191924;border-radius:200px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:8px;display:flex}.comment-section .comment .comment-footer .replies-count{align-items:center;gap:3px;display:flex}.comment-section .comment .comment-footer .comment-reactions{color:var(--color-text-3);align-items:center;gap:1ch;font-size:12px;display:flex}.comment-section .comment .comment-footer .comment-reactions .reaction{cursor:pointer;border:1px solid #15151e;border-radius:200px;align-items:center;gap:1ch;padding:4px 6px;font-size:8px;line-height:1;display:flex}.comment-section .comment .comment-footer .comment-reactions .reaction:hover{color:var(--color-text-1)}.comment-section .comment .comment-body{color:var(--color-text-1)}
.comment-box{--commands-bg:#0c0c13;--commands-border:#14141f;--commands-hover:var(--background-hover);--input-height:120px}:root{--bar-top:0px;--bar-left:0px}.comment-box{margin-top:40px;background:#0d0d12;border:1px solid #14151a;border-radius:14px;flex-direction:column;gap:4px;margin-inline:-20px;padding:4px;display:flex;position:relative}.comment-box ::selection{background:#38384d}.comment-box .preview-tab{padding:12px}.comment-box .comment-box-input{appearance:none;background:#08080c;border:1px solid #13131b;border-radius:12px;position:relative}.comment-box .comment-box textarea{width:100%;min-height:var(--input-height);resize:vertical;appearance:none;field-sizing:content;caret-color:var(--color-accent);background:0 0;border:none;padding:12px;font-family:inherit;line-height:1.5}.comment-box .comment-box textarea::placeholder{color:var(--color-text-3)}.comment-box .comment-box textarea:focus{outline:none}.comment-box .comment-box-tabs{font-size:10px;font-family:var(--font-t26);background:#08080c;border:1px solid #0f0f15;border-radius:10px;align-items:center;width:max-content;padding:4px;display:flex}.comment-box .comment-box-tabs button{text-transform:uppercase;color:var(--color-text-3);border:1px solid #0000;border-radius:6px;align-items:center;gap:1ch;padding:6px 12px;font-size:8px;transition:all .242s linear;display:flex;box-shadow:0 2px 4px #0000001a}.comment-box .comment-box-tabs button.active{color:var(--color-text-1);background-color:#101018;border-color:#14141f}.comment-box .comment-box-footer{justify-content:space-between;align-items:center;display:flex}.comment-box .markdown-hints{align-items:center;gap:1ch;padding:4px 0 4px 12px;display:flex}.comment-box .markdown-hints svg{width:12px;height:12px}.comment-box .markdown-hints var{color:var(--color-text-3);opacity:.4;margin-inline:1ch}.comment-box .markdown-hints .commands-button kbd{text-align:center;text-transform:uppercase;background-color:#13131b;border:1px solid #1a1a23;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;font-family:inherit;font-size:8px;font-weight:800;line-height:1;display:flex}.comment-box .markdown-hints button{color:var(--color-text-2);align-items:center;gap:1ch;transition:all .24s;display:flex}.comment-box .markdown-hints button:hover{background:var(--background-hover);color:var(--text)}.comment-box .submit-button{background:var(--accent-color);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem;font-weight:500}.comment-box .submit-button:disabled{opacity:.5;cursor:not-allowed}.comment-box .markdown-commands{z-index:10;scrollbar-width:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0c0c1299;border:1px solid #8f9ba80a;border-radius:10px;flex-direction:column;width:max-content;min-width:260px;max-height:240px;padding:6px;transition:all .242s cubic-bezier(.19,1,.22,1);animation:.1s ease-out contextMenuFade;display:flex;position:absolute;top:28px;left:4px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}@starting-style{.comment-box .markdown-commands{opacity:0;filter:blur(4px);translate:0 -4px}}.comment-box .command-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:24px 1fr auto;align-items:center;width:100%;padding-right:12px;transition:all .24s;display:grid}.comment-box .command-item .icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.comment-box .command-item:hover,.comment-box .command-item.selected{background-color:#101018cc;border-color:#181825cc}.comment-box .command-label{font-weight:500}.comment-box .command-description{color:var(--color-text-3)}.comment-box .preview{padding:1rem}.comment-box .emoji-commands{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0c0c1299;border:1px solid #8f9ba80a;border-radius:10px;padding:4px;transition:all .242s cubic-bezier(.19,1,.22,1);display:flex;position:fixed;box-shadow:0 4px 12px #0000001a}.comment-box .emoji-commands button{width:24px;height:24px;color:var(--color-text-2);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:8px;transition:all .24s;display:flex}.comment-box .emoji-commands button.selected{color:var(--color-text-1);background-color:#14141fcc;border-color:#1d1d2bcc}@starting-style{.comment-box .emoji-commands{opacity:0;filter:blur(4px);translate:0 -4px}}.comment-box .comment-box-input{position:relative}.comment-box .markdown-commands,.comment-box .emoji-commands{top:var(--bar-top);left:var(--bar-left);z-index:10;position:absolute}
kbd{text-align:center;border:1px solid var(--color-text-4);background-color:var(--color-text-4);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;width:22px;height:20px;font-family:inherit;font-size:8px;font-weight:600;line-height:1;display:flex}