._selectOption_1e7f3_1{cursor:pointer}._hasNoFocusVisibleColor_1e7f3_7:focus-visible{outline:none}._hasCustomFocusVisibleColor_1e7f3_13:focus-visible{outline:solid var(--outline-focus-visible-color)}._optgroupLabel_110sa_1{font-weight:700;margin-top:2px}._selectDropdown_1186o_1{position:absolute;border-top:0;padding-left:0;padding-right:0;width:100%;box-sizing:border-box;overflow-y:auto}._selectDropdown_1186o_1._close_1186o_19{display:none}._hasNoFocusVisibleColor_1186o_25:focus-visible{outline:none}._hasCustomFocusVisibleColor_1186o_31:focus-visible{outline:solid var(--outline-focus-visible-color)}._selectInput_3le8h_1{cursor:pointer;display:flex;align-items:center;position:relative}._selectedValue_3le8h_13{position:absolute;width:1px;height:1px;padding:0;border:none;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}._selectedText_3le8h_33{flex:1 1 100%}._selectControl_3le8h_39{width:10px;height:10px}._selectArrow_3le8h_47._open_3le8h_47{transform:scaleY(-1)}._clearSelect_3le8h_53{display:none}._clearSelect_3le8h_53._hasSelection_3le8h_59{display:inline-block}._hasNoFocusVisibleColor_3le8h_65:focus-visible{outline:none}._hasCustomFocusVisibleColor_3le8h_71:focus-visible{outline:solid var(--outline-focus-visible-color)}._selectContainer_1f1fy_1{position:relative;font-family:sans-serif}ul{list-style:none;margin:0;padding:0}.unvalid>input{border:1px solid red}.unvalid:after{display:inline-block;content:"Invalid CSS property";color:red}.component-demo{margin:0 auto;width:max-content;min-width:350px;padding:30px;display:flex;flex-direction:column;align-items:start}.component-demo form{width:100%}.info-component{font-size:14px;font-style:italic}.demo-label{margin-bottom:10px;display:block;font-weight:600}.form-list{min-width:1040px}.form-list li{padding:15px;display:flex;align-items:start}.form-list li:nth-of-type(odd){background-color:#f5f5f5}.form-prop{display:flex;justify-content:end;gap:20px;width:190px;margin-right:30px}.form-content{display:flex;justify-content:space-between;align-items:start}.form-text{width:390px;padding-right:20px}.form-title{font-weight:600}.form-desc{font-size:14px;font-style:italic;margin:5px 0 0}.form-desc p{margin:0}.form-radio-buttons{display:flex;flex-direction:column}.prop-code{background-color:#dadada;padding:3px 6px;border-radius:4px;font-size:inherit}.prop-css-input{width:200px;text-align:right;padding:5px;margin-right:10px}.prop-new-feature{color:red}.blue-background{background-color:#8cc1ec}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}body{margin:0;background-color:#dfdfdf}.main-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1240px;margin:0 auto;padding:40px;background-color:#fff}.code-item{background-color:#dadada;padding:3px 6px;border-radius:4px}br{margin-bottom:7px}h1{margin-bottom:4rem;text-align:center}h2{margin-top:20px}h3{margin-bottom:0}.code-demo{display:flex;gap:50px}.code-example,.demo-example{flex:1 1 50%}