.drawer-alert-strip,.drawer-alert-strip.form-error{position:relative;box-sizing:border-box;flex:0 0 auto;width:100%;min-width:0;margin:0;padding:10px 12px;border-radius:var(--corner-5);font-weight:400;overflow-wrap:anywhere}.drawer-alert-strip.drawer-alert-strip-error{color:#fff;background:var(--danger)}.drawer-alert-strip.drawer-alert-strip-warning{color:#fff;background:var(--warning)}.drawer-alert-strip.drawer-alert-strip-success{color:#fff;background:var(--success)}.drawer-alert-strip.is-dismissible{padding-right:calc(var(--button-height) + 12px)}.app-shell:is(.light-mode,.dark-mode) .drawer-alert-strip .alert-dismiss-button,.drawer-alert-strip .alert-dismiss-button{position:absolute;top:1px;right:1px;color:#fff}.app-shell:is(.light-mode,.dark-mode) .drawer-alert-strip .alert-dismiss-button:is(:hover,:focus-visible),.drawer-alert-strip .alert-dismiss-button:is(:hover,:focus-visible){color:#fff}.drawer-alert-strip .alert-dismiss-button svg{color:inherit}.drawer-compact-text,.drawer-micro-text{margin:0;color:var(--text);font-family:inherit;font-weight:400}.standard-checkbox-input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid color-mix(in srgb,var(--primary) 58%,var(--text-faint));border-radius:2px;background-color:var(--control);background-position:center;background-repeat:no-repeat;cursor:pointer}.standard-checkbox-input[type=checkbox]:checked{border-color:var(--primary);background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.2 2.8 2.8 6.2-6.2' fill='none' stroke='white' stroke-linecap='square' stroke-linejoin='miter' stroke-width='2'/%3E%3C/svg%3E")}.standard-checkbox-input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.standard-checkbox-input[type=checkbox]:disabled{cursor:default;opacity:var(--faint-opacity)}.controls-checkbox-example{display:flex;align-items:center;gap:8px;color:var(--text);cursor:pointer}.drawer-alert-strip>span,.drawer-alert-strip>pre,.drawer-alert-strip>pre>code{color:#fff}.drawer-alert-strip>span{font-size:inherit;font-weight:inherit}:is(.drawer-panel,.user-dialog,.user-editor-dialog){gap:0;overflow:hidden}.drawer-header,.drawer-main,.drawer-footer{color:var(--text)}.drawer-header{display:flex;flex:0 0 auto;min-width:0;flex-direction:column;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.drawer-header .drawer-header-slot:empty,.drawer-header .drawer-header-optional:empty,.drawer-header .drawer-header-optional:has(>.drawer-header-slot:only-child:empty){display:none}.drawer-main{display:flex;flex:1 1 0;min-width:0;min-height:0;flex-direction:column;gap:14px;overflow:auto;padding-top:14px;padding-bottom:20px;margin-bottom:0;scrollbar-color:var(--scrollbar) transparent}.drawer-footer{display:flex;flex:0 0 auto;max-height:25%;min-width:0;min-height:0;flex-direction:column;gap:14px;overflow:auto;margin-top:0;padding-top:10px;padding-bottom:20px;border-top:1px solid var(--border);scrollbar-color:var(--scrollbar) transparent}.drawer-footer>*{flex-shrink:0}.drawer-header>.drawer-heading>.drawer-title-row{padding-right:var(--drawer-title-action-space)}.standards-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.standards-color{display:flex;min-width:0;align-items:center;gap:8px}.standards-color-swatch{flex:0 0 28px;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--corner-5)}.standards-color-copy{display:flex;min-width:0;flex-direction:column}.standards-type-table{width:100%;text-align:left;border-collapse:collapse}.standards-type-table :is(th,td){padding:6px 8px;border-bottom:1px solid var(--border)}.standards-tree-example{width:100%}.drawer-control-actions{display:inline-flex;align-items:center;gap:inherit}.drawer-stack-controls .drawer-overflow-toggle{display:none}@media(max-width:720px){.app-shell .drawer-panel:has(>.drawer-stack-controls){--drawer-mobile-control-width: calc(var(--button-height) - 5px);--drawer-core-count: 3;--drawer-title-action-space: calc(var(--drawer-mobile-control-width) * var(--drawer-core-count) + (var(--drawer-core-count) - 1) * 3px + 10px);--drawer-title-action-space-wide: var(--drawer-title-action-space);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head" "main" "footer";padding-top:15px}.app-shell .drawer-panel:has(>.drawer-stack-controls[data-control-count="4"]){--drawer-core-count: 4}.app-shell .drawer-panel>.drawer-stack-controls{position:relative;inset:auto;grid-area:head;align-self:start;justify-self:end;margin-right:-10px;gap:3px}.app-shell .drawer-panel>.drawer-stack-controls>button{width:var(--drawer-mobile-control-width);flex-shrink:0}.app-shell .drawer-panel>.drawer-header{grid-area:head}.app-shell .drawer-panel>.drawer-main{grid-area:main}.app-shell .drawer-panel>.drawer-footer{grid-area:footer}.app-shell .drawer-panel .drawer-title-row{padding-right:var(--drawer-title-action-space)}.app-shell .drawer-panel .drawer-breadcrumbs{padding-right:0}.app-shell .drawer-panel .conversation-title-button{width:100%}.app-shell .drawer-panel :is(.image-preview-header,.html-preview-header,.code-source-header,.document-dialog-header){padding-right:0}.app-shell .drawer-panel .drawer-title-row>span{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.app-shell .drawer-panel .news-document-title span{white-space:nowrap}.drawer-panel .drawer-title-row>svg{flex-shrink:0}.app-shell .drawer-stack-controls .drawer-overflow-toggle{display:inline-flex}.app-shell .drawer-control-actions{display:none}.app-shell .drawer-control-actions .document-bookmark-button{display:inline-flex}.app-shell .drawer-stack-controls[data-actions-expanded=true] .drawer-control-actions{display:inline-flex;position:absolute;top:calc(100% + 6px);left:calc(var(--drawer-mobile-control-width) / 2);transform:translate(-50%);z-index:1;width:max-content;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:var(--corner-10);background:var(--panel);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 20px 60px var(--shadow)}.drawer-control-actions .image-manager-view-controls{display:contents}}
