.vf-office{--office-surface:var(--muted);--office-card:var(--background);--office-line:var(--border);--office-hover:color-mix(in srgb, var(--foreground) 6%, transparent);background:var(--office-surface)}.vf-office[data-office=word]{--office-accent:#185abd}.vf-office[data-office=excel]{--office-accent:#107c41}:root.dark .vf-office[data-office=word]{--office-accent:#4a8ef0}:root.dark .vf-office[data-office=excel]{--office-accent:#2fa464}.vf-office [data-u-comp=ribbon-header-menu]{height:2.25rem!important}.vf-office [data-u-comp=ribbon-grid-menu]{padding:0 calc(var(--office-bar-w,0px) + .5rem) 0 .5rem;align-items:stretch;gap:.25rem;background:var(--office-surface)!important}.vf-office [data-u-comp=ribbon-grid-menu] [role=tab]{border-radius:.375rem .375rem 0 0;height:100%;padding:0 .625rem;font-weight:400;position:relative;color:var(--foreground)!important;border:0!important}.vf-office [data-u-comp=ribbon-grid-menu] [role=tab]:hover{background:var(--office-hover)}.vf-office [data-u-comp=ribbon-grid-menu] [role=tab][aria-selected=true]{font-weight:600}.vf-office [data-u-comp=ribbon-grid-menu] [role=tab][aria-selected=true]:after{content:"";background:var(--office-accent);border-radius:2px;width:1.25rem;height:3px;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.vf-office [data-u-comp=ribbon-grid-toolbar]{box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent);scrollbar-width:thin;border-radius:.5rem;grid-template-rows:auto auto;grid-auto-flow:column;justify-content:start;margin:0 .5rem .5rem;overflow-x:auto;border:1px solid var(--office-line)!important;background:var(--office-card)!important;padding:0 .25rem!important;display:grid!important}.vf-office [data-u-comp=ribbon-grid-group]{grid-row:1;min-width:max-content!important;padding:0 .5rem!important}.vf-office [data-u-comp=ribbon-grid-group]:has(>[data-testid=ribbon-grid-group-grid]>div[style^="grid-area: 2 /"]):not(:has(div[style*="/ span 2 /"])){grid-row:2}.vf-office [data-u-comp=ribbon-grid-group]:has(div[style*="/ span 2 /"]){grid-row:1/span 2}.vf-office [data-testid=ribbon-grid-group-grid]{gap:.5rem .375rem!important}.vf-office [data-u-comp=ribbon-grid-group]:has(div[style*="/ span 2 /"]) [data-testid=ribbon-grid-group-grid]{column-gap:.75rem!important}.vf-office [data-u-comp=ribbon-grid-group]:not(:has(div[style*="/ span 2 /"])) [data-testid=ribbon-grid-group-grid]{grid-template-rows:1.5rem!important;padding:.5rem 0 .25rem!important}.vf-office [data-u-comp=ribbon-grid-group]:not(:has(div[style*="/ span 2 /"])) [data-testid=ribbon-grid-group-grid]>div{grid-row:1!important}.vf-office [data-u-comp=ribbon-grid-group]:has(>[data-testid=ribbon-grid-group-grid]>div[style^="grid-area: 2 /"]):not(:has(div[style*="/ span 2 /"])) [data-testid=ribbon-grid-group-grid]{padding:.25rem 0 .5rem!important}.vf-office [data-testid=ribbon-grid-group-divider]{top:.5rem!important;bottom:0!important}.vf-office [data-u-comp=ribbon-grid-group]:has(>[data-testid=ribbon-grid-group-grid]>div[style^="grid-area: 2 /"]):not(:has(div[style*="/ span 2 /"])) [data-testid=ribbon-grid-group-divider]{top:0!important;bottom:.5rem!important}.vf-office [data-u-comp=ribbon-grid-group]:has(div[style*="/ span 2 /"]) [data-testid=ribbon-grid-group-divider]{top:.5rem!important;bottom:.5rem!important}.vf-office-ruler{z-index:10;background:var(--office-surface);border-bottom:1px solid var(--office-line)}.vf-office-ruler-page{background:var(--office-card);color:var(--muted-foreground)}.vf-office-ruler-margin{background:color-mix(in srgb, var(--foreground) 10%, var(--office-card))}.vf-office-ruler-tick{opacity:.6;background:currentColor;width:1px;bottom:0}.vf-office-ruler-tick[data-kind=eighth]{height:3px}.vf-office-ruler-tick[data-kind=half]{height:6px}.vf-office-ruler-label{font-size:10px;line-height:1;top:50%;transform:translate(-50%,-50%)}.vf-office-ruler-handle{cursor:ew-resize;width:7px;margin-left:-3px}.vf-office-ruler-handle:after{content:"";background:var(--office-accent);opacity:0;position:absolute;top:0;bottom:0;left:3px;right:3px}.vf-office-ruler-handle:hover:after,.vf-office-ruler-handle[data-dragging]:after{opacity:1}[class*=univer-]:has(>[role=progressbar][aria-valuemax="100"]){top:0;left:0;right:0;transform:none}[class*=univer-]:has(>[role=progressbar][aria-valuemax="100"])>span{display:none}[class*=univer-]>[role=progressbar][aria-valuemax="100"]{background:0 0;border-radius:0;width:100%;height:2px}.univer-toolbar-button-selector-trigger.univer-bottom-0{z-index:2}
