@layer components{.l-comments-1{container:comments/inline-size;position:relative;isolation:isolate;width:100%;min-width:0;overflow:hidden;color:var(--colors-fg)}.lc-layout-1{--lc-row-px:0px;--lc-row-py:calc(var(--spacing)*2);--lc-stack:calc(var(--spacing)*4);--lc-indent:calc(var(--spacing)*7.5);--lc-rail:calc(var(--spacing)*4);--lc-branch:calc(var(--spacing)*6.25);--lc-head-py:calc(var(--spacing)*3);--lc-head-gap:calc(var(--spacing)*4);--lc-head-px:0px;--lc-list-px:0px;--lc-form-mb:calc(var(--spacing)*4);display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.l-comments-form{order:10;width:100%;min-width:0;margin-block-end:var(--lc-form-mb)}.l-comments-head{order:20;min-width:0;padding:var(--lc-head-py) var(--lc-head-px)}.l-comments-list{order:30;width:100%;min-width:0;padding-inline:var(--lc-list-px)}.l-comments-more,.l-comments-status{display:flex;justify-content:center;min-width:0;padding-block:var(--lc-head-py)}.l-comments-status{order:35}.l-comments-more{order:40}.u-cmt{position:relative;min-width:0}.u-cmt-pad-row{padding:var(--lc-row-py) var(--lc-row-px)}.u-cmt-pad-branch{padding-block:calc(var(--spacing)*2);padding-inline:var(--spacing) 0}.u-cmt-row{align-items:stretch}.u-cmt-main,.u-cmt-row{display:flex;justify-content:flex-start}.u-cmt-main{flex-direction:column;gap:var(--lc-stack);width:100%;min-width:0}.u-cmt-rail{position:relative;display:flex;flex-shrink:0;width:calc(var(--lc-indent) - var(--lc-rail) + var(--spacing)*3);margin-inline-start:var(--lc-rail);margin-block-end:calc(var(--spacing)*9);opacity:.4}.u-cmt-rail,.u-cmt-rail:after{border-inline-start:1px solid var(--colors-line-thread)}.u-cmt-rail:after{content:"";position:absolute;z-index:1;inset-inline-start:-1px;bottom:calc(var(--spacing)*-5);width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-block-end:1px solid var(--colors-line-thread)}.u-cmt-thread{position:relative;min-width:0;margin-inline-start:var(--lc-indent);padding-block-start:var(--spacing)}.u-cmt-thread :is(.u-cmt,.u-cmt-form,.u-cmt-more){margin-inline-start:var(--lc-branch)}.u-cmt-thread-connected:before{content:"";position:absolute;z-index:1;top:calc(var(--spacing)*2);inset-inline-start:var(--lc-rail);width:1px;height:calc(100% - 20px);background:var(--colors-line-thread);opacity:.4}@container comments (min-width: 620px){.lc-layout-1{--lc-row-px:calc(var(--spacing)*5);--lc-row-py:calc(var(--spacing)*4);--lc-indent:calc(var(--spacing)*10);--lc-rail:calc(var(--spacing)*5);--lc-branch:calc(var(--spacing)*8.5)}.u-cmt-pad-branch{padding:calc(var(--spacing)*4) calc(var(--spacing)*2)}.u-cmt-rail:after{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);border-end-start-radius:var(--radius-md)}}.lc-inset-panel{--lc-head-px:calc(var(--spacing)*6);--lc-list-px:calc(var(--spacing)*4)}.lc-density-compact{--lc-row-px:0px;--lc-row-py:calc(var(--spacing)*2);--lc-stack:calc(var(--spacing)*2);--lc-head-py:calc(var(--spacing)*2);--lc-form-mb:calc(var(--spacing)*2)}.l-comments-title{margin:0 0 var(--lc-head-gap,16px);font-weight:700;line-height:1.2;color:var(--colors-fg-title)}.u-cmt-action{font-weight:500}.u-cmt-action:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.u-cmt-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:0;padding-block-start:calc(var(--spacing)*3);border-block-start:1px solid var(--colors-line)}.u-cmt-actions-end,.u-cmt-actions-start{display:flex;align-items:center;gap:var(--spacing);margin-block-end:calc(var(--spacing)*2)}.u-cmt-actions-start{flex-wrap:wrap;min-width:0}@container comments (min-width: 620px){.u-cmt-actions-end,.u-cmt-actions-start{margin-block-end:0}}.u-cmt-author{color:currentColor;text-decoration:none;transition:opacity .2s}a.u-cmt-author:hover{opacity:.75;text-decoration:none}.u-cmt-body{min-width:0;line-height:1.5;color:var(--colors-fg);overflow-wrap:break-word}.u-cmt-field{display:block;line-height:1.4;overflow-y:auto;transition:border-color .2s,box-shadow .2s}.u-cmt-field:focus{box-shadow:0 0 0 2px var(--colors-accent-soft)}.u-cmt-form{min-width:0}.u-cmt-form-actions,.u-cmt-form-avatar{flex-shrink:0}.u-cmt-form-field{flex:1;min-width:0}.u-cmt-form-actions{display:flex;align-items:center}.u-cmt-identity{display:flex;min-width:0;margin-block-end:var(--lc-stack,16px)}.u-cmt-avatar{flex-shrink:0;margin-inline-end:calc(var(--spacing)*2)}.u-cmt-byline{display:flex;min-width:0}.u-cmt-name{margin:var(--spacing) 0 0;font-weight:500;letter-spacing:.025em;line-height:1;color:var(--colors-accent);overflow-wrap:break-word}.u-cmt-time{color:var(--colors-fg-muted);opacity:.7}.u-cmt-more{display:flex;justify-content:center;min-width:0;padding:calc(var(--spacing)*2)}.u-cmt-panel{width:100%;min-width:0;transition:background-color .2s}.u-cmt-prompt{display:flex;align-items:center;gap:calc(var(--spacing)*2.5);width:100%;padding:calc(var(--spacing)*.5);background:transparent;border:0;text-align:left;cursor:pointer;outline:none;transition:transform .2s}.u-cmt-prompt:active{transform:scale(.99)}.u-cmt-prompt-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--spacing)*9.5);height:calc(var(--spacing)*9.5);border-radius:50%;background:var(--colors-surface-badge);color:var(--colors-accent);transition:background-color .2s}.u-cmt-prompt:is(:hover,:focus-visible) .u-cmt-prompt-badge{background:var(--colors-surface-badge-hover)}.u-cmt-prompt-icon{width:var(--spacing-icon-18,18px);height:var(--spacing-icon-18,18px)}.u-cmt-prompt-body{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*.5);min-width:0}.u-cmt-prompt-title{font-weight:600;color:var(--colors-fg);line-height:1.3}.u-cmt-prompt-hint{display:none;color:var(--colors-fg-muted);opacity:.8;line-height:1.3}.u-cmt-prompt-cta{flex-shrink:0;font-weight:500;transition:filter .2s}.u-cmt-prompt:hover .u-cmt-prompt-cta{filter:brightness(1.05)}@container comments (min-width: 620px){.u-cmt-prompt{gap:calc(var(--spacing)*3.5);padding:var(--spacing) calc(var(--spacing)*2)}.u-cmt-prompt-badge{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.u-cmt-prompt-icon{width:var(--spacing-icon-4);height:var(--spacing-icon-4)}.u-cmt-prompt-hint{display:block}}.u-cmt-toggle-row{min-width:0}.u-cmt-toggle{display:flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer;color:var(--colors-accent);font-weight:500;transition:opacity .2s}.u-cmt-toggle:hover{opacity:.8}.u-cmt-toggle-chevron{display:inline-flex;margin-inline-end:calc(var(--spacing)*1.5)}.u-cmt-toggle-icon{margin-inline-end:var(--spacing)}.u-cmt-reply-cancel{margin-inline-end:calc(var(--spacing)*2)}.u-cmt-empty{margin:0;color:var(--colors-fg-muted)}.u-cmt-gallery-link{color:var(--colors-accent);text-decoration:none;transition:opacity .15s}.u-cmt-gallery-link:hover{opacity:.8}.u-cmt-field{resize:none}.u-cmt-field[data-resize=y]{resize:vertical}.u-cmt-field[data-size=compose]{min-height:calc(var(--spacing)*10);max-height:calc(var(--spacing)*55);padding:calc(var(--spacing)*2.25) calc(var(--spacing)*3)}.u-cmt-field[data-size=reply]{padding:calc(var(--spacing)*2) calc(var(--spacing)*3)}.u-cmt-form{display:flex;align-items:center;gap:calc(var(--spacing)*2.5)}.u-cmt-form[data-layout=stacked]{flex-direction:column;align-items:stretch;gap:calc(var(--spacing)*3)}.u-cmt-form[data-layout=stacked] .u-cmt-form-actions{justify-content:flex-end}.u-cmt-byline[data-stacked=true]{flex-direction:column;align-items:flex-start;justify-content:center}.u-cmt-byline[data-stacked=false]{flex-flow:row wrap;align-items:center;gap:calc(var(--spacing)*3)}.u-cmt[data-divided]{border-block-end:1px solid var(--colors-line)}.u-cmt[data-divided]:last-child{border-block-end-width:0}.u-cmt[data-framed]{border:1px solid var(--colors-line-section);margin-block-end:calc(var(--spacing)*4)}.u-cmt[data-framed]:last-child{margin-block-end:0}.u-cmt-panel[data-pad=base]{padding:calc(var(--spacing)*4)}.u-cmt-panel[data-surface]{background:var(--colors-surface-sunk)}.u-cmt-panel[data-hover]:hover{background:var(--colors-surface-blank-hover)}.u-cmt-thread[data-divided]{border-block-end:1px solid var(--colors-line)}.l-comments-head[data-ruled]{border-block-end:1px solid var(--colors-line-section)}.u-cmt-toggle-chevron[data-open]{rotate:180deg}@container comments (min-width: 620px){.u-cmt-field[data-size=compose]{min-height:calc(var(--spacing)*11);padding:calc(var(--spacing)*2.75) calc(var(--spacing)*3.5)}.u-cmt-form[data-layout=inline]{gap:calc(var(--spacing)*3.5)}}}