.draw--web{--web-top-toolbar-height:32px}.draw--web .web-top-tool-container{grid-area:top;width:100%;min-height:var(--web-top-toolbar-height,32px);padding:6px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;user-select:none;box-sizing:border-box;position:relative}.draw--web .web-top-tool-container *{box-sizing:border-box}.draw--web .web-icon,.draw--web .web-toolbar__btn-main-icon{width:16px;height:16px;display:inline-block;mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:#303033}.draw--web .web-toolbar__btn-dropdown-icon{width:14px;height:14px;display:inline-block;mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:#303033}.draw--web .web-icon--tall-32x66{width:32px;height:66px;mask-size:contain;background-size:contain}.draw--web .web-icon--metallocene{width:16px;height:28px;mask-size:contain;background-size:contain}.draw--web .toolbar-group-children .web-icon--metallocene{width:32px;height:66px}.draw--web .web-icon--active{background-color:#7366ff}.draw--web .toolbar-item.active,.draw--web .web-toolbar__btn.active{background-color:#ececff;box-shadow:0 2px 2px rgba(0,0,0,.1);color:#7366ff}.draw--web .toolbar-item.active .group-icon,.draw--web .toolbar-item.active .web-icon,.draw--web .toolbar-item.active .web-toolbar__btn-dropdown-icon,.draw--web .toolbar-item.active .web-toolbar__btn-main-icon,.draw--web .web-toolbar__btn.active .web-icon,.draw--web .web-toolbar__btn.active .web-toolbar__btn-dropdown-icon,.draw--web .web-toolbar__btn.active .web-toolbar__btn-main-icon{background-color:#7366ff}.draw--web .web-icon--undo{mask-image:url(../../images/new_icons/undo.svg)}.draw--web .web-icon--redo{mask-image:url(../../images/new_icons/redo.svg)}.draw--web .web-icon--eraser{mask-image:url(../../images/new_icons/eraser.svg)}.draw--web .web-icon--color-table{mask-image:url(../../images/new_icons/color.svg)}.draw--web .web-icon--clear{mask-image:url(../../images/new_icons/trash.svg)}.draw--web .web-icon--dropdown{mask-image:url(../../images/new_icons/chevronDown.svg)}.draw--web .web-icon--textfield{mask-image:url(../../images/new_icons/text-t.svg)}.draw--web .web-icon--periodictable{background-image:url(../../images/new_icons/periodic-table.svg);background-color:transparent;width:24px;height:24px}.draw--web .web-icon--bond-single{mask-image:url(../../images/new_icons/bond-solid.svg)}.draw--web .web-icon--bond-any{mask-image:url(../../images/new_icons/bond-any.svg)}.draw--web .web-icon--bond-down{mask-image:url(../../images/new_icons/bond-unwedged-dashed.svg)}.draw--web .web-icon--bond-dashed{mask-image:url(../../images/new_icons/bond-dashed.svg)}.draw--web .web-icon--bond-hydrobond{mask-image:url(../../images/new_icons/bond-h.svg)}.draw--web .web-icon--bond-wavy{mask-image:url(../../images/new_icons/bond-wavy.svg)}.draw--web .web-icon--bond-break{mask-image:url(../../images/new_icons/bond-break.svg)}.draw--web .web-icon--bond-cord{mask-image:url(../../images/new_icons/bond-cord.svg)}.draw--web .web-icon--bond-double{mask-image:url(../../images/new_icons/bond-duo.svg)}.draw--web .web-icon--bond-aromatic{mask-image:url(../../images/new_icons/bond-aroma.svg)}.draw--web .web-icon--bond-sgaromatic{mask-image:url(../../images/new_icons/bond-aroma-single.svg)}.draw--web .web-icon--bond-cross{mask-image:url(../../images/new_icons/bond-duo-any.svg)}.draw--web .web-icon--bond-dlaromatic{mask-image:url(../../images/new_icons/bond-aroma-duo.svg)}.draw--web .web-icon--bond-singledouble{mask-image:url(../../images/new_icons/bond-duo-or.svg)}.draw--web .web-icon--bond-triple{mask-image:url(../../images/new_icons/bond-tri.svg)}.draw--web .web-icon--bond-hash{mask-image:url(../../images/new_icons/bond-wedge-hash.svg)}.draw--web .web-icon--bond-wedge{mask-image:url(../../images/new_icons/bond-wedged.svg)}.draw--web .web-icon--bond-up{mask-image:url(../../images/new_icons/bond-unwedged.svg)}.draw--web .web-icon--bond-wedge-2{mask-image:url(../../images/new_icons/bond-hollow-wedged.svg)}.draw--web .web-icon--chain{mask-image:url(../../images/new_icons/chain.svg)}.draw--web .web-icon--multi-bond{mask-image:url(../../images/new_icons/chain-snake.svg)}.draw--web .web-icon--frag-cyclopropane{mask-image:url(../../images/new_icons/ring-3.svg)}.draw--web .web-icon--frag-cyclobutane{mask-image:url(../../images/new_icons/ring-4.svg)}.draw--web .web-icon--frag-cyclopentane{mask-image:url(../../images/new_icons/ring-5.svg)}.draw--web .web-icon--frag-cyclohexane{mask-image:url(../../images/new_icons/ring-6.svg)}.draw--web .web-icon--frag-cycloheptane{mask-image:url(../../images/new_icons/ring-7.svg)}.draw--web .web-icon--frag-cyclooctane{mask-image:url(../../images/new_icons/ring-8.svg)}.draw--web .web-icon--frag-cyclopentadiene{mask-image:url(../../images/new_icons/ring-cyclo.svg)}.draw--web .web-icon--frag-benzene{mask-image:url(../../images/new_icons/ring-ben.svg)}.draw--web .web-icon--frag-chair-cyclohexane1{mask-image:url(../../images/new_icons/ring-6chair1.svg)}.draw--web .web-icon--frag-chair-cyclohexane2{mask-image:url(../../images/new_icons/ring-6chair2.svg)}.draw--web .web-icon--frag-aromatic-cyclopentane{mask-image:url(../../images/new_icons/ring-aroma1.svg)}.draw--web .web-icon--frag-aromatic-cyclopentane2{mask-image:url(../../images/new_icons/ring-aroma2.svg)}.draw--web .web-icon--frag-aromatic-cyclopentane3{mask-image:url(../../images/new_icons/ring-aroma3.svg)}.draw--web .web-icon--frag-aromatic-ferrocene1{mask-image:url(../../images/new_icons/ring-ferro1-full.svg)}.draw--web .web-icon--frag-aromatic-ferrocene2{mask-image:url(../../images/new_icons/ring-ferro2-full.svg)}.draw--web .web-icon--frag-aromatic-ferrocene3{mask-image:url(../../images/new_icons/ring-ferro3-full.svg)}.draw--web .web-icon--frag-aromatic-ferrocene4{mask-image:url(../../images/new_icons/ring-ferro4-full.svg)}.draw--web .web-icon--frag-aromatic-ferrocene5{mask-image:url(../../images/new_icons/ring-ferro5-full.svg)}.draw--web .web-icon--frag-aromatic-benzene{mask-image:url(../../images/new_icons/ring-ben-aroma1.svg)}.draw--web .web-icon--frag-aromatic-benzene2{mask-image:url(../../images/new_icons/ring-ben-aroma2.svg)}.draw--web .web-icon--frag-aromatic-benzene3{mask-image:url(../../images/new_icons/ring-ben-aroma3.svg)}.draw--web .web-icon--straight-arrow{mask-image:url(../../images/new_icons/arrow-l.svg)}.draw--web .web-icon--straight-arrow1{mask-image:url(../../images/new_icons/arrow-m.svg)}.draw--web .web-icon--straight-arrow2{mask-image:url(../../images/new_icons/arrow-s.svg)}.draw--web .web-icon--straight-arrow3{mask-image:url(../../images/new_icons/arrow-bold-l.svg)}.draw--web .web-icon--straight-arrow4{mask-image:url(../../images/new_icons/arrow-bold-m.svg)}.draw--web .web-icon--straight-arrow5{mask-image:url(../../images/new_icons/arrow-bold-s.svg)}.draw--web .web-icon--straight-arrow6{mask-image:url(../../images/new_icons/arrow-dash-l.svg)}.draw--web .web-icon--straight-arrow7{mask-image:url(../../images/new_icons/arrow-dash-m.svg)}.draw--web .web-icon--straight-arrow8{mask-image:url(../../images/new_icons/arrow-dash-s.svg)}.draw--web .web-icon--straight-arrow9{mask-image:url(../../images/new_icons/arrow-left-l.svg)}.draw--web .web-icon--straight-arrow10{mask-image:url(../../images/new_icons/arrow-left-m.svg)}.draw--web .web-icon--straight-arrow11{mask-image:url(../../images/new_icons/arrow-left-s.svg)}.draw--web .web-icon--straight-arrow12{mask-image:url(../../images/new_icons/arrow-right-l.svg)}.draw--web .web-icon--straight-arrow13{mask-image:url(../../images/new_icons/arrow-right-m.svg)}.draw--web .web-icon--straight-arrow14{mask-image:url(../../images/new_icons/arrow-right-s.svg)}.draw--web .web-icon--straight-arrow15{mask-image:url(../../images/new_icons/arrow-both-l.svg)}.draw--web .web-icon--straight-arrow16{mask-image:url(../../images/new_icons/arrow-both-m.svg)}.draw--web .web-icon--straight-arrow17{mask-image:url(../../images/new_icons/arrow-both-s.svg)}.draw--web .web-icon--straight-arrow18{mask-image:url(../../images/new_icons/arrow-end-l.svg)}.draw--web .web-icon--straight-arrow19{mask-image:url(../../images/new_icons/arrow-end-m.svg)}.draw--web .web-icon--straight-arrow20{mask-image:url(../../images/new_icons/arrow-end-s.svg)}.draw--web .web-icon--straight-arrow21{mask-image:url(../../images/new_icons/arrow-end2-l.svg)}.draw--web .web-icon--straight-arrow22{mask-image:url(../../images/new_icons/arrow-end2-m.svg)}.draw--web .web-icon--straight-arrow23{mask-image:url(../../images/new_icons/arrow-end2-s.svg)}.draw--web .web-icon--curve-arrow{mask-image:url(../../images/new_icons/arrow-anticlock-90.svg)}.draw--web .web-icon--curve-arrow1{mask-image:url(../../images/new_icons/arrow-anticlock-120.svg)}.draw--web .web-icon--curve-arrow2{mask-image:url(../../images/new_icons/arrow-anticlock-180.svg)}.draw--web .web-icon--curve-arrow3{mask-image:url(../../images/new_icons/arrow-anticlock-270.svg)}.draw--web .web-icon--curve-arrow4{mask-image:url(../../images/new_icons/arrow-clock-90.svg)}.draw--web .web-icon--curve-arrow5{mask-image:url(../../images/new_icons/arrow-clock-120.svg)}.draw--web .web-icon--curve-arrow6{mask-image:url(../../images/new_icons/arrow-clock-180.svg)}.draw--web .web-icon--curve-arrow7{mask-image:url(../../images/new_icons/arrow-clock-270.svg)}.draw--web .web-icon--curve-arrow8{mask-image:url(../../images/new_icons/arrow-anticlock-left-90.svg)}.draw--web .web-icon--curve-arrow9{mask-image:url(../../images/new_icons/arrow-anticlock-left-120.svg)}.draw--web .web-icon--curve-arrow10{mask-image:url(../../images/new_icons/arrow-anticlock-left-180.svg)}.draw--web .web-icon--curve-arrow11{mask-image:url(../../images/new_icons/arrow-anticlock-left-270.svg)}.draw--web .web-icon--curve-arrow12{mask-image:url(../../images/new_icons/arrow-clock-left-90.svg)}.draw--web .web-icon--curve-arrow13{mask-image:url(../../images/new_icons/arrow-clock-left-120.svg)}.draw--web .web-icon--curve-arrow14{mask-image:url(../../images/new_icons/arrow-clock-left-180.svg)}.draw--web .web-icon--curve-arrow15{mask-image:url(../../images/new_icons/arrow-clock-left-270.svg)}.draw--web .web-icon--curve-arrow16{mask-image:url(../../images/new_icons/arrow-clock-both-90.svg)}.draw--web .web-icon--curve-arrow17{mask-image:url(../../images/new_icons/arrow-clock-both-120.svg)}.draw--web .web-icon--curve-arrow18{mask-image:url(../../images/new_icons/arrow-clock-both-180.svg)}.draw--web .web-icon--curve-arrow19{mask-image:url(../../images/new_icons/arrow-clock-both-270.svg)}.draw--web .web-icon--curve-arrow20{mask-image:url(../../images/new_icons/arrow-oval-270.svg)}.draw--web .web-icon--curve-arrow21{mask-image:url(../../images/new_icons/arrow-oval-anti-270.svg)}.draw--web .web-icon--reverse{mask-image:url(../../images/new_icons/arrow-balance-l.svg)}.draw--web .web-icon--reverse2{mask-image:url(../../images/new_icons/arrow-hol-l.svg)}.draw--web .web-icon--reverse3{mask-image:url(../../images/new_icons/arrow-balance-m.svg)}.draw--web .web-icon--reverse4{mask-image:url(../../images/new_icons/arrow-balance-s.svg)}.draw--web .web-icon--reverse5{mask-image:url(../../images/new_icons/arrow-unbalance-l.svg)}.draw--web .web-icon--reverse6{mask-image:url(../../images/new_icons/arrow-unbalance-m.svg)}.draw--web .web-icon--reverse7{mask-image:url(../../images/new_icons/arrow-unbalance-s.svg)}.draw--web .web-icon--reverse8{mask-image:url(../../images/new_icons/arrow-hol-m.svg)}.draw--web .web-icon--reverse9{mask-image:url(../../images/new_icons/bond-re-l.svg)}.draw--web .web-icon--reverse10{mask-image:url(../../images/new_icons/bond-re-m.svg)}.draw--web .web-icon--spline-curve-1{mask-image:url(../../images/new_icons/toolbar-drag/bezier-curve-arrow-solid.svg)}.draw--web .web-icon--spline-curve-2{mask-image:url(../../images/new_icons/toolbar-drag/bezier-curve-arrow-left.svg)}.draw--web .web-icon--spline-curve-3{mask-image:url(../../images/new_icons/toolbar-drag/bezier-curve-arrow-right.svg)}.draw--web .web-icon--spline-curve-4{mask-image:url(../../images/new_icons/toolbar-drag/bezier-curve-arrow-double-head.svg)}.draw--web .web-icon--shapes{mask-image:url(../../images/new_icons/ui-svg/shapes.svg)}.draw--web .web-icon--fd-circle{mask-image:url(../../images/new_icons/shape-circle-line.svg)}.draw--web .web-icon--fd-dash-circle{mask-image:url(../../images/new_icons/shape-circle-dash.svg)}.draw--web .web-icon--fd-line{mask-image:url(../../images/new_icons/shape-line-solid.svg)}.draw--web .web-icon--fd-arc270{mask-image:url(../../images/new_icons/curve-270-solid.svg)}.draw--web .web-icon--fd-dash-arc270{mask-image:url(../../images/new_icons/curve-270-dash.svg)}.draw--web .web-icon--fd-ellipse{mask-image:url(../../images/new_icons/shape-oval-line.svg)}.draw--web .web-icon--fd-dash-ellipse{mask-image:url(../../images/new_icons/shape-oval-dash.svg)}.draw--web .web-icon--fd-3d-circle{background-image:url(../../images/new_icons/shape-oval-grad-1.svg);background-color:transparent!important}.draw--web .web-icon--fd-3d-ellipse{background-image:url(../../images/new_icons/shape-oval-grad.svg);background-color:transparent!important}.draw--web .web-icon--fd-3d-rect{background-image:url(../../images/new_icons/ring-rect-grad.svg);background-color:transparent!important}.draw--web .web-icon--fd-3d-rounded-rect{background-image:url(../../images/new_icons/shape-corner-grad.svg);background-color:transparent!important}.draw--web .web-icon--fd-solid-circle{background-image:url(../../images/new_icons/shape-circle-filled.svg);background-color:transparent!important}.draw--web .web-icon--fd-solid-ellipse{background-image:url(../../images/new_icons/shape-oval-filled.svg);background-color:transparent!important}.draw--web .web-icon--fd-solid-rect{background-image:url(../../images/new_icons/shape-rect-filled.svg);background-color:transparent!important}.draw--web .web-icon--fd-solid-rounded-rect{background-image:url(../../images/new_icons/shape-corner-filled.svg);background-color:transparent!important}.draw--web .web-icon--fd-shadow-circle{mask-image:url(../../images/new_icons/shape-circle-shadow.svg)}.draw--web .web-icon--fd-shadow-ellipse{mask-image:url(../../images/new_icons/shape-oval-shadow.svg)}.draw--web .web-icon--fd-shadow-rect{mask-image:url(../../images/new_icons/shape-rect-shadow.svg)}.draw--web .web-icon--fd-shadow-rounded-rect{mask-image:url(../../images/new_icons/shape-corner-shadow.svg)}.draw--web .web-icon--fd-dash-line{mask-image:url(../../images/new_icons/shape-line-dash.svg)}.draw--web .web-icon--fd-arc180{mask-image:url(../../images/new_icons/curve-180-solid.svg)}.draw--web .web-icon--fd-dash-arc180{mask-image:url(../../images/new_icons/curve-180-dash.svg)}.draw--web .web-icon--fd-rounded-rect{mask-image:url(../../images/new_icons/shape-corner-line.svg)}.draw--web .web-icon--fd-dash-rounded-rect{mask-image:url(../../images/new_icons/shape-corner-dash.svg)}.draw--web .web-icon--fd-arc-line{mask-image:url(../../images/new_icons/shape-line-wave.svg)}.draw--web .web-icon--fd-arc120{mask-image:url(../../images/new_icons/curve-120-solid.svg)}.draw--web .web-icon--fd-dash-arc120{mask-image:url(../../images/new_icons/curve-120-dash.svg)}.draw--web .web-icon--fd-rect{mask-image:url(../../images/new_icons/shape-rect-line.svg)}.draw--web .web-icon--fd-dash-rect{mask-image:url(../../images/new_icons/shape-rect-dash.svg)}.draw--web .web-icon--fd-bold-line{mask-image:url(../../images/new_icons/shape-line-bold.svg)}.draw--web .web-icon--fd-arc90{mask-image:url(../../images/new_icons/curve-90-solid.svg)}.draw--web .web-icon--fd-dash-arc90{mask-image:url(../../images/new_icons/curve-90-dash.svg)}.draw--web .web-icon--charge-add{mask-image:url(../../images/new_icons/e-plus.svg)}.draw--web .web-icon--charge-sub{mask-image:url(../../images/new_icons/e-minus.svg)}.draw--web .web-icon--chem-symbol-circle-plus{mask-image:url(../../images/new_icons/e-increase-charge.svg)}.draw--web .web-icon--chem-symbol-circle-minus{mask-image:url(../../images/new_icons/e-decrease-charge.svg)}.draw--web .web-icon--chem-symbol-lone-pair{mask-image:url(../../images/new_icons/e-dot-symbol.svg)}.draw--web .web-icon--chem-symbol-radical{mask-image:url(../../images/new_icons/e-free.svg)}.draw--web .web-icon--chem-symbol-dot-cross{mask-image:url(../../images/new_icons/e-electron-dot-symbol-1.svg)}.draw--web .web-icon--chem-symbol-cross-dot{mask-image:url(../../images/new_icons/e-electron-dot-symbol-2.svg)}.draw--web .web-icon--chem-symbol-cross-cross{mask-image:url(../../images/new_icons/e-electron-dot-symbol-3.svg)}.draw--web .web-icon--fd-square-bracket{mask-image:url(../../images/new_icons/bracket-square.svg)}.draw--web .web-icon--fd-round-bracket{mask-image:url(../../images/new_icons/bracket-round.svg)}.draw--web .web-icon--fd-brace{mask-image:url(../../images/new_icons/bracket-brace.svg)}.draw--web .web-icon--fd-square-brackets{mask-image:url(../../images/new_icons/bracket-square-pair.svg)}.draw--web .web-icon--fd-round-brackets{mask-image:url(../../images/new_icons/bracket-round-pair.svg)}.draw--web .web-icon--fd-braces{mask-image:url(../../images/new_icons/bracket-brace-pair.svg)}.draw--web .web-icon--sg-square-brackets{mask-image:url(../../images/new_icons/bracket-square-pair-multi.svg)}.draw--web .web-icon--sg-round-brackets{mask-image:url(../../images/new_icons/bracket-round-pair-multi.svg)}.draw--web .web-icon--sg-braces{mask-image:url(../../images/new_icons/bracket-brace-pair-multi.svg)}.draw--web .web-icon--stereo-flags-abs{mask-image:url(../../images/new_icons/mark-abs.svg)}.draw--web .web-icon--stereo-flags-rac{mask-image:url(../../images/new_icons/mark-rac.svg)}.draw--web .web-icon--stereo-flags-rel{mask-image:url(../../images/new_icons/mark-rel.svg)}.draw--web .web-icon--stereo-flags-chiral{mask-image:url(../../images/new_icons/mark-chiral.svg)}.draw--web .web-icon--fd-square-brackets-legacy{mask-image:url(../../images/new_icons/bracket-square-pair.svg)}.draw--web .web-icon--helm{mask-image:url(../../images/new_icons/helm.svg)}.draw--web .web-icon--template{mask-image:url(../../images/new_icons/libarary.svg)}.draw--web .web-icon--align-horizontal-start{mask-image:url(../../images/new_icons/align-start-vertical.svg)}.draw--web .web-icon--align-horizontal-center{mask-image:url(../../images/new_icons/align-center-vertical.svg)}.draw--web .web-icon--align-horizontal-end{mask-image:url(../../images/new_icons/align-end-vertical.svg)}.draw--web .web-icon--align-horizontal-distributed{mask-image:url(../../images/new_icons/align-horizontal-space-around.svg)}.draw--web .web-icon--align-vertical-start{mask-image:url(../../images/new_icons/align-start-horizontal.svg)}.draw--web .web-icon--align-vertical-center{mask-image:url(../../images/new_icons/align-center-horizontal.svg)}.draw--web .web-icon--align-vertical-end{mask-image:url(../../images/new_icons/align-end-horizontal.svg)}.draw--web .web-icon--align-vertical-distributed{mask-image:url(../../images/new_icons/align-vertical-space-around.svg)}.draw--web .web-icon--format-structure{mask-image:url(../../images/new_icons/clean-up-structure.svg)}.draw--web .web-icon--format-rxn{mask-image:url(../../images/new_icons/clean-up-reaction.svg)}.draw--web .web-icon--calculator{mask-image:url(../../images/new_icons/toolbar-top/calculator.svg)}.draw--web .web-icon--import-structure{mask-image:url(../../images/new_icons/toolbar-top/search.svg)}.draw--web .web-icon--open-folder{mask-image:url(../../images/new_icons/folder-open.svg)}.draw--web .web-icon--save-file{mask-image:url(../../images/new_icons/save.svg)}.draw--web .web-icon--more{mask-image:url(../../images/new_icons/dots-ellipsis.svg)}.draw--web .web-icon--maximum{mask-image:url(../../images/new_icons/system/maximize.svg)}.draw--web .web-icon--minimum{mask-image:url(../../images/new_icons/system/minimize.svg)}.draw--web .web-icon--tlc{mask-image:url(../../images/new_icons/tlc.svg)}.draw--web .web-icon--lock-light{mask-image:url(../../images/new_icons/system/lock--light-secondary.svg)}.draw--web .web-icon--CFS{mask-image:url(../../images/new_icons/material.svg)}.draw--web .web-icon--Int{mask-image:url(../../images/new_icons/format-ind.svg)}.draw--web .web-icon--96{mask-image:url(../../images/new_icons/format-96.svg)}.draw--web .web-icon--ASC{mask-image:url(../../images/new_icons/format-asc.svg)}.draw--web .web-icon--IDS{mask-image:url(../../images/new_icons/format-ids.svg)}.draw--web .web-icon--JCC{mask-image:url(../../images/new_icons/format-jcc.svg)}.draw--web .web-icon--JHC{mask-image:url(../../images/new_icons/format-jhc.svg)}.draw--web .web-icon--JMM{mask-image:url(../../images/new_icons/format-jmm.svg)}.draw--web .web-icon--ND{mask-image:url(../../images/new_icons/format-nd.svg)}.draw--web .web-icon--PD{mask-image:url(../../images/new_icons/format-pd.svg)}.draw--web .web-icon--RSC{mask-image:url(../../images/new_icons/format-rsc.svg)}.draw--web .web-icon--SS{mask-image:url(../../images/new_icons/format-ss.svg)}.draw--web .web-icon--STC{mask-image:url(../../images/new_icons/format-stc.svg)}.draw--web .web-icon--SYN{mask-image:url(../../images/new_icons/format-syn.svg)}.draw--web .web-icon--VHC{mask-image:url(../../images/new_icons/format-vhc.svg)}.draw--web .web-icon--WD{mask-image:url(../../images/new_icons/format-wd.svg)}.draw--web .web-icon--info-line{mask-image:url(../../images/new_icons/system/info--line.svg)}.draw--web .web-toolbar{display:flex;flex-direction:row;align-items:center;user-select:none;height:32px}.draw--web .web-toolbar--horizontal{display:flex;flex-direction:row;align-items:center}.draw--web .web-toolbar--vertical{display:flex;flex-direction:column;align-items:flex-start}.draw--web .toolbar-group{display:flex;align-items:center;flex-wrap:wrap}.draw--web .toolbar-item,.draw--web .web-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;gap:0;border:none;background:0 0;border-radius:4px;cursor:pointer;color:#313233}.draw--web .web-toolbar__btn--dropdown{width:36px;justify-content:flex-start}.draw--web .web-toolbar__btn--dropdown .web-toolbar__btn-main-area{display:inline-flex;align-items:center;justify-content:center;width:22px;height:32px;cursor:pointer}.draw--web .web-toolbar__btn--dropdown .web-toolbar__btn-dropdown-area{display:inline-flex;align-items:center;justify-content:center;width:14px;height:32px;cursor:pointer}.draw--web .web-toolbar__btn--dropdown .web-toolbar__btn-dropdown-area:hover{background-color:#e6e6ed;outline:0}.draw--web .toolbar-item:hover{background-color:#f2f2f5}.draw--web .toolbar-item:focus-visible{outline:#7366ff solid 1px}.draw--web .btn-group{position:relative}.draw--web .btn-group::after{content:"";position:absolute;display:block;bottom:3px;right:3px;width:0;height:0;border-top:3px solid transparent;border-right:3px solid #7c7c7c;border-bottom:3px solid #7c7c7c;border-left:3px solid transparent}.draw--web .toolbar-group-flyout .toolbar-group-children{position:absolute;top:100%;left:0;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;box-shadow:0 6px 18px rgba(0,0,0,.12);display:flex;box-sizing:border-box}.draw--web .toolbar-group-children .toolbar-group{gap:4px}.draw--web .toolbar-group-children .separator-horizontal{width:100%;height:1px;margin:4px 0;background:#d1d5db}.draw--web .toolbar-group-children .separator-vertical{width:1px;height:auto;min-height:24px;margin:0 4px;align-self:stretch}.draw--web .toolbar-group.open>.toolbar-group-children{display:flex}.draw--web .toolbar-separator{background:#d1d5db;flex-shrink:0}.draw--web .separator-horizontal{width:1px;height:22px;margin:0 6px}.draw--web .separator-vertical{height:1px;width:100%;margin:4px 0}.draw--web .toolbar-menu-item{box-sizing:border-box;width:232px;padding:5px 8px 5px 12px;display:flex;align-items:center;cursor:pointer;white-space:nowrap;gap:8px}.draw--web .toolbar-menu-item:hover:not(.disabled){background-color:#f7f7fa;border-radius:4px}.draw--web .toolbar-item-shortcut-text{background:rgba(255,255,255,.2);padding:0 6px;border-radius:2px;font-family:"HarmonyOS Sans SC";font-size:12px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center}.draw--web .web-readonly-badge{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:0 12px;min-width:64px;height:24px;line-height:24px;border-radius:4px;background-color:#f2f2f5;color:#9c9ca6;font-size:12px;font-weight:400;user-select:none;cursor:default;flex-wrap:nowrap;white-space:nowrap}.draw--web .web-readonly-badge__icon{width:14px;height:14px;background-color:#6b7280;flex:0 0 auto}.draw--web .web-readonly-badge__text{line-height:18px;white-space:nowrap}.draw--web .save-file-type-selector{width:100%;height:34px;padding:6px 12px;border:1px solid #e0e0e6;border-radius:8px;background:#f6f7fb;font-size:14px;color:#17171a}.draw--web #template-container{width:fit-content;height:344px;box-sizing:border-box}.draw--web #template-container .template-body{width:406px;height:244px}.draw--web #template-container .template-search{width:372px;height:32px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.draw--web #template-container .template-menu{width:120px;height:242px;max-height:242px;overflow-y:auto;overflow-x:hidden}.draw--web #template-container .template-content{width:256px;height:242px;max-height:242px;overflow-y:auto;overflow-x:hidden}.draw--web #template-container .template-item{width:80px;height:84px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.draw--web .category-block{width:100%;display:block;margin-bottom:8px}.draw--web .category-divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0,#e5e7eb 15%,#e5e7eb 85%,transparent 100%);margin:12px 0}.draw--web .category-title{width:100%;height:28px;line-height:28px;font-size:16px;font-weight:600;color:#6a6a73;padding-left:8px;background-color:#f7f7fa;border-radius:4px;margin-bottom:10px}.draw--web .category-items{display:flex;flex-wrap:wrap;gap:2px}.draw--web .category-block.search-hidden{display:none}