<?xml version="1.0" encoding="UTF-8" ?>
<messages>
  <message id="src-Anchor">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAnchor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>


<span class="c1">// Create an anchor that links to a URL through clickable text.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="w"> </span><span class="n">link</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;https://www.webtoolkit.eu/&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">link</span><span class="p">.</span><span class="n">setTarget</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkTarget</span><span class="o">::</span><span class="n">NewWindow</span><span class="p">);</span><span class="w"></span>

<span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="w"> </span><span class="n">anchor</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="p">(</span><span class="n">link</span><span class="p">,</span><span class="w"></span>
<span class="w">                        </span><span class="s">&quot;Wt homepage (in a new window)&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-AnchorImage">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAnchor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>


<span class="c1">// Create an anchor that links to a URL through an image.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="w"> </span><span class="n">link</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;https://www.emweb.be/&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">link</span><span class="p">.</span><span class="n">setTarget</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkTarget</span><span class="o">::</span><span class="n">NewWindow</span><span class="p">);</span><span class="w"></span>

<span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="w"> </span><span class="n">anchor</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="p">(</span><span class="n">link</span><span class="p">);</span><span class="w"></span>
<span class="n">anchor</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;https://www.emweb.be/css/emweb_small.png&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Audio">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAudio.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="c1">// Define media source locations.</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">mp3Audio</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">            </span><span class="s">&quot;https://www.webtoolkit.eu/audio/LaSera-NeverComeAround.mp3&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">oggAudio</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">            </span><span class="s">&quot;https://www.webtoolkit.eu/audio/LaSera-NeverComeAround.ogg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WAudio</span><span class="w"> </span><span class="o">*</span><span class="n">audio</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAudio</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">audio</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">mp3Audio</span><span class="p">));</span><span class="w"></span>
<span class="n">audio</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">oggAudio</span><span class="p">));</span><span class="w"></span>
<span class="n">audio</span><span class="o">-&gt;</span><span class="n">setOptions</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PlayerOption</span><span class="o">::</span><span class="n">Controls</span><span class="p">);</span><span class="w"></span>
<span class="n">audio</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="w"></span>
<span class="w">  </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;You don&#39;t have HTML5 audio support!&quot;</span><span class="p">));</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">audio</span><span class="o">-&gt;</span><span class="n">playbackStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Audio playing&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">audio</span><span class="o">-&gt;</span><span class="n">playbackPaused</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Audio paused&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">audio</span><span class="o">-&gt;</span><span class="n">ended</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Audio ended&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">audio</span><span class="o">-&gt;</span><span class="n">volumeChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Volume changed&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-AutoComplete">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSuggestionPopup.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Set options for email address suggestions:</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WSuggestionPopup</span><span class="o">::</span><span class="n">Options</span><span class="w"> </span><span class="n">contactOptions</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">highlightBeginTag</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;span class=</span><span class="se">\&quot;</span><span class="s">highlight</span><span class="se">\&quot;</span><span class="s">&gt;&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">highlightEndTag</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;/span&gt;&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">listSeparator</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sc">&#39;,&#39;</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">whitespace</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot; </span><span class="se">\n</span><span class="s">&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">wordSeparators</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;-., </span><span class="se">\&quot;</span><span class="s">@</span><span class="se">\n</span><span class="s">;&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">contactOptions</span><span class="p">.</span><span class="n">appendReplacedText</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;, &quot;</span><span class="p">;</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSuggestionPopup</span><span class="w"> </span><span class="o">*</span><span class="n">sp</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="w"></span>
<span class="w">      </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSuggestionPopup</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WSuggestionPopup</span><span class="o">::</span><span class="n">generateMatcherJS</span><span class="p">(</span><span class="n">contactOptions</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WSuggestionPopup</span><span class="o">::</span><span class="n">generateReplacerJS</span><span class="p">(</span><span class="n">contactOptions</span><span class="p">)));</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">le</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">le</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Enter a name starting with &#39;J&#39;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sp</span><span class="o">-&gt;</span><span class="n">forEdit</span><span class="p">(</span><span class="n">le</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Populate the underlying model with suggestions:</span>
<span class="n">sp</span><span class="o">-&gt;</span><span class="n">addSuggestion</span><span class="p">(</span><span class="s">&quot;John Tech &lt;techie@mycompany.com&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sp</span><span class="o">-&gt;</span><span class="n">addSuggestion</span><span class="p">(</span><span class="s">&quot;Johnny Cash &lt;cash@mycompany.com&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sp</span><span class="o">-&gt;</span><span class="n">addSuggestion</span><span class="p">(</span><span class="s">&quot;John Rambo &lt;rambo@mycompany.com&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sp</span><span class="o">-&gt;</span><span class="n">addSuggestion</span><span class="p">(</span><span class="s">&quot;Johanna Tree &lt;johanna@mycompany.com&gt;&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-AxisSliderWidget">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WAxisSliderWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WDataSeries.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WItemDelegate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WShadow.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">model</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;timeseries.csv&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">model</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">container</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Parses the first column as dates, to be able to use a date scale</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">WString</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">WDate</span><span class="w"> </span><span class="n">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">WDate</span><span class="o">::</span><span class="n">fromString</span><span class="p">(</span><span class="n">s</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;dd/MM/yy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">date</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Creates the scatter plot.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setBackground</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setScale</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">AxisScale</span><span class="o">::</span><span class="n">Date</span><span class="p">);</span><span class="w"></span>
<span class="kt">double</span><span class="w"> </span><span class="n">min</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asNumber</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="kt">double</span><span class="w"> </span><span class="n">max</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asNumber</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="c1">// Set maximum X zoom level to 16x zoom</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMinimumZoomRange</span><span class="p">((</span><span class="n">max</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">min</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">16.0</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Add the second and the third column as line series.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">s_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">s</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">s_</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">s</span><span class="p">));</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Enable pan and zoom</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPanEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setZoomEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>

<span class="c1">// Add a WAxisSliderWidget for the chart using the data series for column 2</span>
<span class="k">auto</span><span class="w"> </span><span class="n">sliderWidget</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WAxisSliderWidget</span><span class="o">&gt;</span><span class="p">(</span><span class="n">s_</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">setSelectionAreaPadding</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>
</pre></div>
  </message>
  <message id="src-AxisSliderWidgetDifferentDataSeries">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WAbstractChartModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WAxisSliderWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WDataSeries.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WObject.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WShadow.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cmath&gt;</span><span class="cp"></span>

<span class="cp">#define M_PI 3.14159265358979323846</span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">SinModel</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">WAbstractChartModel</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">SinModel</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">minimum</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">maximum</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">rows</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="o">:</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">WAbstractChartModel</span><span class="p">(),</span><span class="w"></span>
<span class="w">      </span><span class="n">minimum_</span><span class="p">(</span><span class="n">minimum</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">maximum_</span><span class="p">(</span><span class="n">maximum</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">rows_</span><span class="p">(</span><span class="n">rows</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">data</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">minimum_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="p">(</span><span class="n">maximum_</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">minimum_</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="p">(</span><span class="n">rowCount</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">column</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">sin</span><span class="p">(</span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">sin</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">100.0</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">40.0</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">columnCount</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">rowCount</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">rows_</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">minimum</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">minimum_</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">maximum</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">maximum_</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">minimum_</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">maximum_</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="kt">int</span><span class="w"> </span><span class="n">rows_</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setBackground</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create a rough model to use for the WAxisSliderWidget</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">roughModel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">SinModel</span><span class="o">&gt;</span><span class="p">(</span><span class="o">-</span><span class="n">M_PI</span><span class="p">,</span><span class="w"> </span><span class="n">M_PI</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">roughSeries</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">roughSeries_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">roughSeries</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">roughSeries_</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">roughModel</span><span class="p">);</span><span class="w"></span>
<span class="n">roughSeries_</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="c1">// Add the rough series to the chart, but hide it!</span>
<span class="n">roughSeries</span><span class="o">-&gt;</span><span class="n">setHidden</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">roughSeries</span><span class="p">));</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create a detailed model</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">detailedModel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">SinModel</span><span class="o">&gt;</span><span class="p">(</span><span class="o">-</span><span class="n">M_PI</span><span class="p">,</span><span class="w"> </span><span class="n">M_PI</span><span class="p">,</span><span class="w"> </span><span class="mi">10000</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">seriesPtr</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">series</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">seriesPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">series</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">detailedModel</span><span class="p">);</span><span class="w"></span>
<span class="n">series</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="n">series</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">seriesPtr</span><span class="p">));</span><span class="w"></span>


<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMaximumZoomRange</span><span class="p">(</span><span class="n">M_PI</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMinimumZoomRange</span><span class="p">(</span><span class="n">M_PI</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">16.0</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMinimum</span><span class="p">(</span><span class="mf">-3.5</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMaximum</span><span class="p">(</span><span class="mf">3.5</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y</span><span class="p">).</span><span class="n">setMinimumZoomRange</span><span class="p">(</span><span class="mf">0.1</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y</span><span class="p">).</span><span class="n">setMinimum</span><span class="p">(</span><span class="mf">-1.5</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y</span><span class="p">).</span><span class="n">setMaximum</span><span class="p">(</span><span class="mf">1.5</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Enable pan and zoom</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPanEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setZoomEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Enable on-demand loading</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setOnDemandLoadingEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>

<span class="c1">// Add a WAxisSliderWidget for the chart using the data series for column 2</span>
<span class="k">auto</span><span class="w"> </span><span class="n">sliderWidget</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WAxisSliderWidget</span><span class="o">&gt;</span><span class="p">(</span><span class="n">roughSeries_</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">setSelectionAreaPadding</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">sliderWidget</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>
</pre></div>
  </message>
  <message id="src-BorderLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBorderLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setHeight</span><span class="p">(</span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">layout</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBorderLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">cell</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;{1} item&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="n">cell</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="s">&quot;North&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">LayoutPosition</span><span class="o">::</span><span class="n">North</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="n">cell</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="s">&quot;West&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">LayoutPosition</span><span class="o">::</span><span class="n">West</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="n">cell</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="s">&quot;East&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">LayoutPosition</span><span class="o">::</span><span class="n">East</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="n">cell</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="s">&quot;South&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">LayoutPosition</span><span class="o">::</span><span class="n">South</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="n">cell</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="s">&quot;Center&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">LayoutPosition</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CalendarExtended">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCalendar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WCalendar</span><span class="w"> </span><span class="o">*</span><span class="n">c2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCalendar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">c2</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Extended</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">*</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">c2</span><span class="o">-&gt;</span><span class="n">selectionChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">selected</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">set</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">c2</span><span class="o">-&gt;</span><span class="n">selection</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">auto</span><span class="w"> </span><span class="o">&amp;</span><span class="n">date</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">c2</span><span class="o">-&gt;</span><span class="n">selection</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">selected</span><span class="p">.</span><span class="n">empty</span><span class="p">())</span><span class="w"></span>
<span class="w">            </span><span class="n">selected</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="s">&quot;, &quot;</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="n">selected</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">date</span><span class="p">.</span><span class="n">toString</span><span class="p">(</span><span class="s">&quot;dd/MM/yyyy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;You selected the following dates: {1}&lt;/p&gt;&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">selected</span><span class="p">));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CalendarSimple">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCalendar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WCalendar</span><span class="w"> </span><span class="o">*</span><span class="n">c1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCalendar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">c1</span><span class="o">-&gt;</span><span class="n">selectionChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">set</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">c1</span><span class="o">-&gt;</span><span class="n">selection</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">selection</span><span class="p">.</span><span class="n">size</span><span class="p">()</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="w"> </span><span class="n">d</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="o">*</span><span class="n">selection</span><span class="p">.</span><span class="n">begin</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="w"> </span><span class="nf">toDate</span><span class="p">(</span><span class="n">d</span><span class="p">.</span><span class="n">year</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">days</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">d</span><span class="p">.</span><span class="n">daysTo</span><span class="p">(</span><span class="n">toDate</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;That&#39;s {1} days until New Year&#39;s Day!&lt;/p&gt;&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                     </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">days</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CategoryChart">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WDataSeries.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WItemDelegate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;category.csv&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">model</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">container</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Configure all model items as selectable and editable.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">col</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">item</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">col</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setFlags</span><span class="p">(</span><span class="n">ItemFlag</span><span class="o">::</span><span class="n">Editable</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Shows a table, allowing editing of the model</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnResizeEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setAlternatingRowColors</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">4</span><span class="o">*</span><span class="mi">120</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">80</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">5</span><span class="o">*</span><span class="mi">7</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Editing does not really work without Ajax, it would require an</span>
<span class="cm"> * additional button somewhere to confirm the edited value.</span>
<span class="cm"> */</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">instance</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">environment</span><span class="p">().</span><span class="n">ajax</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">SingleClicked</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditOptions</span><span class="p">(</span><span class="n">table</span><span class="o">-&gt;</span><span class="n">editOptions</span><span class="p">()</span><span class="w"> </span><span class="o">|</span><span class="w"></span>
<span class="w">                          </span><span class="n">EditOption</span><span class="o">::</span><span class="n">SaveWhenClosed</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Use a delegate for the numeric data which rounds values sensibly.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">delegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">WItemDelegate</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">delegate</span><span class="o">-&gt;</span><span class="n">setTextFormat</span><span class="p">(</span><span class="s">&quot;%.f&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setItemDelegate</span><span class="p">(</span><span class="n">delegate</span><span class="p">);</span><span class="w"></span>

<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create the category chart.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLegendEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Provide ample space for the title, the X and Y axis and the legend.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Add all (but first) column as bar series.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">column</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">series</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="n">column</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Bar</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">series</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">series</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">600</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CategoryCharts3D">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCssDecorationStyle.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBorder.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesian3DChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WGridData.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;DataModels.h&quot;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// create the chart</span>
<span class="k">auto</span><span class="w"> </span><span class="n">chart</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesian3DChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Category</span><span class="p">);</span><span class="w"></span>

<span class="c1">// disable server-side rendering fallback; our VPSes don&#39;t have that</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setRenderOptions</span><span class="p">(</span><span class="n">GLRenderOption</span><span class="o">::</span><span class="n">ClientSide</span><span class="o">|</span><span class="w"> </span><span class="n">GLRenderOption</span><span class="o">::</span><span class="n">AntiAliasing</span><span class="p">);</span><span class="w"></span>

<span class="n">WCssDecorationStyle</span><span class="w"> </span><span class="n">style</span><span class="p">;</span><span class="w"></span>
<span class="n">style</span><span class="p">.</span><span class="n">setBorder</span><span class="p">(</span><span class="n">WBorder</span><span class="p">(</span><span class="n">BorderStyle</span><span class="o">::</span><span class="n">Solid</span><span class="p">,</span><span class="w"> </span><span class="n">BorderWidth</span><span class="o">::</span><span class="n">Medium</span><span class="p">,</span><span class="w"></span>
<span class="w">                            </span><span class="n">WColor</span><span class="p">(</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">)));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setDecorationStyle</span><span class="p">(</span><span class="n">style</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">600</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Fish consumption in western Europe&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">).</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Consumption (pcs/year)&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLegendStyle</span><span class="p">(</span><span class="n">WFont</span><span class="p">(),</span><span class="w"> </span><span class="n">WPen</span><span class="p">(),</span><span class="w"></span>
<span class="w">                      </span><span class="n">WBrush</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">LightGray</span><span class="p">)));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLegendEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">XZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">YZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="c1">// load data</span>
<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;fish_consumption.csv&quot;</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="c1">// highlight Belgian codfish consumption</span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">j</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="n">j</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">j</span><span class="p">))</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;codfish&quot;</span><span class="p">)</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"></span>
<span class="w">            </span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">))</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Belgium&quot;</span><span class="p">))</span><span class="w"></span>
<span class="w">            </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="n">j</span><span class="p">,</span><span class="w"></span>
<span class="w">                           </span><span class="n">WColor</span><span class="p">(</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Cyan</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerBrushColor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">isotopes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WGridData</span><span class="o">&gt;</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">isotopes</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;made-up data&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">isotopes</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Series3DType</span><span class="o">::</span><span class="n">Bar</span><span class="p">);</span><span class="w"></span>

<span class="c1">// add the dataseries to the chart</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addDataSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">isotopes</span><span class="p">));</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="w"></span>
<span class="w">    </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;pics/categoricalChartScreenshot.png&quot;</span><span class="p">)));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CheckBoxInline">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCheckBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="w"> </span><span class="o">*</span><span class="n">cb</span><span class="p">;</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me too!&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me, I&#39;m tristate!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setTristate</span><span class="p">();</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setCheckState</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">CheckState</span><span class="o">::</span><span class="n">PartiallyChecked</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CheckBoxStack">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCheckBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="w"> </span><span class="o">*</span><span class="n">cb</span><span class="p">;</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me too!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Check me, I&#39;m tristate!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setTristate</span><span class="p">();</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setCheckState</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">CheckState</span><span class="o">::</span><span class="n">PartiallyChecked</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ComboBoxActivated">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Heavy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Medium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Light&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"> </span><span class="c1">// Show &#39;Medium&#39; initially.</span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You selected {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">cb</span><span class="o">-&gt;</span><span class="n">currentText</span><span class="p">()));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ComboBox">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Heavy&quot;</span><span class="p">);</span><span class="w">   </span><span class="c1">// &#39;Heavy&#39; (index 0) is shown by default.</span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Medium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Light&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ComboBoxModel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAny.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStringListModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">cb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStringListModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">addString</span><span class="p">(</span><span class="s">&quot;Belgium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;BE&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">addString</span><span class="p">(</span><span class="s">&quot;Netherlands&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;NL&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">addString</span><span class="p">(</span><span class="s">&quot;United Kingdom&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;UK&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">addString</span><span class="p">(</span><span class="s">&quot;United States&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;US&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setFlags</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemFlag</span><span class="o">::</span><span class="n">Selectable</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setNoSelectionEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">cb</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">cb</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">countryName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">cb</span><span class="o">-&gt;</span><span class="n">currentText</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">cb</span><span class="o">-&gt;</span><span class="n">currentIndex</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">countryCode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">index</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="mi">0</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You selected {1} with key {2}.&quot;</span><span class="p">).</span><span class="w"></span>
<span class="w">                 </span><span class="n">arg</span><span class="p">(</span><span class="n">countryName</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">countryCode</span><span class="p">));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ComboDelegateTable">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStringListModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WItemDelegate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAny.h&gt;</span><span class="cp"></span>

<span class="cm">/*</span>
<span class="cm"> * This delegate demonstrates how to override the editing behaviour of a</span>
<span class="cm"> * table cell.</span>
<span class="cm"> *</span>
<span class="cm"> * It takes a list of possible items on construction and, when edited, saves</span>
<span class="cm"> * the selected item from the list to the Wt::DisplayRole in the model for</span>
<span class="cm"> * Wt::WItemDelegate to render.</span>
<span class="cm"> * It also saves the items index for future editing (rather than each time</span>
<span class="cm"> * searching the item in the list). This is done using the general purpose</span>
<span class="cm"> * Wt::UserRole in the model.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">class</span><span class="w"> </span><span class="nc">ComboDelegate</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WItemDelegate</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">ComboDelegate</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">items</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">items_</span><span class="p">(</span><span class="n">items</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="n">setModelData</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="o">&amp;</span><span class="n">editState</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">*</span><span class="w"> </span><span class="n">model</span><span class="p">,</span><span class="w"></span>
<span class="w">                      </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="w"> </span><span class="o">&amp;</span><span class="n">index</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="k">override</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="kt">int</span><span class="w"> </span><span class="n">stringIdx</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="p">)</span><span class="n">Wt</span><span class="o">::</span><span class="n">asNumber</span><span class="p">(</span><span class="n">editState</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">stringIdx</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">items_</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">stringIdx</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">editState</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WWidget</span><span class="w"> </span><span class="o">*</span><span class="n">editor</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="k">override</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">*</span><span class="w"> </span><span class="n">combo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">dynamic_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">*&gt;</span><span class="w"></span>
<span class="w">            </span><span class="p">(</span><span class="k">dynamic_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">*&gt;</span><span class="p">(</span><span class="n">editor</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">currentIndex</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="n">setEditState</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WWidget</span><span class="w"> </span><span class="o">*</span><span class="n">editor</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"></span>
<span class="w">                  </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="o">&amp;</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="k">override</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">*</span><span class="w"> </span><span class="n">combo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">dynamic_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">*&gt;</span><span class="w"></span>
<span class="w">            </span><span class="p">(</span><span class="k">dynamic_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">*&gt;</span><span class="p">(</span><span class="n">editor</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">((</span><span class="kt">int</span><span class="p">)</span><span class="n">Wt</span><span class="o">::</span><span class="n">asNumber</span><span class="p">(</span><span class="n">value</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WWidget</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createEditor</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="w"> </span><span class="o">&amp;</span><span class="n">index</span><span class="p">,</span><span class="w"></span>
<span class="w">                                      </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFlags</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">ViewItemRenderFlag</span><span class="o">&gt;</span><span class="w"> </span><span class="n">flags</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="k">override</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">combo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">items_</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">((</span><span class="kt">int</span><span class="p">)</span><span class="n">Wt</span><span class="o">::</span><span class="n">asNumber</span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">data</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">bind</span><span class="p">(</span><span class="o">&amp;</span><span class="n">ComboDelegate</span><span class="o">::</span><span class="n">doCloseEditor</span><span class="p">,</span><span class="w"> </span><span class="k">this</span><span class="p">,</span><span class="w"></span>
<span class="w">                                           </span><span class="n">container</span><span class="p">.</span><span class="n">get</span><span class="p">(),</span><span class="w"> </span><span class="nb">true</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">bind</span><span class="p">(</span><span class="o">&amp;</span><span class="n">ComboDelegate</span><span class="o">::</span><span class="n">doCloseEditor</span><span class="p">,</span><span class="w"></span>
<span class="w">                                                </span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="n">container</span><span class="p">.</span><span class="n">get</span><span class="p">(),</span><span class="w"> </span><span class="nb">true</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">escapePressed</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">bind</span><span class="p">(</span><span class="o">&amp;</span><span class="n">ComboDelegate</span><span class="o">::</span><span class="n">doCloseEditor</span><span class="p">,</span><span class="w"></span>
<span class="w">                                                 </span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="n">container</span><span class="p">.</span><span class="n">get</span><span class="p">(),</span><span class="w"> </span><span class="nb">false</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">container</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">items_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">doCloseEditor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WWidget</span><span class="w"> </span><span class="o">*</span><span class="n">editor</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">save</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">closeEditor</span><span class="p">().</span><span class="n">emit</span><span class="p">(</span><span class="n">editor</span><span class="p">,</span><span class="w"> </span><span class="n">save</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// create model</span>
<span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">WString</span><span class="o">&gt;</span><span class="w"> </span><span class="n">options</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;apples&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;pears&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;bananas&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;cherries&quot;</span><span class="w"> </span><span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">j</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItem</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">item</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">item</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">options</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">item</span><span class="o">-&gt;</span><span class="n">setFlags</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemFlag</span><span class="o">::</span><span class="n">Editable</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setItem</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="n">j</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="c1">// create table</span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">SingleClicked</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">slModel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStringListModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">slModel</span><span class="o">-&gt;</span><span class="n">setStringList</span><span class="p">(</span><span class="n">options</span><span class="p">);</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">ComboDelegate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">customdelegate</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">ComboDelegate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">slModel</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setItemDelegate</span><span class="p">(</span><span class="n">customdelegate</span><span class="p">);</span><span class="w"></span>

<span class="n">table</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnResizeEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">WIDTH</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">120</span><span class="p">;</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">model</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="n">WIDTH</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">((</span><span class="n">WIDTH</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">7</span><span class="p">)</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">model</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Container">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;A first widget&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="c1">// A widget can be added to a container by using addWidget()</span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Text {1}&lt;/p&gt;&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">i</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-CSS">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTable.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="c1">// Add an external style sheet to the application.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="o">::</span><span class="n">instance</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">useStyleSheet</span><span class="p">(</span><span class="s">&quot;style/CSSexample.css&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="c1">// The style sheet should be applied to this container only.</span>
<span class="c1">// The class .CSS-example is used as selector.</span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;CSS-example&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">allB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Set all classes&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">removeB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Remove info class&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">removeB</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">removeB</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">toggleB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Toggle compact&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">text</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;These are the most import API classes and methods for&quot;</span><span class="w"></span>
<span class="w">              </span><span class="s">&quot; working with CSS:&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WTable</span><span class="w"> </span><span class="o">*</span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTable</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderCount</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Method&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Description&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;WApplication::useStyleSheet()&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Adds an external style sheet&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;WWidget::setStyleClass()&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Sets (one or more) CSS style classes&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;WWidget::removeStyleClass()&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Removes a CSS style class&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;WWidget::toggleStyleClass()&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Toggles a CSS style class&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">allB</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="c1">// Set style classes for the complete table.</span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;table table-bordered&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="c1">// Set the info style class for the first row after the header.</span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">rowAt</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;info&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="c1">// Set a style class for the methods (first column, the header excluded).</span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">&lt;</span><span class="n">table</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;code&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">removeB</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">removeB</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">rowAt</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">removeStyleClass</span><span class="p">(</span><span class="s">&quot;info&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">removeB</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;Toggle compact&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">toggleStyleClass</span><span class="p">(</span><span class="s">&quot;table-sm&quot;</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Toggle expanded&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">toggleStyleClass</span><span class="p">(</span><span class="s">&quot;table-sm&quot;</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">toggleB</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Toggle compact&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-DataModels">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;DataModels.h&quot;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;Wt/WColor.h&quot;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cmath&gt;</span><span class="cp"></span>

<span class="n">SombreroData</span><span class="o">::</span><span class="n">SombreroData</span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbXpts</span><span class="p">,</span><span class="w"> </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbYpts</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="o">:</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="p">(</span><span class="n">nbXpts</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">nbYpts</span><span class="o">+</span><span class="mi">1</span><span class="p">),</span><span class="w"></span>
<span class="w">    </span><span class="n">xStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">xEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">)</span><span class="w"></span>
<span class="p">{}</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">SombreroData</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">delta_y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">yEnd_</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">yStart_</span><span class="p">)</span><span class="o">/</span><span class="p">(</span><span class="n">columnCount</span><span class="p">()</span><span class="mi">-2</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// give back y-abscis</span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="mf">0.0</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">yStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="mi">-1</span><span class="p">)</span><span class="o">*</span><span class="n">delta_y</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">delta_x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">xEnd_</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">xStart_</span><span class="p">)</span><span class="o">/</span><span class="p">(</span><span class="n">rowCount</span><span class="p">()</span><span class="mi">-2</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// give back x-abscis</span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="mf">0.0</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">xStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="mi">-1</span><span class="p">)</span><span class="o">*</span><span class="n">delta_x</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="n">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">yStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="mi">-1</span><span class="p">)</span><span class="o">*</span><span class="n">delta_y</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">xStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="mi">-1</span><span class="p">)</span><span class="o">*</span><span class="n">delta_x</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="mi">4</span><span class="o">*</span><span class="n">std</span><span class="o">::</span><span class="n">sin</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">sqrt</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">pow</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">pow</span><span class="p">(</span><span class="n">y</span><span class="p">,</span><span class="mi">2</span><span class="p">)))</span><span class="w"></span>
<span class="w">    </span><span class="o">/</span><span class="w"> </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">sqrt</span><span class="w"> </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">pow</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">pow</span><span class="p">(</span><span class="n">y</span><span class="p">,</span><span class="mi">2</span><span class="p">)));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">PlaneData</span><span class="o">::</span><span class="n">PlaneData</span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbXpts</span><span class="p">,</span><span class="w"> </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbYpts</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="o">:</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="p">(</span><span class="n">nbXpts</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">nbYpts</span><span class="o">+</span><span class="mi">1</span><span class="p">),</span><span class="w"></span>
<span class="w">    </span><span class="n">xStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">xEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">)</span><span class="w"></span>
<span class="p">{}</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">PlaneData</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">delta_x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">xEnd_</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">xStart_</span><span class="p">)</span><span class="o">/</span><span class="p">(</span><span class="n">rowCount</span><span class="p">()</span><span class="mi">-2</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">delta_y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">yEnd_</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">yStart_</span><span class="p">)</span><span class="o">/</span><span class="p">(</span><span class="n">columnCount</span><span class="p">()</span><span class="mi">-2</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">xStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">delta_x</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">yStart_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">delta_y</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="mf">0.2</span><span class="o">*</span><span class="n">x</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mf">0.2</span><span class="o">*</span><span class="n">y</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">HorizontalPlaneData</span><span class="o">::</span><span class="n">HorizontalPlaneData</span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbXpts</span><span class="p">,</span><span class="w"> </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbYpts</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="o">:</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="p">(</span><span class="n">nbXpts</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">nbYpts</span><span class="o">+</span><span class="mi">1</span><span class="p">),</span><span class="w"></span>
<span class="w">    </span><span class="n">xStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">xEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yStart_</span><span class="p">(</span><span class="mf">-10.0</span><span class="p">),</span><span class="w"> </span><span class="n">yEnd_</span><span class="p">(</span><span class="mf">10.0</span><span class="p">)</span><span class="w"></span>
<span class="p">{}</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">HorizontalPlaneData</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="mf">0.0</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">SpiralData</span><span class="o">::</span><span class="n">SpiralData</span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">nbPts</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="o">:</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="p">(</span><span class="n">nbPts</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">),</span><span class="w"> </span><span class="n">nbPts_</span><span class="p">(</span><span class="n">nbPts</span><span class="p">)</span><span class="w"></span>
<span class="p">{}</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">SpiralData</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">WStandardItemModel</span><span class="o">::</span><span class="n">data</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">const</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">pi</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">3.141592</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">XYangle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="p">(</span><span class="mi">8</span><span class="o">*</span><span class="n">pi</span><span class="o">/</span><span class="n">nbPts_</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">heightRatio</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="kt">float</span><span class="p">)</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="n">rowCount</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="kt">double</span><span class="w"> </span><span class="n">radius</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">1.0</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">heightRatio</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">5.0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">radius</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="nf">std::cos</span><span class="p">(</span><span class="n">XYangle</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">radius</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="nf">std::sin</span><span class="p">(</span><span class="n">XYangle</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">2</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="mf">5.0</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="p">(</span><span class="mf">10.0</span><span class="o">/</span><span class="n">nbPts_</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-DateEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCalendar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLabel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">form</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;dateEdit-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">form</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">de1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;from&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">de1</span><span class="o">-&gt;</span><span class="n">setDate</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">::</span><span class="n">currentServerDate</span><span class="p">().</span><span class="n">addDays</span><span class="p">(</span><span class="mi">1</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">de2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;to&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">de2</span><span class="o">-&gt;</span><span class="n">setFormat</span><span class="p">(</span><span class="s">&quot;dd MM yyyy&quot;</span><span class="p">);</span><span class="w"> </span><span class="c1">// Apply a different date format.</span>
<span class="n">de2</span><span class="o">-&gt;</span><span class="n">calendar</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">setHorizontalHeaderFormat</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">CalendarHeaderFormat</span><span class="o">::</span><span class="n">SingleLetterDayNames</span><span class="p">);</span><span class="w"></span>
<span class="n">de2</span><span class="o">-&gt;</span><span class="n">setBottom</span><span class="p">(</span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;save&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;out&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">de1</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">de2</span><span class="o">-&gt;</span><span class="n">setBottom</span><span class="p">(</span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Date picker 1 is changed.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">de2</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">setTop</span><span class="p">(</span><span class="n">de2</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Date picker 2 is changed.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">().</span><span class="n">empty</span><span class="p">()</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">de2</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">().</span><span class="n">empty</span><span class="p">())</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You should enter two dates!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">days</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">de1</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">().</span><span class="n">daysTo</span><span class="p">(</span><span class="n">de2</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">())</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">days</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;It&#39;s fine to take holiday just for one day!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">days</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;So, you want to take holiday for a period of &quot;</span><span class="w"></span>
<span class="w">                                     </span><span class="s">&quot;{1} days?&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">days</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Invalid period!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Dialog">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDialog.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLabel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRegExpValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>

<span class="kt">void</span><span class="w"> </span><span class="nf">showDialog</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WObject</span><span class="w"> </span><span class="o">*</span><span class="n">owner</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="p">)</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">dialog</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">owner</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDialog</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Go to cell&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLabel</span><span class="w"> </span><span class="o">*</span><span class="n">label</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">contents</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLabel</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cell location (A1..Z999)&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">contents</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">label</span><span class="o">-&gt;</span><span class="n">setBuddy</span><span class="p">(</span><span class="n">edit</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">contents</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;form-group&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">validator</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRegExpValidator</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;[A-Za-z][1-9][0-9]{0,2}&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">validator</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">setValidator</span><span class="p">(</span><span class="n">validator</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">ok</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">footer</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;OK&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">ok</span><span class="o">-&gt;</span><span class="n">setDefault</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">wApp</span><span class="o">-&gt;</span><span class="n">environment</span><span class="p">().</span><span class="n">ajax</span><span class="p">())</span><span class="w"></span>
<span class="w">      </span><span class="n">ok</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">cancel</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">        </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">footer</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cancel&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">rejectWhenEscapePressed</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">keyWentUp</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">ok</span><span class="o">-&gt;</span><span class="n">setDisabled</span><span class="p">(</span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Accept the dialog</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="n">ok</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">accept</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Reject the dialog</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="n">cancel</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">dialog</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDialog</span><span class="o">::</span><span class="n">reject</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Process the dialog result.</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">finished</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">result</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">DialogCode</span><span class="o">::</span><span class="n">Accepted</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;New location: &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;No location selected.&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">owner</span><span class="o">-&gt;</span><span class="n">removeChild</span><span class="p">(</span><span class="n">dialog</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="n">dialog</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">}</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Jump&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">showDialog</span><span class="p">(</span><span class="n">c</span><span class="p">,</span><span class="w"> </span><span class="n">out</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-EmailEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCheckBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEmailEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;emailEdit-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">tpl</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">tpl</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;label&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Email address: &quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WEmailEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;edit&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">submit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;submit&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Submit&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">multiple</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;multiple&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Allow multiple&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">multiple</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">setMultiple</span><span class="p">(</span><span class="n">multiple</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">pattern</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;pattern&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Use pattern &#39;.*@example[.]com&#39;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">pattern</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPattern</span><span class="p">(</span><span class="n">pattern</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">()</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s">&quot;.*@example[.]com&quot;</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindEmpty</span><span class="p">(</span><span class="s">&quot;edit-info&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="o">-&gt;</span><span class="n">validated</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">](</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">::</span><span class="n">Result</span><span class="o">&amp;</span><span class="w"> </span><span class="n">validationResult</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;edit-info&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">validationResult</span><span class="p">.</span><span class="n">message</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">submit</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">setMultiple</span><span class="p">(</span><span class="n">multiple</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">());</span><span class="w"></span>
<span class="w">  </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPattern</span><span class="p">(</span><span class="n">pattern</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">()</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s">&quot;.*@example[.]com&quot;</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;output&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Entered email address: {1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">valueText</span><span class="p">()),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">tpl</span><span class="o">-&gt;</span><span class="n">bindEmpty</span><span class="p">(</span><span class="s">&quot;output&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-FileDrop">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFileDropWidget.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">dropWidgetPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">dropWidget</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidgetPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">drop</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="o">*&gt;&amp;</span><span class="w"> </span><span class="n">files</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">maxFiles</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">5</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">prevNbFiles</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploads</span><span class="p">().</span><span class="n">size</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">files</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">files</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">prevNbFiles</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&gt;=</span><span class="w"> </span><span class="n">maxFiles</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">cancelUpload</span><span class="p">(</span><span class="n">files</span><span class="p">[</span><span class="n">i</span><span class="p">]);</span><span class="w"></span>
<span class="w">      </span><span class="k">continue</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="w"> </span><span class="o">*</span><span class="n">block</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">block</span><span class="o">-&gt;</span><span class="n">setToolTip</span><span class="p">(</span><span class="n">files</span><span class="p">[</span><span class="n">i</span><span class="p">]</span><span class="o">-&gt;</span><span class="n">clientFileName</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="n">block</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;upload-block spinner&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploads</span><span class="p">().</span><span class="n">size</span><span class="p">()</span><span class="w"> </span><span class="o">&gt;=</span><span class="w"> </span><span class="n">maxFiles</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">setAcceptDrops</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploaded</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="o">*</span><span class="w"> </span><span class="n">file</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="o">*&gt;</span><span class="w"> </span><span class="n">uploads</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploads</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="kt">size_t</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(;</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">uploads</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">idx</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">uploads</span><span class="p">[</span><span class="n">idx</span><span class="p">]</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">file</span><span class="p">)</span><span class="w"></span>
<span class="w">      </span><span class="k">break</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">removeStyleClass</span><span class="p">(</span><span class="s">&quot;spinner&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;ready&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">tooLarge</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="w"> </span><span class="o">*</span><span class="n">file</span><span class="p">,</span><span class="w"> </span><span class="kt">uint64_t</span><span class="w"> </span><span class="n">size</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="o">*&gt;</span><span class="w"> </span><span class="n">uploads</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploads</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="kt">size_t</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(;</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">uploads</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">idx</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">uploads</span><span class="p">[</span><span class="n">idx</span><span class="p">]</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">file</span><span class="p">)</span><span class="w"></span>
<span class="w">      </span><span class="k">break</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">removeStyleClass</span><span class="p">(</span><span class="s">&quot;spinner&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;failed&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploadFailed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="w"> </span><span class="o">*</span><span class="n">file</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileDropWidget</span><span class="o">::</span><span class="n">File</span><span class="o">*&gt;</span><span class="w"> </span><span class="n">uploads</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">uploads</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="kt">size_t</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">for</span><span class="w"> </span><span class="p">(;</span><span class="w"> </span><span class="n">idx</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">uploads</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">idx</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">uploads</span><span class="p">[</span><span class="n">idx</span><span class="p">]</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">file</span><span class="p">)</span><span class="w"></span>
<span class="w">      </span><span class="k">break</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">removeStyleClass</span><span class="p">(</span><span class="s">&quot;spinner&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">dropWidget</span><span class="o">-&gt;</span><span class="n">widget</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;failed&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-FileUpload">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFileUpload.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WProgressBar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WFileUpload</span><span class="w"> </span><span class="o">*</span><span class="n">fu</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFileUpload</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">fu</span><span class="o">-&gt;</span><span class="n">setProgressBar</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WProgressBar</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">fu</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Provide a button to start uploading.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">uploadButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Send&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">uploadButton</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Upload when the button is clicked.</span>
<span class="n">uploadButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">fu</span><span class="o">-&gt;</span><span class="n">upload</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">uploadButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="c1">// Upload automatically when the user entered a file.</span>
<span class="n">fu</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">fu</span><span class="o">-&gt;</span><span class="n">upload</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">uploadButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;File upload is changed.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="c1">// React to a succesfull upload.</span>
<span class="n">fu</span><span class="o">-&gt;</span><span class="n">uploaded</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;File upload is finished.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="c1">// React to a file upload problem.</span>
<span class="n">fu</span><span class="o">-&gt;</span><span class="n">fileTooLarge</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;File is too large.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Flash">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFlashObject.h&gt;</span><span class="cp"></span>

<span class="c1">// Define poster image location</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">poster</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">flash</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFlashObject</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;https://www.youtube.com/v/HOfdboHvshg&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashParameter</span><span class="p">(</span><span class="s">&quot;allowFullScreen&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;true&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">poster</span><span class="p">)));</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">640</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-FormModel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAny.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFormModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIntValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLengthValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WModelIndex.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSpinBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplateFormView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WValidator.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">UserFormModel</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="c1">// Associate each field with a unique string literal.</span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">FirstNameField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">LastNameField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">CountryField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">CityField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">BirthField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">ChildrenField</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">RemarksField</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">UserFormModel</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WFormModel</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">initializeModels</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">FirstNameField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">LastNameField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">CountryField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">CityField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">BirthField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">ChildrenField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">RemarksField</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">FirstNameField</span><span class="p">,</span><span class="w"> </span><span class="n">createNameValidator</span><span class="p">(</span><span class="n">FirstNameField</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">LastNameField</span><span class="p">,</span><span class="w"> </span><span class="n">createNameValidator</span><span class="p">(</span><span class="n">LastNameField</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">CountryField</span><span class="p">,</span><span class="w"> </span><span class="n">createCountryValidator</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">CityField</span><span class="p">,</span><span class="w"> </span><span class="n">createCityValidator</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">BirthField</span><span class="p">,</span><span class="w"> </span><span class="n">createBirthValidator</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">ChildrenField</span><span class="p">,</span><span class="w"> </span><span class="n">createChildrenValidator</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Here you could populate the model with initial data using</span>
<span class="w">        </span><span class="c1">// setValue() for each field.</span>
<span class="w">        </span><span class="n">setValue</span><span class="p">(</span><span class="n">BirthField</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setValue</span><span class="p">(</span><span class="n">CountryField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">countryModel</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">countryModel_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">countryModelRow</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">code</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">countryCode</span><span class="p">(</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">code</span><span class="p">)</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="n">i</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="mi">-1</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">cityModel</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">cityModel_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">updateCityModel</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">countryCode</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">cityModel_</span><span class="o">-&gt;</span><span class="n">clear</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">CityMap</span><span class="o">::</span><span class="n">const_iterator</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">cities</span><span class="p">.</span><span class="n">find</span><span class="p">(</span><span class="n">countryCode</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">cities</span><span class="p">.</span><span class="n">end</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&gt;&amp;</span><span class="w"> </span><span class="n">cities</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">i</span><span class="o">-&gt;</span><span class="n">second</span><span class="p">;</span><span class="w"></span>

<span class="w">            </span><span class="c1">// The initial text shown in the city combo box should be an empty</span>
<span class="w">            </span><span class="c1">// string.</span>
<span class="w">            </span><span class="n">cityModel_</span><span class="o">-&gt;</span><span class="n">appendRow</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItem</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">            </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">cities</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">j</span><span class="p">)</span><span class="w"></span>
<span class="w">                </span><span class="n">cityModel_</span><span class="o">-&gt;</span><span class="n">appendRow</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItem</span><span class="o">&gt;</span><span class="p">(</span><span class="n">cities</span><span class="p">[</span><span class="n">j</span><span class="p">]));</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">cityModel_</span><span class="o">-&gt;</span><span class="n">appendRow</span><span class="p">(</span><span class="w"></span>
<span class="w">                        </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItem</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;(Choose Country first)&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="c1">// Get the user data from the model</span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">userData</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">FirstNameField</span><span class="p">))</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot; &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">LastNameField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;: country code=&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">CountryField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;, city=&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">CityField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;, birth=&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">BirthField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;, children=&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">ChildrenField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;, remarks=&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">value</span><span class="p">(</span><span class="n">RemarksField</span><span class="p">))</span><span class="w"></span>
<span class="w">        </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;.&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="c1">// Get the right code for the current index.</span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">countryCode</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">)).</span><span class="n">toUTF8</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">typedef</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">map</span><span class="o">&lt;</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">CityMap</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">typedef</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">map</span><span class="o">&lt;</span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">CountryMap</span><span class="p">;</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">CityMap</span><span class="w"> </span><span class="n">cities</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">CountryMap</span><span class="w"> </span><span class="n">countries</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">countryModel_</span><span class="p">,</span><span class="w"> </span><span class="n">cityModel_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">MAX_LENGTH</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">MAX_CHILDREN</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">initializeModels</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Create a country model.</span>
<span class="w">        </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">countryModelRows</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">countries</span><span class="p">.</span><span class="n">size</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">const</span><span class="w"> </span><span class="kt">unsigned</span><span class="w"> </span><span class="n">countryModelColumns</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">countryModel_</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">          </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="p">(</span><span class="n">countryModelRows</span><span class="p">,</span><span class="w"> </span><span class="n">countryModelColumns</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// The initial text shown in the country combo box should be an empty</span>
<span class="w">        </span><span class="c1">// string.</span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot; &quot;</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// For each country, update the model based on the key (corresponding</span>
<span class="w">        </span><span class="c1">// to the country code):</span>
<span class="w">        </span><span class="c1">// - set the country name for the display role,</span>
<span class="w">        </span><span class="c1">// - set the city names for the user role.</span>
<span class="w">        </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">CountryMap</span><span class="o">::</span><span class="n">const_iterator</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">countries</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span><span class="w"></span>
<span class="w">                                        </span><span class="n">i</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">countries</span><span class="p">.</span><span class="n">end</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="o">-&gt;</span><span class="n">second</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">countryModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="o">++</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="o">-&gt;</span><span class="n">first</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Create a city model.</span>
<span class="w">        </span><span class="n">cityModel_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">updateCityModel</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createNameValidator</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">field</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLengthValidator</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMinimumLength</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMaximumLength</span><span class="p">(</span><span class="n">MAX_LENGTH</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">v</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createCountryValidator</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLengthValidator</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">v</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createCityValidator</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLengthValidator</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">v</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createBirthValidator</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateValidator</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setBottom</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="p">(</span><span class="mi">1900</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setTop</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">::</span><span class="n">currentDate</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setFormat</span><span class="p">(</span><span class="s">&quot;dd/MM/yyyy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">v</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createChildrenValidator</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WIntValidator</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">MAX_CHILDREN</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">v</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">v</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="p">};</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">MAX_LENGTH</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">25</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">MAX_CHILDREN</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">15</span><span class="p">;</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">FirstNameField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;first-name&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">LastNameField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;last-name&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CountryField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;country&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CityField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;city&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">BirthField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;birth&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">ChildrenField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;children&quot;</span><span class="p">;</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">RemarksField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;remarks&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CountryMap</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">countries</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;BE&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Belgium&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;NL&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Netherlands&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;UK&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;United Kingdom&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;US&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;United States&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CityMap</span><span class="w"> </span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">cities</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;BE&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Antwerp&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Bruges&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Brussels&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Ghent&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;NL&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Amsterdam&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Eindhoven&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Rotterdam&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;The Hague&quot;</span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;UK&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;London&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Bristol&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Oxford&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Stonehenge&quot;</span><span class="p">}</span><span class="w"> </span><span class="p">},</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;US&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Boston&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Chicago&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Los Angeles&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;New York&quot;</span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">UserFormView</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplateFormView</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="c1">// inline constructor</span>
<span class="w">    </span><span class="n">UserFormView</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">UserFormModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">setTemplateText</span><span class="p">(</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;userForm-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;block&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * First Name</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">FirstNameField</span><span class="p">,</span><span class="w"></span>
<span class="w">                      </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Last Name</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">LastNameField</span><span class="p">,</span><span class="w"></span>
<span class="w">                      </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Country</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">countryCB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">countryCB_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">countryCB</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">countryCB</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">countryModel</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="n">countryCB_</span><span class="o">-&gt;</span><span class="n">activated</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">code</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">countryCode</span><span class="p">(</span><span class="n">countryCB_</span><span class="o">-&gt;</span><span class="n">currentIndex</span><span class="p">());</span><span class="w"></span>
<span class="w">            </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">updateCityModel</span><span class="p">(</span><span class="n">code</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CountryField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">countryCB</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="p">[</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// updateViewValue()</span>
<span class="w">                </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">code</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">                    </span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CountryField</span><span class="p">)).</span><span class="n">toUTF8</span><span class="p">();</span><span class="w"></span>
<span class="w">                </span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">countryModelRow</span><span class="p">(</span><span class="n">code</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="n">countryCB_</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">(</span><span class="n">row</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">},</span><span class="w"></span>

<span class="w">            </span><span class="p">[</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// updateModelValue()</span>
<span class="w">                </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">code</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">countryCode</span><span class="p">(</span><span class="n">countryCB_</span><span class="o">-&gt;</span><span class="n">currentIndex</span><span class="p">());</span><span class="w"></span>
<span class="w">                </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CountryField</span><span class="p">,</span><span class="w"> </span><span class="n">code</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * City</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">cityCB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">cityCB</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">cityModel</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">CityField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">cityCB</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Birth Date</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">dateEdit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">dateEdit_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dateEdit</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">BirthField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">dateEdit</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="p">[</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// updateViewValue()</span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="w"> </span><span class="n">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">&gt;</span><span class="w"></span>
<span class="w">                    </span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">BirthField</span><span class="p">));</span><span class="w"></span>
<span class="w">                </span><span class="n">dateEdit_</span><span class="o">-&gt;</span><span class="n">setDate</span><span class="p">(</span><span class="n">date</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">},</span><span class="w"></span>

<span class="w">            </span><span class="p">[</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// updateModelValue()</span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="w"> </span><span class="n">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dateEdit_</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">();</span><span class="w"></span>
<span class="w">                </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">BirthField</span><span class="p">,</span><span class="w"> </span><span class="n">date</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Children</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">ChildrenField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Remarks</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">remarksTA</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">remarksTA</span><span class="o">-&gt;</span><span class="n">setColumns</span><span class="p">(</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">remarksTA</span><span class="o">-&gt;</span><span class="n">setRows</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">RemarksField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">remarksTA</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * Title &amp; Buttons</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">title</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Create new user&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;title&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">title</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;submit-button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;submit-info&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">UserFormView</span><span class="o">::</span><span class="n">process</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">updateView</span><span class="p">(</span><span class="n">model</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">process</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">updateModel</span><span class="p">(</span><span class="n">model</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Do something with the data in the model: show it.</span>
<span class="w">            </span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;submit-info&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                       </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Saved user data for &quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                       </span><span class="o">+</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">userData</span><span class="p">(),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Udate the view: Delete any validation message in the view, etc.</span>
<span class="w">            </span><span class="n">updateView</span><span class="p">(</span><span class="n">model</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Set the focus on the first field in the form.</span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">viewField</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">                    </span><span class="n">resolve</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">*&gt;</span><span class="p">(</span><span class="n">UserFormModel</span><span class="o">::</span><span class="n">FirstNameField</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">viewField</span><span class="o">-&gt;</span><span class="n">setFocus</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">bindEmpty</span><span class="p">(</span><span class="s">&quot;submit-info&quot;</span><span class="p">);</span><span class="w"> </span><span class="c1">// Delete the previous user data.</span>
<span class="w">            </span><span class="n">updateView</span><span class="p">(</span><span class="n">model</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">UserFormModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">model</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">view</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">UserFormView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-GitModel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemModel.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../gitmodel/Git.h&quot;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">GitModel</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * A custom role for the file contents of a Git BLOB object.</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">constexpr</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">ContentsRole</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">GitModel</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">repository</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WAbstractItemModel</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">git_</span><span class="p">.</span><span class="n">setRepositoryPath</span><span class="p">(</span><span class="n">repository</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">loadRevision</span><span class="p">(</span><span class="s">&quot;master&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">loadRevision</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">revName</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Git</span><span class="o">::</span><span class="n">ObjectId</span><span class="w"> </span><span class="n">treeRoot</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">git_</span><span class="p">.</span><span class="n">getCommitTree</span><span class="p">(</span><span class="n">revName</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">layoutAboutToBeChanged</span><span class="p">().</span><span class="n">emit</span><span class="p">();</span><span class="w"> </span><span class="c1">// Invalidates model indexes</span>

<span class="w">        </span><span class="n">treeData_</span><span class="p">.</span><span class="n">clear</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">childPointer_</span><span class="p">.</span><span class="n">clear</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * This stores the tree root as treeData_[0]</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">        </span><span class="n">treeData_</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Tree</span><span class="p">(</span><span class="mi">-1</span><span class="p">,</span><span class="w"> </span><span class="mi">-1</span><span class="p">,</span><span class="w"> </span><span class="n">treeRoot</span><span class="p">,</span><span class="w"> </span><span class="n">git_</span><span class="p">.</span><span class="n">treeSize</span><span class="p">(</span><span class="n">treeRoot</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="n">layoutChanged</span><span class="p">().</span><span class="n">emit</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="w"> </span><span class="n">parent</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">index</span><span class="p">.</span><span class="n">isValid</span><span class="p">()</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">internalId</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">();</span><span class="w"> </span><span class="c1">// treeData_[0] is the tree root</span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">const</span><span class="w"> </span><span class="n">Tree</span><span class="o">&amp;</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">treeData_</span><span class="p">[</span><span class="n">index</span><span class="p">.</span><span class="n">internalId</span><span class="p">()];</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">createIndex</span><span class="p">(</span><span class="n">item</span><span class="p">.</span><span class="n">index</span><span class="p">(),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">.</span><span class="n">parentId</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="w"> </span><span class="n">index</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="p">,</span><span class="w"></span>
<span class="w">                                  </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">())</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">parent</span><span class="p">.</span><span class="n">isValid</span><span class="p">())</span><span class="w"></span>
<span class="w">            </span><span class="n">parentId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="kt">int</span><span class="w"> </span><span class="n">grandParentId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">parent</span><span class="p">.</span><span class="n">internalId</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">parentId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">getTreeId</span><span class="p">(</span><span class="n">grandParentId</span><span class="p">,</span><span class="w"> </span><span class="n">parent</span><span class="p">.</span><span class="n">row</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">createIndex</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">column</span><span class="p">,</span><span class="w"> </span><span class="n">parentId</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">columnCount</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">())</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">rowCount</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">())</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">treeId</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">parent</span><span class="p">.</span><span class="n">isValid</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">parent</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">Git</span><span class="o">::</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">getObject</span><span class="p">(</span><span class="n">parent</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">o</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Tree</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// is a folder</span>
<span class="w">                </span><span class="n">treeId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">getTreeId</span><span class="p">(</span><span class="n">parent</span><span class="p">.</span><span class="n">internalId</span><span class="p">(),</span><span class="w"> </span><span class="n">parent</span><span class="p">.</span><span class="n">row</span><span class="p">());</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w">                     </span><span class="c1">// is a file</span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">treeId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">treeData_</span><span class="p">[</span><span class="n">treeId</span><span class="p">].</span><span class="n">rowCount</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">index</span><span class="p">.</span><span class="n">isValid</span><span class="p">())</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">Git</span><span class="o">::</span><span class="n">Object</span><span class="w"> </span><span class="n">object</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">getObject</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">case</span><span class="w"> </span><span class="mi">0</span><span class="o">:</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Tree</span><span class="p">)</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">object</span><span class="p">.</span><span class="n">name</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="sc">&#39;/&#39;</span><span class="p">;</span><span class="w"></span>
<span class="w">                </span><span class="k">else</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">object</span><span class="p">.</span><span class="n">name</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Decoration</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Blob</span><span class="p">)</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;icons/git-blob.png&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Tree</span><span class="p">)</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;icons/git-tree.png&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">ContentsRole</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Blob</span><span class="p">)</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">git_</span><span class="p">.</span><span class="n">catFile</span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">id</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>

<span class="w">            </span><span class="k">break</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">case</span><span class="w"> </span><span class="mi">1</span><span class="o">:</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">type</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">Tree</span><span class="p">)</span><span class="w"></span>
<span class="w">                    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;Folder&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                    </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">suffix</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">getSuffix</span><span class="p">(</span><span class="n">object</span><span class="p">.</span><span class="n">name</span><span class="p">);</span><span class="w"></span>

<span class="w">                    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;C&quot;</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;cpp&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;C++ Source&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;h&quot;</span><span class="w"> </span><span class="o">||</span><span class="w"></span>
<span class="w">                             </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="o">!</span><span class="n">topLevel</span><span class="p">(</span><span class="n">index</span><span class="p">)))</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;C++ Header&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;css&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;CSS Stylesheet&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;js&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;JavaScript Source&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;md&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;Markdown&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;png&quot;</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;gif&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;Image&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">suffix</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;txt&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;Text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">                    </span><span class="k">else</span><span class="w"></span>
<span class="w">                        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">                </span><span class="p">}</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">headerData</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">section</span><span class="p">,</span><span class="w"></span>
<span class="w">                                  </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="w"> </span><span class="n">orientation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Horizontal</span><span class="p">,</span><span class="w"></span>
<span class="w">                                  </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">orientation</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Horizontal</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">section</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">case</span><span class="w"> </span><span class="mi">0</span><span class="o">:</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;File&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="k">case</span><span class="w"> </span><span class="mi">1</span><span class="o">:</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">(</span><span class="s">&quot;Type&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="k">default</span><span class="o">:</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">Git</span><span class="w"> </span><span class="n">git_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Identifies a folder given parent and index</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">struct</span><span class="w"> </span><span class="nc">ChildIndex</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="n">ChildIndex</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">aParent</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">anIndex</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="o">:</span><span class="w"> </span><span class="n">parentId</span><span class="p">(</span><span class="n">aParent</span><span class="p">),</span><span class="w"> </span><span class="n">index</span><span class="p">(</span><span class="n">anIndex</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="o">&lt;</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">ChildIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">other</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">parentId</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">other</span><span class="p">.</span><span class="n">parentId</span><span class="p">)</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="nb">true</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">parentId</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">other</span><span class="p">.</span><span class="n">parentId</span><span class="p">)</span><span class="w"></span>
<span class="w">                </span><span class="k">return</span><span class="w"> </span><span class="nb">false</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="k">else</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">index</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">other</span><span class="p">.</span><span class="n">index</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="kt">bool</span><span class="w"> </span><span class="n">equals</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">ChildIndex</span><span class="w"> </span><span class="o">*</span><span class="n">other</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any_cast</span><span class="o">&lt;</span><span class="n">ChildIndex</span><span class="w"> </span><span class="o">*&gt;</span><span class="p">(</span><span class="n">o</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">parentId</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">other</span><span class="o">-&gt;</span><span class="n">parentId</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"></span>
<span class="w">                </span><span class="n">index</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">other</span><span class="o">-&gt;</span><span class="n">index</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">hashCode</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="kt">int</span><span class="w"> </span><span class="n">hash</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">hash</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">hash</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">31</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">parentId</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">hash</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">hash</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">31</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">index</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">hash</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Data to be stored for an (expanded) folder</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">class</span><span class="w"> </span><span class="nc">Tree</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">        </span><span class="n">Tree</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">ObjectId</span><span class="o">&amp;</span><span class="w"> </span><span class="n">object</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">rowCount</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="o">:</span><span class="w"> </span><span class="n">index_</span><span class="p">(</span><span class="n">parentId</span><span class="p">,</span><span class="w"> </span><span class="n">index</span><span class="p">),</span><span class="w"></span>
<span class="w">              </span><span class="n">treeObject_</span><span class="p">(</span><span class="n">object</span><span class="p">),</span><span class="w"></span>
<span class="w">              </span><span class="n">rowCount_</span><span class="p">(</span><span class="n">rowCount</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">index_</span><span class="p">.</span><span class="n">parentId</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">index_</span><span class="p">.</span><span class="n">index</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="k">const</span><span class="w"> </span><span class="n">Git</span><span class="o">::</span><span class="n">ObjectId</span><span class="o">&amp;</span><span class="w"> </span><span class="n">treeObject</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">treeObject_</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">rowCount</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">rowCount_</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">        </span><span class="n">ChildIndex</span><span class="w">    </span><span class="n">index_</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">Git</span><span class="o">::</span><span class="n">ObjectId</span><span class="w"> </span><span class="n">treeObject_</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w">           </span><span class="n">rowCount_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>

<span class="w">    </span><span class="k">typedef</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">map</span><span class="o">&lt;</span><span class="n">ChildIndex</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ChildPointerMap</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Expanded folder data</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">mutable</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Tree</span><span class="o">&gt;</span><span class="w"> </span><span class="n">treeData_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Indexes into treeData_</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">mutable</span><span class="w"> </span><span class="n">ChildPointerMap</span><span class="w"> </span><span class="n">childPointer_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Gets or allocates an id for a folder.</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="nf">getTreeId</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">childIndex</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">ChildIndex</span><span class="w"> </span><span class="n">index</span><span class="p">(</span><span class="n">parentId</span><span class="p">,</span><span class="w"> </span><span class="n">childIndex</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">ChildPointerMap</span><span class="o">::</span><span class="n">const_iterator</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">childPointer_</span><span class="p">.</span><span class="n">find</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">childPointer_</span><span class="p">.</span><span class="n">end</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">const</span><span class="w"> </span><span class="n">Tree</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parentItem</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">treeData_</span><span class="p">[</span><span class="n">parentId</span><span class="p">];</span><span class="w"></span>
<span class="w">            </span><span class="n">Git</span><span class="o">::</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">git_</span><span class="p">.</span><span class="n">treeGetObject</span><span class="p">(</span><span class="n">parentItem</span><span class="p">.</span><span class="n">treeObject</span><span class="p">(),</span><span class="w"> </span><span class="n">childIndex</span><span class="p">);</span><span class="w"></span>

<span class="w">            </span><span class="n">treeData_</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Tree</span><span class="p">(</span><span class="n">parentId</span><span class="p">,</span><span class="w"> </span><span class="n">childIndex</span><span class="p">,</span><span class="w"> </span><span class="n">o</span><span class="p">.</span><span class="n">id</span><span class="p">,</span><span class="w"></span>
<span class="w">                                     </span><span class="n">git_</span><span class="p">.</span><span class="n">treeSize</span><span class="p">(</span><span class="n">o</span><span class="p">.</span><span class="n">id</span><span class="p">)));</span><span class="w"></span>
<span class="w">            </span><span class="kt">int</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">treeData_</span><span class="p">.</span><span class="n">size</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">childPointer_</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">i</span><span class="o">-&gt;</span><span class="n">second</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * Gets the Git::Object that corresponds to an index.</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="n">Git</span><span class="o">::</span><span class="n">Object</span><span class="w"> </span><span class="nf">getObject</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">parentId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">internalId</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="k">const</span><span class="w"> </span><span class="n">Tree</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parentItem</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">treeData_</span><span class="p">[</span><span class="n">parentId</span><span class="p">];</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">git_</span><span class="p">.</span><span class="n">treeGetObject</span><span class="p">(</span><span class="n">parentItem</span><span class="p">.</span><span class="n">treeObject</span><span class="p">(),</span><span class="w"> </span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="nf">getSuffix</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">fileName</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="kt">size_t</span><span class="w"> </span><span class="n">dot</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">fileName</span><span class="p">.</span><span class="n">rfind</span><span class="p">(</span><span class="sc">&#39;.&#39;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">dot</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">::</span><span class="n">npos</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">fileName</span><span class="p">.</span><span class="n">substr</span><span class="p">(</span><span class="n">dot</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">topLevel</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="o">!</span><span class="n">parent</span><span class="p">(</span><span class="n">index</span><span class="p">).</span><span class="n">isValid</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">constexpr</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">GitModel</span><span class="o">::</span><span class="n">ContentsRole</span><span class="p">;</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-GoogleMap">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCheckBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WGoogleMap.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStringListModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">GoogleMapExample</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">GoogleMapExample</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WContainerWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">layout</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WHBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="n">setHeight</span><span class="p">(</span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">GoogleMapsVersion</span><span class="o">::</span><span class="n">v3</span><span class="p">),</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">setMapTypeControl</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">::</span><span class="n">Default</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableScrollWheelZoom</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">controls</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">              </span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;graphics-GoogleMap-controls&quot;</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">zoomIn</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;zoom-in&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;+&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">zoomIn</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;zoom&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">zoomIn</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">zoomIn</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">zoomOut</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;zoom-out&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;-&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">zoomOut</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;zoom&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">zoomOut</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">zoomOut</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">cityNames</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">&quot;Brussels&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Lisbon&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Paris&quot;</span><span class="w"> </span><span class="p">};</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">cityCoords</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">          </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.85034</span><span class="p">,</span><span class="mf">4.35171</span><span class="p">),</span><span class="w"></span>
<span class="w">          </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">38.703731</span><span class="p">,</span><span class="mf">-9.135475</span><span class="p">),</span><span class="w"></span>
<span class="w">          </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">48.877474</span><span class="p">,</span><span class="w"> </span><span class="mf">2.312579</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="p">};</span><span class="w"></span>

<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">auto</span><span class="w"> </span><span class="n">city</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="n">cityNames</span><span class="p">[</span><span class="n">i</span><span class="p">],</span><span class="w"></span>
<span class="w">                </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="n">cityNames</span><span class="p">[</span><span class="n">i</span><span class="p">]));</span><span class="w"></span>

<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">coord</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">cityCoords</span><span class="p">[</span><span class="n">i</span><span class="p">];</span><span class="w"></span>
<span class="w">            </span><span class="n">city</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">panTo</span><span class="p">(</span><span class="n">coord</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">});</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">reset</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;emweb&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Reset&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">reset</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">this</span><span class="o">-&gt;</span><span class="n">panToEmWeb</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">savePosition</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;save-position&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save current position&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">savePosition</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">this</span><span class="o">-&gt;</span><span class="n">savePosition</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">returnToPosition_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;return-to-saved-position&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Return to saved position&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">returnToPosition_</span><span class="o">-&gt;</span><span class="n">setEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">returnToPosition_</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">returnToSavedPosition</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">mapTypeModel_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStringListModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">addMapTypeControl</span><span class="p">(</span><span class="s">&quot;No control&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addMapTypeControl</span><span class="p">(</span><span class="s">&quot;Default&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">::</span><span class="n">Default</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">addMapTypeControl</span><span class="p">(</span><span class="s">&quot;Menu&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">::</span><span class="n">Menu</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">apiVersion</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">GoogleMapsVersion</span><span class="o">::</span><span class="n">v3</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">addMapTypeControl</span><span class="p">(</span><span class="s">&quot;Horizontal bar&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                              </span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">::</span><span class="n">HorizontalBar</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">menuControls</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;control-menu-combo&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">menuControls</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">mapTypeModel_</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">menuControls</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">menuControls</span><span class="o">-&gt;</span><span class="n">activated</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">mapType</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">this</span><span class="o">-&gt;</span><span class="n">setMapTypeControl</span><span class="p">(</span><span class="n">mapType</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">draggingCB</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;dragging-cb&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Enable dragging&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">draggingCB</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableDragging</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">draggingCB</span><span class="o">-&gt;</span><span class="n">checked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableDragging</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">draggingCB</span><span class="o">-&gt;</span><span class="n">unChecked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">disableDragging</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">enableDoubleClickZoomCB</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">            </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;double-click-zoom-cb&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Enable double click zoom&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">enableDoubleClickZoomCB</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">disableDoubleClickZoom</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">enableDoubleClickZoomCB</span><span class="o">-&gt;</span><span class="n">checked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableDoubleClickZoom</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">enableDoubleClickZoomCB</span><span class="o">-&gt;</span><span class="n">unChecked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">disableDoubleClickZoom</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">enableScrollWheelZoomCB</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">            </span><span class="n">controls</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;scroll-wheel-zoom-cb&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Enable scroll wheel zoom&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">enableScrollWheelZoomCB</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableScrollWheelZoom</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">enableScrollWheelZoomCB</span><span class="o">-&gt;</span><span class="n">checked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">enableScrollWheelZoom</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">enableScrollWheelZoomCB</span><span class="o">-&gt;</span><span class="n">unChecked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">disableScrollWheelZoom</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">road</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">roadDescription</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">addPolyline</span><span class="p">(</span><span class="n">road</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">191</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="c1">//Koen&#39;s favourite bar!</span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">addMarker</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.885069</span><span class="p">,</span><span class="mf">4.71958</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">setCenter</span><span class="p">(</span><span class="n">road</span><span class="p">[</span><span class="n">road</span><span class="p">.</span><span class="n">size</span><span class="p">()</span><span class="mi">-1</span><span class="p">]);</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">openInfoWindow</span><span class="p">(</span><span class="n">road</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="w"></span>
<span class="w">           </span><span class="s">&quot;&lt;p&gt;&lt;img src=</span><span class="se">\&quot;</span><span class="s">https://www.emweb.be/css/emweb_small.png</span><span class="se">\&quot;</span><span class="s"> /&gt;&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">           </span><span class="s">&quot;&lt;p&gt;&lt;strong&gt;Emweb office&lt;/strong&gt;&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">this</span><span class="o">-&gt;</span><span class="n">googleMapClicked</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>

<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">doubleClicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">this</span><span class="o">-&gt;</span><span class="n">googleMapDoubleClicked</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">panToEmWeb</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">panTo</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9082</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66056</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">savePosition</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">returnToPosition_</span><span class="o">-&gt;</span><span class="n">setEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">savePosition</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">addMapTypeControl</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="o">&amp;</span><span class="n">description</span><span class="p">,</span><span class="w"></span>
<span class="w">                           </span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">r</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">mapTypeModel_</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">mapTypeModel_</span><span class="o">-&gt;</span><span class="n">insertRow</span><span class="p">(</span><span class="n">r</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">mapTypeModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">r</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">description</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">mapTypeModel_</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">r</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">setMapTypeControl</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">mtc</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">mapTypeModel_</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">setMapTypeControl</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">MapTypeControl</span><span class="o">&gt;</span><span class="w"></span>
<span class="w">                                </span><span class="p">(</span><span class="n">mtc</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">roadDescription</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9082</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66056</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90901</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66426</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90944</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66514</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90968</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66574</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91021</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66541</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9111</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66508</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9119</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66469</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91224</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66463</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91227</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66598</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9122</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66786</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91199</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66962</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91169</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67117</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91107</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67365</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91061</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67515</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91023</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67596</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9098</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67666</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90953</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67691</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90912</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67746</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90882</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67772</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90838</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67801</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9083</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67798</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90803</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67814</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90742</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67836</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90681</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67845</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90209</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67871</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90134</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67893</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90066</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6793</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90015</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67972</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89945</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68059</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89613</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68582</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.8952</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68719</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89464</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68764</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89183</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69032</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89131</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69076</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88916</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69189</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88897</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69195</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88859</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69195</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88813</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69193</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88697</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69135</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88669</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6913</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88531</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69155</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88425</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69196</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88398</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69219</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88391</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69226</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88356</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69292</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88323</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69361</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88067</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6934</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88055</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69491</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88036</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69616</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88009</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69755</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87973</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69877</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87951</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69856</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87933</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69831</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87905</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69811</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.879</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69793</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87856</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69745</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87849</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69746</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87843</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69758</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87822</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69758</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87814</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69766</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87813</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69788</span><span class="p">));</span><span class="w"></span>
<span class="w">      </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87789</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69862</span><span class="p">));</span><span class="w"></span>

<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">googleMapDoubleClicked</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">cerr</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;Double clicked at coordinate (&quot;</span><span class="w"></span>
<span class="w">                  </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">latitude</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;,&quot;</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">longitude</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;)&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">googleMapClicked</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">cerr</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;Clicked at coordinate (&quot;</span><span class="w"></span>
<span class="w">                  </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">latitude</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;,&quot;</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">longitude</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;)&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGoogleMap</span><span class="w">                           </span><span class="o">*</span><span class="n">map_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractItemModel</span><span class="o">&gt;</span><span class="w">   </span><span class="n">mapTypeModel_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w">                          </span><span class="o">*</span><span class="n">returnToPosition_</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">map</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">GoogleMapExample</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-GridLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WGridLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setHeight</span><span class="p">(</span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">grid</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGridLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">4</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">column</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">cell</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Item ({1}, {2})&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">row</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">column</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">cell</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">row</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">2</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">text</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="n">text</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">grid</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">text</span><span class="p">),</span><span class="w"> </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">column</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">grid</span><span class="o">-&gt;</span><span class="n">setRowStretch</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="n">grid</span><span class="o">-&gt;</span><span class="n">setColumnStretch</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="n">grid</span><span class="o">-&gt;</span><span class="n">setColumnStretch</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-GroupBox">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WGroupBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">groupBox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WGroupBox</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;A group box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">groupBox</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;centered-example&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">groupBox</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Some contents.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">groupBox</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;More contents.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-HBoxLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">hbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WHBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-HBoxLayoutStretch">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;memory&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">hbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WHBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ImageArea">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCircleArea.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPolygonArea.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRectArea.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAny.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="w"> </span><span class="o">*</span><span class="n">image</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">image</span><span class="o">-&gt;</span><span class="n">setAlternateText</span><span class="p">(</span><span class="s">&quot;Sintel trailer&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">circlePtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WCircleArea</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">427</span><span class="p">,</span><span class="w"> </span><span class="mi">149</span><span class="p">,</span><span class="w"> </span><span class="mi">58</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">circle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">circlePtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">circle</span><span class="o">-&gt;</span><span class="n">setToolTip</span><span class="p">(</span><span class="s">&quot;tree&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">circle</span><span class="o">-&gt;</span><span class="n">setCursor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">Cursor</span><span class="o">::</span><span class="n">Cross</span><span class="p">);</span><span class="w"></span>
<span class="n">image</span><span class="o">-&gt;</span><span class="n">addArea</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">circlePtr</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">rectPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectArea</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">294</span><span class="p">,</span><span class="w"> </span><span class="mi">226</span><span class="p">,</span><span class="w"> </span><span class="mi">265</span><span class="p">,</span><span class="w"> </span><span class="mi">41</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">rect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">rectPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">rect</span><span class="o">-&gt;</span><span class="n">setToolTip</span><span class="p">(</span><span class="s">&quot;title&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">rect</span><span class="o">-&gt;</span><span class="n">setCursor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">Cursor</span><span class="o">::</span><span class="n">Cross</span><span class="p">);</span><span class="w"></span>
<span class="n">image</span><span class="o">-&gt;</span><span class="n">addArea</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">rectPtr</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">polygonPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPolygonArea</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">polygon</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">polygonPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="o">&gt;</span><span class="w"> </span><span class="n">points</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">92</span><span class="p">,</span><span class="mi">330</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">66</span><span class="p">,</span><span class="mi">261</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">122</span><span class="p">,</span><span class="mi">176</span><span class="p">),</span><span class="w"></span>
<span class="w">                               </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">143</span><span class="p">,</span><span class="mi">33</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">164</span><span class="p">,</span><span class="mi">33</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">157</span><span class="p">,</span><span class="mi">88</span><span class="p">),</span><span class="w"></span>
<span class="w">                               </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">90</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">263</span><span class="p">,</span><span class="mi">264</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">228</span><span class="p">,</span><span class="mi">330</span><span class="p">),</span><span class="w"></span>
<span class="w">                               </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPoint</span><span class="p">(</span><span class="mi">92</span><span class="p">,</span><span class="mi">330</span><span class="p">)</span><span class="w"> </span><span class="p">};</span><span class="w"></span>
<span class="n">polygon</span><span class="o">-&gt;</span><span class="n">setPoints</span><span class="p">(</span><span class="n">points</span><span class="p">);</span><span class="w"></span>
<span class="n">polygon</span><span class="o">-&gt;</span><span class="n">setToolTip</span><span class="p">(</span><span class="s">&quot;person&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">polygon</span><span class="o">-&gt;</span><span class="n">setCursor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">Cursor</span><span class="o">::</span><span class="n">Cross</span><span class="p">);</span><span class="w"></span>
<span class="n">image</span><span class="o">-&gt;</span><span class="n">addArea</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">polygonPtr</span><span class="p">));</span><span class="w"></span>

<span class="n">circle</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You clicked the tree.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">rect</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You clicked the title.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">polygon</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You clicked the person.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">image</span><span class="o">-&gt;</span><span class="n">mouseMoved</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You&#39;re pointing the background at &quot;</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;(&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">().</span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;,&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">().</span><span class="n">y</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;).&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Image">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="w"> </span><span class="o">*</span><span class="n">image</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;icons/wt.png&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">image</span><span class="o">-&gt;</span><span class="n">setAlternateText</span><span class="p">(</span><span class="s">&quot;Wt logo&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="n">image</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You clicked the Wt logo at &quot;</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;(&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">().</span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;,&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">().</span><span class="n">y</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;).&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-InPlaceEditButtons">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WInPlaceEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">ipe</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WInPlaceEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is editable text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">ipe</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Enter something&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-InPlaceEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WInPlaceEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WInPlaceEdit</span><span class="w"> </span><span class="o">*</span><span class="n">ipe</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WInPlaceEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is editable text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">ipe</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Enter something&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">ipe</span><span class="o">-&gt;</span><span class="n">setButtonsEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-InputMask">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;lineEdit-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setTextSize</span><span class="p">(</span><span class="mi">15</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setInputMask</span><span class="p">(</span><span class="s">&quot;009.009.009.009;_&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;label&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;IP Address:&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;edit&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">edit</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-JavaPdfRenderer">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WResource.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">ReportResource</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WResource</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">ReportResource</span><span class="p">();</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;report.example&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">text</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reset&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Create pdf&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">pdf</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">ReportResource</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">pdf</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-LargeTableView">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;VirtualModel.cpp&quot;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">tableView</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">VirtualModel</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">10000</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">));</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setRowHeaderCount</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"> </span><span class="c1">// treat first column as &#39;fixed&#39; row headers</span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setAlternatingRowColors</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Extended</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>

<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">650</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-LeafletMap">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLeafletMap.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Json/Object.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Json/Value.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;vector&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">LeafletMapExample</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">LeafletMapExample</span><span class="p">()</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">layout</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WHBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">    </span><span class="n">setHeight</span><span class="p">(</span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">map_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">layout</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">&gt;</span><span class="p">(),</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">Json</span><span class="o">::</span><span class="n">Object</span><span class="w"> </span><span class="n">options</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">options</span><span class="p">[</span><span class="s">&quot;maxZoom&quot;</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">19</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">options</span><span class="p">[</span><span class="s">&quot;attribution&quot;</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&amp;copy; &lt;a href=</span><span class="se">\&quot;</span><span class="s">https://www.openstreetmap.org/copyright</span><span class="se">\&quot;</span><span class="s">&gt;OpenStreetMap&lt;/a&gt; contributors&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">addTileLayer</span><span class="p">(</span><span class="s">&quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">options</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">panTo</span><span class="p">(</span><span class="n">EMWEB_COORDS</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">addEmwebLogoMarker</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">191</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Round</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">pen</span><span class="p">.</span><span class="n">setJoinStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenJoinStyle</span><span class="o">::</span><span class="n">Round</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mf">3.0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">addPolyline</span><span class="p">(</span><span class="n">roadDescription</span><span class="p">(),</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="w"> </span><span class="o">*</span><span class="n">map_</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="kt">void</span><span class="w"> </span><span class="nf">addEmwebLogoMarker</span><span class="p">()</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">emwebLogo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">          </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;https://www.emweb.be/css/emweb_small_filled.png&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">emwebLogo</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">emwebLogo</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">118</span><span class="p">,</span><span class="w"> </span><span class="mi">32</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">emwebMarker</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">WidgetMarker</span><span class="o">&gt;</span><span class="p">(</span><span class="n">EMWEB_COORDS</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">emwebLogo</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">map_</span><span class="o">-&gt;</span><span class="n">addMarker</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">emwebMarker</span><span class="p">));</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">roadDescription</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="o">&gt;</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9082</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66056</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90901</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66426</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90944</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66514</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90968</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66574</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91021</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66541</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9111</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66508</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9119</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66469</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91224</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66463</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91227</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66598</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9122</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66786</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91199</span><span class="p">,</span><span class="w"> </span><span class="mf">4.66962</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91169</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67117</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91107</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67365</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91061</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67515</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.91023</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67596</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9098</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67666</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90953</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67691</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90912</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67746</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90882</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67772</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90838</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67801</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.9083</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67798</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90803</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67814</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90742</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67836</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90681</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67845</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90209</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67871</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90134</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67893</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90066</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6793</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.90015</span><span class="p">,</span><span class="w"> </span><span class="mf">4.67972</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89945</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68059</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89613</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68582</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.8952</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68719</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89464</span><span class="p">,</span><span class="w"> </span><span class="mf">4.68764</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89183</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69032</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.89131</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69076</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88916</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69189</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88897</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69195</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88859</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69195</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88813</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69193</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88697</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69135</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88669</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6913</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88531</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69155</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88425</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69196</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88398</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69219</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88391</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69226</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88356</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69292</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88323</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69361</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88067</span><span class="p">,</span><span class="w"> </span><span class="mf">4.6934</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88055</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69491</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88036</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69616</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.88009</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69755</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87973</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69877</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87951</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69856</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87933</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69831</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87905</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69811</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.879</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69793</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87856</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69745</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87849</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69746</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87843</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69758</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87822</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69758</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87814</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69766</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87813</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69788</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">result</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="p">(</span><span class="mf">50.87789</span><span class="p">,</span><span class="w"> </span><span class="mf">4.69862</span><span class="p">));</span><span class="w"></span>

<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">result</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="n">EMWEB_COORDS</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLeafletMap</span><span class="o">::</span><span class="n">Coordinate</span><span class="w"> </span><span class="nf">LeafletMapExample::EMWEB_COORDS</span><span class="p">(</span><span class="mf">50.906901</span><span class="p">,</span><span class="w"> </span><span class="mf">4.655973</span><span class="p">);</span><span class="w"></span>



<span class="k">auto</span><span class="w"> </span><span class="n">map</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">LeafletMapExample</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-LineEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIntValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;lineEdit-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setValidator</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WIntValidator</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">130</span><span class="p">));</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;label&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Age:&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;edit&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">edit</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-LineEditEvent">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Edit me&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="o">-&gt;</span><span class="n">keyPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WKeyEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You pressed the &#39;&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="n">text</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;&#39; key.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-MediaPlayerAudio">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMediaPlayer.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="c1">// Define media source locations.</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">mp3Audio</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;https://www.webtoolkit.eu/audio/LaSera-NeverComeAround.mp3&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">oggAudio</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;https://www.webtoolkit.eu/audio/LaSera-NeverComeAround.ogg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WMediaPlayer</span><span class="w"> </span><span class="o">*</span><span class="n">player</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMediaPlayer</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaType</span><span class="o">::</span><span class="n">Audio</span><span class="p">);</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaEncoding</span><span class="o">::</span><span class="n">MP3</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">mp3Audio</span><span class="p">));</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaEncoding</span><span class="o">::</span><span class="n">OGA</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">oggAudio</span><span class="p">));</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;La Sera - Never Come Around&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">playbackStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Song playing&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">playbackPaused</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Song paused&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">ended</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Song ended&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">volumeChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Volume changed&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-MediaPlayerVideo">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMediaPlayer.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="c1">// Define media source locations</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">mp4Video</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.mp4&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">ogvVideo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.ogv&quot;</span><span class="p">;</span><span class="w"></span>

<span class="c1">// Define poster image location</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">poster</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WMediaPlayer</span><span class="w"> </span><span class="o">*</span><span class="n">player</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMediaPlayer</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaType</span><span class="o">::</span><span class="n">Video</span><span class="p">);</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaEncoding</span><span class="o">::</span><span class="n">M4V</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">mp4Video</span><span class="p">));</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaEncoding</span><span class="o">::</span><span class="n">OGV</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">ogvVideo</span><span class="p">));</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">MediaEncoding</span><span class="o">::</span><span class="n">PosterImage</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">poster</span><span class="p">));</span><span class="w"></span>
<span class="n">player</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;&lt;a href=</span><span class="se">\&quot;</span><span class="s">https://durian.blender.org/</span><span class="se">\&quot;</span><span class="s">&quot;</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;target=</span><span class="se">\&quot;</span><span class="s">_blank</span><span class="se">\&quot;</span><span class="s">&gt;Sintel&lt;/a&gt;, (c) copyright Blender Foundation&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">playbackStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video playing&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">playbackPaused</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video paused&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">ended</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video ended&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">player</span><span class="o">-&gt;</span><span class="n">volumeChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Volume changed&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Menu">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStackedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create a stack where the contents will be located.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">contents</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStackedWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WMenu</span><span class="w"> </span><span class="o">*</span><span class="n">menu</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenu</span><span class="o">&gt;</span><span class="p">(</span><span class="n">contents</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;nav nav-pills flex-column&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">150</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Add menu items using the default lazy loading policy.</span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Internal paths&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Internal paths contents&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Anchor&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Anchor contents&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Stacked widget&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Stacked widget contents&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Tab widget&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Tab widget contents&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">menu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Menu&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Menu contents&quot;</span><span class="p">));</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">contents</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-MessageBox">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMessageBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Status&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;The status button is clicked.&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">messageBox</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">      </span><span class="n">c</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMessageBox</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;Status&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;&lt;p&gt;Ready to launch the rocket...&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;&lt;p&gt;Launch the rocket immediately?&lt;/p&gt;&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                  </span><span class="n">Wt</span><span class="o">::</span><span class="n">Icon</span><span class="o">::</span><span class="n">Information</span><span class="p">,</span><span class="w"></span>
<span class="w">                  </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Yes</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">No</span><span class="p">));</span><span class="w"></span>

<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">setModal</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">buttonClicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">buttonResult</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Yes</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;The rocket is launched!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">            </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;The rocket is ready for launch...&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">c</span><span class="o">-&gt;</span><span class="n">removeChild</span><span class="p">(</span><span class="n">messageBox</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-MessageBoxSync">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMessageBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Start&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="w"> </span><span class="n">answer</span><span class="w"></span>
<span class="w">      </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WMessageBox</span><span class="o">::</span><span class="n">show</span><span class="p">(</span><span class="s">&quot;Launch phase&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                          </span><span class="s">&quot;&lt;p&gt;Launch the rocket?&lt;/p&gt;&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                          </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Ok</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Cancel</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">answer</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Ok</span><span class="p">){</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;The rocket is launched!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Waiting on your decision...&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-NavigationBar">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMessageBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WNavigationBar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenuItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStackedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create a navigation bar with a link to a web page.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WNavigationBar</span><span class="w"> </span><span class="o">*</span><span class="n">navigation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WNavigationBar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="c1">// It&#39;s not necessary to do this with WBootstrap5Theme, but we include it if</span>
<span class="c1">// you want to use another theme.</span>
<span class="n">navigation</span><span class="o">-&gt;</span><span class="n">setResponsive</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="c1">// WBootstrap5Theme applies no color scheme by default, so we have to add them here.</span>
<span class="n">navigation</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;navbar-light bg-light&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">navigation</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Corpy Inc.&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                     </span><span class="s">&quot;https://www.google.com/search?q=corpy+inc&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WStackedWidget</span><span class="w"> </span><span class="o">*</span><span class="n">contentsStack</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStackedWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">contentsStack</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;contents&quot;</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Setup a Left-aligned menu.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">leftMenu</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenu</span><span class="o">&gt;</span><span class="p">(</span><span class="n">contentsStack</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">leftMenu_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">navigation</span><span class="o">-&gt;</span><span class="n">addMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">leftMenu</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">searchResult</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Buy or Sell... Bye!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">searchResult_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">searchResult</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">leftMenu_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Home&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;There is no better place!&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">leftMenu_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Layout&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Layout contents&quot;</span><span class="p">))</span><span class="w"></span>
<span class="w">    </span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkType</span><span class="o">::</span><span class="n">InternalPath</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;/layout&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">leftMenu_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Sales&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">searchResult</span><span class="p">));</span><span class="w"></span>
<span class="n">leftMenu_</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;me-auto&quot;</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Add a Search control.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">editPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">editPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Enter a search item&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">leftMenu_</span><span class="o">-&gt;</span><span class="n">select</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span><span class="w"> </span><span class="c1">// is the index of the &quot;Sales&quot;</span>
<span class="w">  </span><span class="n">searchResult_</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Nothing found for {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">navigation</span><span class="o">-&gt;</span><span class="n">addSearch</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">editPtr</span><span class="p">));</span><span class="w"></span>

<span class="c1">// Setup a Right-aligned menu.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">rightMenu</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">rightMenu_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">navigation</span><span class="o">-&gt;</span><span class="n">addMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">rightMenu</span><span class="p">));</span><span class="w"></span>

<span class="c1">// Create a popup submenu for the Help menu.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">popupPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">popup</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">popupPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Contents&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Index&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;About&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">popup</span><span class="o">-&gt;</span><span class="n">itemSelected</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="w"> </span><span class="o">*</span><span class="n">item</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">messageBox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">popup</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMessageBox</span><span class="o">&gt;</span><span class="w"></span>
<span class="w">            </span><span class="p">(</span><span class="s">&quot;Help&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">             </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Showing Help: {1}&lt;/p&gt;&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">item</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()),</span><span class="w"></span>
<span class="w">             </span><span class="n">Wt</span><span class="o">::</span><span class="n">Icon</span><span class="o">::</span><span class="n">Information</span><span class="p">,</span><span class="w"></span>
<span class="w">             </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Ok</span><span class="p">));</span><span class="w"></span>

<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">buttonClicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">popup</span><span class="o">-&gt;</span><span class="n">removeChild</span><span class="p">(</span><span class="n">messageBox</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Help&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">popupPtr</span><span class="p">));</span><span class="w"></span>
<span class="n">rightMenu_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-NestedLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WVBoxLayout.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box centered&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">vbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WVBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">hbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WHBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 3&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">hbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-NumericalCharts3D">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCssDecorationStyle.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBorder.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesian3DChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WGridData.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WEquidistantGridData.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WScatterData.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WStandardColorMap.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;DataModels.h&quot;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// create the chart and add a border to the widget</span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WCartesian3DChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesian3DChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w"></span>

<span class="c1">// disable server-side rendering fallback; our VPSes don&#39;t have that</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setRenderOptions</span><span class="p">(</span><span class="n">GLRenderOption</span><span class="o">::</span><span class="n">ClientSide</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">GLRenderOption</span><span class="o">::</span><span class="n">AntiAliasing</span><span class="p">);</span><span class="w"></span>

<span class="n">WCssDecorationStyle</span><span class="w"> </span><span class="n">style</span><span class="p">;</span><span class="w"></span>
<span class="n">style</span><span class="p">.</span><span class="n">setBorder</span><span class="p">(</span><span class="n">WBorder</span><span class="p">(</span><span class="n">BorderStyle</span><span class="o">::</span><span class="n">Solid</span><span class="p">,</span><span class="w"> </span><span class="n">BorderWidth</span><span class="o">::</span><span class="n">Medium</span><span class="p">,</span><span class="w"></span>
<span class="w">                            </span><span class="n">WColor</span><span class="p">(</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">)));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setDecorationStyle</span><span class="p">(</span><span class="n">style</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">900</span><span class="p">,</span><span class="w"> </span><span class="mi">700</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">XY</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">XY</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">XZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">XZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">YZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setGridEnabled</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Plane</span><span class="o">::</span><span class="n">YZ</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X3D</span><span class="p">).</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;X&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y3D</span><span class="p">).</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Y&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">).</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Z&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setIntersectionLinesEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setIntersectionLinesColor</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>

<span class="c1">// make first dataset (WGridData)</span>
<span class="k">auto</span><span class="w"> </span><span class="n">model1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">SombreroData</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">dataset1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WGridData</span><span class="o">&gt;</span><span class="p">(</span><span class="n">model1</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset1</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Series3DType</span><span class="o">::</span><span class="n">Surface</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset1</span><span class="o">-&gt;</span><span class="n">setSurfaceMeshEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">colormap</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WStandardColorMap</span><span class="o">&gt;</span><span class="p">(</span><span class="n">dataset1</span><span class="o">-&gt;</span><span class="n">minimum</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">),</span><span class="w"></span>
<span class="w">                                     </span><span class="n">dataset1</span><span class="o">-&gt;</span><span class="n">maximum</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Z3D</span><span class="p">),</span><span class="w"></span>
<span class="w">                                     </span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset1</span><span class="o">-&gt;</span><span class="n">setColorMap</span><span class="p">(</span><span class="n">colormap</span><span class="p">);</span><span class="w"></span>

<span class="c1">// make second dataset (WEquidistantGridData)</span>
<span class="k">auto</span><span class="w"> </span><span class="n">model2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">PlaneData</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// set a few size-roles</span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerScaleFactor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">()</span><span class="mi">-1</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerScaleFactor</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerScaleFactor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">()</span><span class="mi">-1</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerScaleFactor</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// set a few color-roles</span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerBrushColor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">6</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerBrushColor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">7</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerBrushColor</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model2</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">8</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">MarkerBrushColor</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">dataset2</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WEquidistantGridData</span><span class="o">&gt;</span><span class="p">(</span><span class="n">model2</span><span class="p">,</span><span class="w"> </span><span class="mi">-10</span><span class="p">,</span><span class="w"> </span><span class="mf">0.5f</span><span class="p">,</span><span class="w"> </span><span class="mi">-10</span><span class="p">,</span><span class="w"> </span><span class="mf">0.5f</span><span class="p">);</span><span class="w"></span>

<span class="c1">// make third dataset (WScatterData)</span>
<span class="k">auto</span><span class="w"> </span><span class="n">model3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">SpiralData</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">dataset3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WScatterData</span><span class="o">&gt;</span><span class="p">(</span><span class="n">model3</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset3</span><span class="o">-&gt;</span><span class="n">setPointSize</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>

<span class="c1">// make fourth dataset (WEquidistantGridData, intersecting with dataset1)</span>
<span class="k">auto</span><span class="w"> </span><span class="n">model4</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">HorizontalPlaneData</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">dataset4</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">  </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WEquidistantGridData</span><span class="o">&gt;</span><span class="p">(</span><span class="n">model4</span><span class="p">,</span><span class="w"> </span><span class="mi">-10</span><span class="p">,</span><span class="w"> </span><span class="mf">1.0f</span><span class="p">,</span><span class="w"> </span><span class="mi">-10</span><span class="p">,</span><span class="w"> </span><span class="mf">1.0f</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset4</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Series3DType</span><span class="o">::</span><span class="n">Surface</span><span class="p">);</span><span class="w"></span>
<span class="n">dataset4</span><span class="o">-&gt;</span><span class="n">setSurfaceMeshEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="c1">// add the data to the chart</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addDataSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">dataset1</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addDataSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">dataset2</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addDataSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">dataset3</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addDataSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">dataset4</span><span class="p">));</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="w"></span>
<span class="w">    </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;pics/numericalChartScreenshot.png&quot;</span><span class="p">)));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Paintbrush">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCssDecorationStyle.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEvent.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainterPath.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPen.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPointF.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRectF.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WToolBar.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">PaintBrush</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">PaintBrush</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">width</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">height</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="n">width</span><span class="p">,</span><span class="w"> </span><span class="n">height</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">decorationStyle</span><span class="p">().</span><span class="n">setCursor</span><span class="p">(</span><span class="s">&quot;icons/pencil.cur&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Cursor</span><span class="o">::</span><span class="n">Cross</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">mouseDragged</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">PaintBrush</span><span class="o">::</span><span class="n">mouseDrag</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">mouseWentDown</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">PaintBrush</span><span class="o">::</span><span class="n">mouseDown</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">touchStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">PaintBrush</span><span class="o">::</span><span class="n">touchStart</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">touchMoved</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">PaintBrush</span><span class="o">::</span><span class="n">touchMove</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">touchMoved</span><span class="p">().</span><span class="n">preventDefaultAction</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">color_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">clear</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">update</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">setColor</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="o">&amp;</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">color_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">c</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setRenderHint</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">RenderHint</span><span class="o">::</span><span class="n">Antialiasing</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setColor</span><span class="p">(</span><span class="n">color_</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Flat</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setJoinStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenJoinStyle</span><span class="o">::</span><span class="n">Miter</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPath</span><span class="p">(</span><span class="n">path_</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">path_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">(</span><span class="n">path_</span><span class="p">.</span><span class="n">currentPosition</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="n">color_</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">mouseDown</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">Coordinates</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">path_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="n">c</span><span class="p">.</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">y</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">mouseDrag</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">Coordinates</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="n">widget</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">path_</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="n">c</span><span class="p">.</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">y</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">update</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PaintFlag</span><span class="o">::</span><span class="n">Update</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">touchStart</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WTouchEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">Coordinates</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="n">touches</span><span class="p">()[</span><span class="mi">0</span><span class="p">].</span><span class="n">widget</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">path_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="n">c</span><span class="p">.</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">y</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">touchMove</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WTouchEvent</span><span class="o">&amp;</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">Coordinates</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="n">touches</span><span class="p">()[</span><span class="mi">0</span><span class="p">].</span><span class="n">widget</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">path_</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="n">c</span><span class="p">.</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">y</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">update</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PaintFlag</span><span class="o">::</span><span class="n">Update</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>


<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="nf">createColorToggle</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">className</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="o">&amp;</span><span class="w"> </span><span class="n">color</span><span class="p">,</span><span class="w"></span>
<span class="w">                                   </span><span class="n">PaintBrush</span><span class="w"> </span><span class="o">*</span><span class="n">canvas</span><span class="p">)</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setTextFormat</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">XHTML</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&amp;nbsp;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setCheckable</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="n">className</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">30</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">checked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">canvas</span><span class="o">-&gt;</span><span class="n">setColor</span><span class="p">(</span><span class="n">color</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>

<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">button</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">}</span><span class="w"></span>


<span class="cm">/* Approximate bootstrap standard colors */</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="n">blue</span><span class="p">(</span><span class="s">&quot;#0d6efd&quot;</span><span class="p">);</span><span class="w">                              </span><span class="c1">// btn-primary</span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="nf">red</span><span class="p">(</span><span class="s">&quot;#dc3545&quot;</span><span class="p">);</span><span class="w">                               </span><span class="c1">// btn-danger</span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="nf">green</span><span class="p">(</span><span class="s">&quot;#198754&quot;</span><span class="p">);</span><span class="w">                             </span><span class="c1">// btn-success</span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="nf">yellow</span><span class="p">(</span><span class="s">&quot;#ffc107&quot;</span><span class="p">);</span><span class="w">                            </span><span class="c1">// btn-warning</span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="n">black</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">);</span><span class="w"> </span><span class="c1">// btn-inverse</span>
<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="w"> </span><span class="nf">gray</span><span class="p">(</span><span class="s">&quot;#6c757d&quot;</span><span class="p">);</span><span class="w">                              </span><span class="c1">// btn-secondary</span>

<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">canvas</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">PaintBrush</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">710</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">canvas_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">canvas</span><span class="o">-&gt;</span><span class="n">setColor</span><span class="p">(</span><span class="n">blue</span><span class="p">);</span><span class="w"></span>
<span class="n">canvas</span><span class="o">-&gt;</span><span class="n">decorationStyle</span><span class="p">().</span><span class="n">setBorder</span><span class="w"></span>
<span class="w">    </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBorder</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">BorderStyle</span><span class="o">::</span><span class="n">Solid</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">BorderWidth</span><span class="o">::</span><span class="n">Medium</span><span class="p">,</span><span class="w"> </span><span class="n">black</span><span class="p">));</span><span class="w"></span>

<span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*&gt;</span><span class="w"> </span><span class="n">colorButtons</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-blue&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">blue</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">()),</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-danger&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">red</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">()),</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-success&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">green</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">()),</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-warning&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">yellow</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">()),</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-black&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">black</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">()),</span><span class="w"></span>
<span class="w">  </span><span class="n">createColorToggle</span><span class="p">(</span><span class="s">&quot;btn-secondary&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">gray</span><span class="p">,</span><span class="w"> </span><span class="n">canvas</span><span class="p">.</span><span class="n">get</span><span class="p">())</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">toolBar</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WToolBar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">colorButtons</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">colorButtons</span><span class="p">[</span><span class="n">i</span><span class="p">];</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setChecked</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="w">    </span><span class="c1">// Implement a radio button group</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">colorButtons</span><span class="p">.</span><span class="n">size</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">j</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">j</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">other</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">colorButtons</span><span class="p">[</span><span class="n">j</span><span class="p">];</span><span class="w"></span>
<span class="w">                </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">checked</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">other</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">::</span><span class="n">setUnChecked</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">clearButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Clear&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">clearButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">canvas_</span><span class="o">-&gt;</span><span class="n">clear</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">clearButton</span><span class="p">));</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">toolBar</span><span class="p">));</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">canvas</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Painting3D">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingClipping">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBrush.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCalendar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;algorithm&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cstdlib&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">ClippingWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">ClippingWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">310</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">   </span><span class="c1">// Create two separate drawings.</span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">160</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Draw the background</span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">)));</span><span class="w"></span>

<span class="w">            </span><span class="c1">// Create a path and fill it with blue.</span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">15</span><span class="p">,</span><span class="w"> </span><span class="mi">15</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">fillPath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Blue</span><span class="p">)));</span><span class="w"></span>

<span class="w">            </span><span class="c1">// Use the previously defined path also for clipping.</span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">setClipPath</span><span class="p">(</span><span class="n">path</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">setClipping</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"> </span><span class="c1">// Clipping is applied from the 2nd drawing.</span>

<span class="w">            </span><span class="n">drawStars</span><span class="p">(</span><span class="n">painter</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">drawStar</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="o">&amp;</span><span class="w"> </span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">radius</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">circlePath</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">circlePath</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">radius</span><span class="p">,</span><span class="w"> </span><span class="n">radius</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">circlePath</span><span class="p">.</span><span class="n">closeSubPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillPath</span><span class="p">(</span><span class="n">circlePath</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">White</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">drawStars</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="o">&amp;</span><span class="w"> </span><span class="n">painter</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">srand</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateTime</span><span class="o">::</span><span class="n">currentDateTime</span><span class="p">().</span><span class="n">toTime_t</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">75</span><span class="p">,</span><span class="mi">75</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">star</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">star</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">50</span><span class="p">;</span><span class="w"> </span><span class="n">star</span><span class="o">++</span><span class="p">){</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">75</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">rand</span><span class="p">()</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">150</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"></span>
<span class="w">                              </span><span class="mi">75</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">rand</span><span class="p">()</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">150</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">drawStar</span><span class="p">(</span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">max</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">rand</span><span class="p">()</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">4</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">ClippingWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingEvent">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSpinBox.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">MyPaintedWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">MyPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">(),</span><span class="w"> </span><span class="n">end_</span><span class="p">(</span><span class="mi">100</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">60</span><span class="p">);</span><span class="w">   </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">setEnd</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">end</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">end_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">end</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">update</span><span class="p">();</span><span class="w">          </span><span class="c1">// Trigger a repaint.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Blue</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">end_</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">end_</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">MyPaintedWidget</span><span class="w"> </span><span class="o">*</span><span class="n">painting</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">MyPaintedWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">200</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">painting</span><span class="o">-&gt;</span><span class="n">setEnd</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingImages">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBrush.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">PaintingImagesWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">PaintingImagesWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">639</span><span class="p">,</span><span class="w"> </span><span class="mi">1310</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="o">::</span><span class="n">Image</span><span class="w"> </span><span class="nf">image</span><span class="p">(</span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">639</span><span class="p">,</span><span class="w"> </span><span class="mi">354</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw a part of the same image starting at (110, 75) and put it at</span>
<span class="w">        </span><span class="c1">// (0, 364).</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">364.0</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">,</span><span class="w"> </span><span class="mf">75.0</span><span class="p">,</span><span class="w"> </span><span class="mf">130.0</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the same part using WPointF for the starting point and WRectF for</span>
<span class="w">        </span><span class="c1">// the source rectangle.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="w"> </span><span class="n">location</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">484.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="w"> </span><span class="n">sourceRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">110.0</span><span class="p">,</span><span class="w"> </span><span class="mf">75.0</span><span class="p">,</span><span class="w"> </span><span class="mf">130.0</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="n">location</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">,</span><span class="w"> </span><span class="n">sourceRect</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the image in a rectangle.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="w"> </span><span class="n">destinationRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">604.0</span><span class="p">,</span><span class="w"> </span><span class="mf">130.0</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="n">destinationRect</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw a part of the image in a rectangle - scaling down</span>
<span class="w">        </span><span class="n">sourceRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">60.0</span><span class="p">,</span><span class="w"> </span><span class="mf">80.0</span><span class="p">,</span><span class="w"> </span><span class="mf">220.0</span><span class="p">,</span><span class="w"> </span><span class="mf">180.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">destinationRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">724.0</span><span class="p">,</span><span class="w"> </span><span class="mf">130.0</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="n">destinationRect</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">,</span><span class="w"> </span><span class="n">sourceRect</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw a part of the image in a rectangle - scaling up</span>
<span class="w">        </span><span class="n">sourceRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">294.0</span><span class="p">,</span><span class="w"> </span><span class="mf">226.0</span><span class="p">,</span><span class="w"> </span><span class="mf">265.0</span><span class="p">,</span><span class="w"> </span><span class="mf">41.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">destinationRect</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WRectF</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">844.0</span><span class="p">,</span><span class="w"> </span><span class="mf">639.0</span><span class="p">,</span><span class="w"> </span><span class="mf">110.0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="n">destinationRect</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">,</span><span class="w"> </span><span class="n">sourceRect</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">964</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the image and add shapes to it.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawImage</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="n">image</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">369</span><span class="p">,</span><span class="w"> </span><span class="mi">91</span><span class="p">,</span><span class="w"> </span><span class="mi">116</span><span class="p">,</span><span class="w"> </span><span class="mi">116</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">addRect</span><span class="p">(</span><span class="mi">294</span><span class="p">,</span><span class="w"> </span><span class="mi">226</span><span class="p">,</span><span class="w"> </span><span class="mi">265</span><span class="p">,</span><span class="w"> </span><span class="mi">41</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">92</span><span class="p">,</span><span class="mi">330</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">66</span><span class="p">,</span><span class="mi">261</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">122</span><span class="p">,</span><span class="mi">176</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">143</span><span class="p">,</span><span class="mi">33</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">164</span><span class="p">,</span><span class="mi">33</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">157</span><span class="p">,</span><span class="mi">88</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">90</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">263</span><span class="p">,</span><span class="mi">264</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">228</span><span class="p">,</span><span class="mi">330</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">92</span><span class="p">,</span><span class="mi">330</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">PaintingImagesWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingInteractive">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WJavaScript.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSlider.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSpinBox.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cmath&gt;</span><span class="cp"></span>

<span class="cp">#define M_PI 3.14159265358979323846</span>

<span class="k">class</span><span class="w"> </span><span class="nc">PaintingInteractiveWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">PaintingInteractiveWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">(),</span><span class="w"></span>
<span class="w">          </span><span class="n">rotateSlot</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="k">this</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>

<span class="w">        </span><span class="n">transform</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">createJSTransform</span><span class="p">();</span><span class="w"> </span><span class="c1">// Create a client side transform</span>

<span class="w">        </span><span class="n">rotateSlot</span><span class="p">.</span><span class="n">setJavaScript</span><span class="p">(</span><span class="w"></span>
<span class="w">            </span><span class="s">&quot;function(o,e,deg) {&quot;</span><span class="w"></span>
<span class="w">                </span><span class="s">&quot;if (&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">objJsRef</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;) {&quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;var rad = deg / 180 * Math.PI;&quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;var c = Math.cos(rad);&quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;var s = Math.sin(rad);&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                    </span><span class="c1">// You can assign a new 6 element array to a transform,</span>
<span class="w">                    </span><span class="c1">// or change its individual elements.</span>
<span class="w">                    </span><span class="n">transform</span><span class="p">.</span><span class="n">jsRef</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot; = [c,-s,s,c,0,0];&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                    </span><span class="n">repaintSlot</span><span class="p">().</span><span class="n">execJs</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;;&quot;</span><span class="w"></span>
<span class="w">                </span><span class="s">&quot;}&quot;</span><span class="w"></span>
<span class="w">            </span><span class="s">&quot;}&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">rotate</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">degrees</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="kt">double</span><span class="w"> </span><span class="n">radians</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">degrees</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">180.0</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">M_PI</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="kt">double</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">cos</span><span class="p">(</span><span class="n">radians</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="kt">double</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">sin</span><span class="p">(</span><span class="n">radians</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Changes in value will be synced from server to client</span>
<span class="w">        </span><span class="n">transform</span><span class="p">.</span><span class="n">setValue</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTransform</span><span class="p">(</span><span class="n">c</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="n">s</span><span class="p">,</span><span class="w"> </span><span class="n">s</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">update</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">JSlot</span><span class="w"> </span><span class="n">rotateSlot</span><span class="p">;</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Set a 5px wide pen</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw an arrow shape</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">-50</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">-100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">-100</span><span class="p">,</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">-50</span><span class="p">,</span><span class="w"> </span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">-50</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Client side transforms can be set with</span>
<span class="w">        </span><span class="c1">// setWorldTransform, or applied to a path</span>
<span class="w">        </span><span class="c1">// with the map() function. In the latter case,</span>
<span class="w">        </span><span class="c1">// line thickness will not be affected by the</span>
<span class="w">        </span><span class="c1">// transform.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">transformedPath</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">            </span><span class="n">transform</span><span class="p">.</span><span class="n">value</span><span class="p">().</span><span class="n">map</span><span class="p">(</span><span class="n">path</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPath</span><span class="p">(</span><span class="n">transformedPath</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WJavaScriptHandle</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTransform</span><span class="o">&gt;</span><span class="w"> </span><span class="n">transform</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">PaintingInteractiveWidget</span><span class="w"> </span><span class="o">*</span><span class="n">widget</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">PaintingInteractiveWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">300</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="w"> </span><span class="o">*</span><span class="n">slider</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Horizontal</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>

<span class="c1">// This will not cause a server roundtrip</span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">sliderMoved</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">widget</span><span class="o">-&gt;</span><span class="n">rotateSlot</span><span class="p">);</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">valueChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="n">widget</span><span class="o">-&gt;</span><span class="n">rotate</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="n">widget</span><span class="o">-&gt;</span><span class="n">rotate</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">slider</span><span class="o">-&gt;</span><span class="n">valueChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="n">widget</span><span class="o">-&gt;</span><span class="n">rotate</span><span class="p">(</span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingShapes">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBrush.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainterPath.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPen.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPointF.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSpinBox.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">ShapesWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">ShapesWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">310</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="c1">// DRAWING PRIMITIVE SHAPES</span>
<span class="w">        </span><span class="c1">// Draw a line from (0, 0) to (200, 0) and then 30 px downwards.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw and fill a rectangle from (0, 25) with width 80 and height 25</span>
<span class="w">        </span><span class="c1">// using the current pen (red) and brush (default: white).</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Set the current brush with the global color name &#39;green&#39;.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Green</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the same rectangle from (100, 25) using the current pen and brush.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Fill a rectangle from (100, 25) with width 80 and height 25.</span>
<span class="w">        </span><span class="c1">// Choose a color with red=0, green=255, blue=0, alpha=64.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">64</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw the outline of an ellipse.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawEllipse</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the upper segment of the ellipse (angle = 180 x 1/16th of a degree)</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawChord</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">180</span><span class="o">*</span><span class="mi">16</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw an open arc and a closed arc.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawArc</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">90</span><span class="o">*</span><span class="mi">16</span><span class="p">,</span><span class="w"> </span><span class="mi">90</span><span class="o">*</span><span class="mi">16</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawArc</span><span class="p">(</span><span class="mi">240</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">90</span><span class="o">*</span><span class="mi">16</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">265</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">265</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">265</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">,</span><span class="w"> </span><span class="mi">290</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw a 6-point polygon and fill it with the current brush.</span>
<span class="w">        </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="w"> </span><span class="n">points</span><span class="p">[]</span><span class="w"></span>
<span class="w">            </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">),</span><span class="w">   </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">160</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">),</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">180</span><span class="p">,</span><span class="w"> </span><span class="mf">204.6</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">160</span><span class="p">,</span><span class="w"> </span><span class="mf">239.2</span><span class="p">),</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mf">239.2</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mf">204.6</span><span class="p">)</span><span class="w"> </span><span class="p">};</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPolygon</span><span class="p">(</span><span class="n">points</span><span class="p">,</span><span class="w"> </span><span class="mi">6</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// DRAWING SHAPES USING A PATH</span>
<span class="w">        </span><span class="c1">// Create an ellipse path and fill it.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">filledEllipsePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">filledEllipsePath</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">180</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">filledEllipsePath</span><span class="p">.</span><span class="n">closeSubPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPath</span><span class="p">(</span><span class="n">filledEllipsePath</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Create a new path for a triangle.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">filledTrianglePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">filledTrianglePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">270</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">filledTrianglePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">80</span><span class="p">,</span><span class="mi">270</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">filledTrianglePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">350</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">filledTrianglePath</span><span class="p">.</span><span class="n">closeSubPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw the path and fill it.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPath</span><span class="p">(</span><span class="n">filledTrianglePath</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// strokePath draws a path but doesn&#39;t fill it.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">strokedTrianglePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">strokedTrianglePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">270</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">strokedTrianglePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">350</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">strokedTrianglePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mi">350</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">strokedTrianglePath</span><span class="p">.</span><span class="n">closeSubPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">strokedTrianglePath</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw a balloon with quadratic bezier curves.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">quadraticCurvePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">250</span><span class="p">,</span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">,</span><span class="mf">187.5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">225</span><span class="p">,</span><span class="w"> </span><span class="mi">225</span><span class="p">,</span><span class="mi">225</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">225</span><span class="p">,</span><span class="mi">245</span><span class="p">,</span><span class="w"> </span><span class="mi">205</span><span class="p">,</span><span class="mi">250</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">235</span><span class="p">,</span><span class="mi">245</span><span class="p">,</span><span class="w"> </span><span class="mi">240</span><span class="p">,</span><span class="mi">225</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="mi">225</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">,</span><span class="mf">187.5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">quadraticCurvePath</span><span class="p">.</span><span class="n">quadTo</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">250</span><span class="p">,</span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">quadraticCurvePath</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw a heart with cubic bezier curves.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">bezierCurvePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="mi">285</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">282</span><span class="p">,</span><span class="w">  </span><span class="mi">250</span><span class="p">,</span><span class="mi">270</span><span class="p">,</span><span class="w">  </span><span class="mi">230</span><span class="p">,</span><span class="mi">270</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">270</span><span class="p">,</span><span class="w">  </span><span class="mi">200</span><span class="p">,</span><span class="mf">307.5</span><span class="p">,</span><span class="mi">200</span><span class="p">,</span><span class="mf">307.5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">325</span><span class="p">,</span><span class="w">  </span><span class="mi">220</span><span class="p">,</span><span class="mi">357</span><span class="p">,</span><span class="w">  </span><span class="mi">255</span><span class="p">,</span><span class="mi">365</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">290</span><span class="p">,</span><span class="mi">347</span><span class="p">,</span><span class="w">  </span><span class="mi">310</span><span class="p">,</span><span class="mi">325</span><span class="p">,</span><span class="w">  </span><span class="mi">310</span><span class="p">,</span><span class="mf">307.5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">310</span><span class="p">,</span><span class="mf">307.5</span><span class="p">,</span><span class="mi">310</span><span class="p">,</span><span class="mi">270</span><span class="p">,</span><span class="w">  </span><span class="mi">290</span><span class="p">,</span><span class="mi">270</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">bezierCurvePath</span><span class="p">.</span><span class="n">cubicTo</span><span class="p">(</span><span class="mi">265</span><span class="p">,</span><span class="mi">270</span><span class="p">,</span><span class="w">  </span><span class="mi">255</span><span class="p">,</span><span class="mi">282</span><span class="p">,</span><span class="w">  </span><span class="mi">255</span><span class="p">,</span><span class="mi">285</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPath</span><span class="p">(</span><span class="n">bezierCurvePath</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">ShapesWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingStyle">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBrush.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">StyleWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">StyleWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">310</span><span class="p">,</span><span class="w"> </span><span class="mi">1140</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw a grid of rectangles; each one in a different color.</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="o">++</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="c1">// Generate a unique RGB color for each square. Only the red and</span>
<span class="w">                </span><span class="c1">// green values are modified; the blue channel has a fixed value.</span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="w"> </span><span class="nf">brush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">255</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">42</span><span class="o">*</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">42</span><span class="o">*</span><span class="n">col</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">                </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="n">row</span><span class="o">*</span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="n">col</span><span class="o">*</span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="n">brush</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">160</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw a grid of circles similar to the above example but now using the</span>
<span class="w">        </span><span class="c1">// strokePath method.</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">pen</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="c1">// Generate a unique RGB color for each circle. Only the green and</span>
<span class="w">                </span><span class="c1">// blue values are modified; the red channel has a fixed value.</span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">3</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">col</span><span class="o">*</span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">row</span><span class="o">*</span><span class="mi">25</span><span class="p">,</span><span class="w"> </span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="n">pen</span><span class="p">.</span><span class="n">setColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">42</span><span class="o">*</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">42</span><span class="o">*</span><span class="n">col</span><span class="p">));</span><span class="w"></span>
<span class="w">                </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">160</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Transparency example with rectangles</span>
<span class="w">        </span><span class="c1">// Create a background composed of 4 stacked rectangles.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Yellow</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Green</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Blue</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mf">112.5</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="c1">// On top of these draw semi transparent rectangles with increasing opacity</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">10</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="w"> </span><span class="n">brush</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="o">/</span><span class="mi">10</span><span class="o">*</span><span class="n">i</span><span class="p">));</span><span class="w"></span>
<span class="w">            </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">4</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">addRect</span><span class="p">(</span><span class="mi">5</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">j</span><span class="o">*</span><span class="mf">37.5</span><span class="p">,</span><span class="w"> </span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mf">27.5</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="n">painter</span><span class="p">.</span><span class="n">fillPath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">brush</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">160</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Transparency example with circles</span>
<span class="w">        </span><span class="c1">// Create a square composed of four different colored squares.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Yellow</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Green</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Blue</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">fillRect</span><span class="p">(</span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="p">,</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="c1">// On top of these draw a set of semi-transparant white circles with</span>
<span class="w">        </span><span class="c1">// increasing diameter. The final result is a radial gradient.</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">8</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">addEllipse</span><span class="p">(</span><span class="mi">75</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="w"> </span><span class="n">brush</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">));</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">fillPath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">brush</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Gradient Brush example</span>
<span class="w">        </span><span class="c1">// Rectangle with a linear gradient from left top to right bottom</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenStyle</span><span class="o">::</span><span class="n">None</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGradient</span><span class="w"> </span><span class="n">linGrad</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">linGrad</span><span class="p">.</span><span class="n">setLinearGradient</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">linGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">linGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mf">0.5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">linGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="w"> </span><span class="nf">linearGradientBrush</span><span class="p">(</span><span class="n">linGrad</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">linearGradientBrush</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Circle with a radial gradient</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WGradient</span><span class="w"> </span><span class="n">radGrad</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">radGrad</span><span class="p">.</span><span class="n">setRadialGradient</span><span class="p">(</span><span class="mi">170</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">130</span><span class="p">,</span><span class="w"> </span><span class="mi">130</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">radGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mf">0.2</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">radGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mf">0.9</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">radGrad</span><span class="p">.</span><span class="n">addColorStop</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="w"> </span><span class="nf">radialGradientBrush</span><span class="p">(</span><span class="n">radGrad</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">radialGradientBrush</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawEllipse</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="c1">// LineWidth example</span>

<span class="w">        </span><span class="c1">// You can use WPainter::drawLine() or WPainter::strokePath() to draw a</span>
<span class="w">        </span><span class="c1">// line. Using strokePath() you can draw thicker lines.</span>

<span class="w">        </span><span class="c1">// The line is centered on the path. In other words, the area that&#39;s drawn</span>
<span class="w">        </span><span class="c1">// extends to half the line width on either side of the path. Because</span>
<span class="w">        </span><span class="c1">// canvas coordinates do not directly reference pixels, you have to take</span>
<span class="w">        </span><span class="c1">// special care to obtain crisp horizontal and vertical lines.</span>

<span class="w">        </span><span class="c1">// All lines with an odd integer width thickness in the example below do</span>
<span class="w">        </span><span class="c1">// not appear crisp, because of the path&#39;s positioning.</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">11</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="n">i</span><span class="o">+</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">160</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// LineWidth example with crisp lines</span>

<span class="w">        </span><span class="c1">// To obtain a crisp line for an odd integer width thickness line you have</span>
<span class="w">        </span><span class="c1">// to be very precise in your path creation, e.g. a 1.0 width line will</span>
<span class="w">        </span><span class="c1">// extend half a unit to either side of the path.</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">11</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="mf">-0.5</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="mf">-0.5</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">                </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>

<span class="w">            </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Flat</span><span class="p">);</span><span class="w">   </span><span class="c1">// Now, all lines will have equal length.</span>
<span class="w">            </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="n">i</span><span class="o">+</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">-160</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// PenCapStyle example</span>
<span class="w">        </span><span class="c1">// The PenCapStyle can be FlatCap, SquareCap or RoundCap.</span>
<span class="w">        </span><span class="c1">// Start with drawing guides:</span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">guidePath</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">guidePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">guidePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="mi">10</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">guidePath</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">140</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">guidePath</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="mi">140</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Blue</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">guidePath</span><span class="p">,</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw lines with different cap styles</span>
<span class="w">        </span><span class="c1">// Create three parallel paths:</span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">vector</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="o">&gt;</span><span class="w"> </span><span class="n">paths</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">25</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">25</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">140</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">paths</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">path</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Flat</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Square</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setCapStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenCapStyle</span><span class="o">::</span><span class="n">Round</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">170</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// PenJoinStyle example</span>
<span class="w">        </span><span class="c1">// The PenJoinStyle can be MiterJoin, BevelJoin or RoundJoin.</span>
<span class="w">        </span><span class="c1">// Create three parallel paths:</span>

<span class="w">        </span><span class="n">paths</span><span class="p">.</span><span class="n">clear</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainterPath</span><span class="w"> </span><span class="n">path</span><span class="p">;</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">moveTo</span><span class="p">(</span><span class="mi">15</span><span class="p">,</span><span class="w">  </span><span class="mi">5</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">45</span><span class="p">,</span><span class="w"> </span><span class="mi">45</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">75</span><span class="p">,</span><span class="w">  </span><span class="mi">5</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">105</span><span class="p">,</span><span class="mi">45</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">path</span><span class="p">.</span><span class="n">lineTo</span><span class="p">(</span><span class="mi">135</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="o">+</span><span class="n">i</span><span class="o">*</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">paths</span><span class="p">.</span><span class="n">push_back</span><span class="p">(</span><span class="n">path</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw the first path with miter joins.</span>
<span class="w">        </span><span class="c1">// The connected segments are joined by extending their outside edges to</span>
<span class="w">        </span><span class="c1">// connect at a single point.</span>
<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setJoinStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenJoinStyle</span><span class="o">::</span><span class="n">Miter</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw the second path with bevel joins.</span>
<span class="w">        </span><span class="c1">// An additional triangular area is filled between the common endpoint of</span>
<span class="w">        </span><span class="c1">// connected segments and the separate outside rectangular corners of each</span>
<span class="w">        </span><span class="c1">// segment.</span>
<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setJoinStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenJoinStyle</span><span class="o">::</span><span class="n">Bevel</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Draw the third path with round joins.</span>
<span class="w">        </span><span class="c1">// The corners of the shape are rounded off by filling an aditonal sector</span>
<span class="w">        </span><span class="c1">// of disc centered at the common endpoint of connected segments. The</span>
<span class="w">        </span><span class="c1">// radius of the rounded corners is equal to the line width.</span>
<span class="w">        </span><span class="n">pen</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pen</span><span class="p">.</span><span class="n">setJoinStyle</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">PenJoinStyle</span><span class="o">::</span><span class="n">Round</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">strokePath</span><span class="p">(</span><span class="n">paths</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="w"> </span><span class="n">pen</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">StyleWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PaintingTransformations">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBrush.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WColor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintDevice.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">TransformationsWidget</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintedWidget</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">TransformationsWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPaintedWidget</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">resize</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="w"> </span><span class="mi">500</span><span class="p">);</span><span class="w">  </span><span class="c1">// Provide a default size.</span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">protected</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paintEvent</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPaintDevice</span><span class="w"> </span><span class="o">*</span><span class="n">paintDevice</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="n">paintDevice</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Black</span><span class="p">)));</span><span class="w"></span>

<span class="w">        </span><span class="c1">// SAVE AND RESTORE CANVAS STATE EXAMPLE</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">White</span><span class="p">)));</span><span class="w"></span>
<span class="w">        </span><span class="c1">// Draw and fill a rectangle with the current brush.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">100</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w">                 </span><span class="c1">// Save the canvas state on a stack.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Yellow</span><span class="p">)));</span><span class="w">   </span><span class="c1">// Change the fill style.</span>
<span class="w">        </span><span class="c1">// Draw a rectangle with the current settings.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">10</span><span class="p">,</span><span class="mi">80</span><span class="p">,</span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w">                 </span><span class="c1">// Save the current canvas state.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardColor</span><span class="o">::</span><span class="n">Red</span><span class="p">)));</span><span class="w">      </span><span class="c1">// Change the fill style.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">60</span><span class="p">,</span><span class="mi">60</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w">              </span><span class="c1">// Restore the previous canvas state.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mi">40</span><span class="p">,</span><span class="mi">40</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w">              </span><span class="c1">// Restore the original canvas state.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawRect</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="mi">40</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w">              </span><span class="c1">// Restore the original pen.</span>

<span class="w">        </span><span class="c1">// TRANSLATING</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">130</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">drawFilledPolygon</span><span class="p">(</span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">i</span><span class="o">*</span><span class="mi">200</span><span class="p">));</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="c1">// ROTATING</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">);</span><span class="w">  </span><span class="c1">// Translate the origin for a Y-offset of rings</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">90</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w">   </span><span class="c1">// Translate the origin for a X-offset of rings</span>
<span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">ring</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">ring</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">ring</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// Loop through rings</span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBrush</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">51</span><span class="o">*</span><span class="n">ring</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="mi">255-51</span><span class="o">*</span><span class="n">ring</span><span class="p">),</span><span class="w"> </span><span class="mi">255</span><span class="p">)));</span><span class="w"></span>

<span class="w">            </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">ring</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">6</span><span class="p">;</span><span class="w"> </span><span class="n">j</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">           </span><span class="c1">// Draw individual dots:</span>
<span class="w">                </span><span class="n">painter</span><span class="p">.</span><span class="n">rotate</span><span class="p">(</span><span class="mi">360</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="p">(</span><span class="n">ring</span><span class="o">*</span><span class="mi">6</span><span class="p">));</span><span class="w">            </span><span class="c1">// 1. Rotate full circle in ring*6 steps</span>
<span class="w">                </span><span class="n">painter</span><span class="p">.</span><span class="n">drawEllipse</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">ring</span><span class="o">*</span><span class="mf">12.5</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w"> </span><span class="c1">// 2. Draw a dot.</span>
<span class="w">            </span><span class="p">}</span><span class="w"></span>
<span class="w">            </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w">          </span><span class="c1">// Reset the X-offset.</span>

<span class="w">        </span><span class="c1">// SCALING</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">save</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">drawFilledPolygon</span><span class="p">(</span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">255</span><span class="p">));</span><span class="w">   </span><span class="c1">// no scaling.</span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">translate</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">scale</span><span class="p">(</span><span class="mf">1.2</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w">                                  </span><span class="c1">// with X scaling</span>
<span class="w">        </span><span class="n">drawFilledPolygon</span><span class="p">(</span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">55</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">restore</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">drawFilledPolygon</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="o">&amp;</span><span class="n">painter</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WColor</span><span class="o">&amp;</span><span class="w"> </span><span class="n">color</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setBrush</span><span class="p">(</span><span class="n">color</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="w"> </span><span class="n">points</span><span class="p">[]</span><span class="w"></span>
<span class="w">            </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">),</span><span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">60</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">),</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">80</span><span class="p">,</span><span class="w"> </span><span class="mf">34.6</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">60</span><span class="p">,</span><span class="w"> </span><span class="mf">69.2</span><span class="p">),</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mf">69.2</span><span class="p">),</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mf">34.6</span><span class="p">),</span><span class="w"></span>
<span class="w">                </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPointF</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">};</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawPolygon</span><span class="p">(</span><span class="n">points</span><span class="p">,</span><span class="w"> </span><span class="mi">6</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">TransformationsWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PanelCollapsible">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAnimation.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPanel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">panel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPanel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Collapsible panel&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;centered-example&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setCollapsible</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WAnimation</span><span class="w"> </span><span class="nf">animation</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">AnimationEffect</span><span class="o">::</span><span class="n">SlideInFromTop</span><span class="p">,</span><span class="w"></span>
<span class="w">                         </span><span class="n">Wt</span><span class="o">::</span><span class="n">TimingFunction</span><span class="o">::</span><span class="n">EaseOut</span><span class="p">,</span><span class="w"></span>
<span class="w">                         </span><span class="mi">100</span><span class="p">);</span><span class="w"></span>

<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setAnimation</span><span class="p">(</span><span class="n">animation</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setCentralWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This panel can be collapsed.&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Panel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPanel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">panel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPanel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;centered-example&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setTitle</span><span class="p">(</span><span class="s">&quot;Terrific panel&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setCentralWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is a panel with a title.&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PanelNoTitle">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPanel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">panel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPanel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;centered-example&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">panel</span><span class="o">-&gt;</span><span class="n">setCentralWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is a default panel.&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PathChange">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAnchor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>

<span class="kt">void</span><span class="w"> </span><span class="nf">handlePathChange</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="p">)</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="w"> </span><span class="o">*</span><span class="n">app</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="o">::</span><span class="n">instance</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">app</span><span class="o">-&gt;</span><span class="n">internalPath</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;/navigation/shop&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Currently shopping.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">app</span><span class="o">-&gt;</span><span class="n">internalPath</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s">&quot;/navigation/eat&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Needed some food, eating now!&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;&lt;i&gt;Idle.&lt;/i&gt;&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">}</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create two links to internal paths.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">      </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkType</span><span class="o">::</span><span class="n">InternalPath</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;/navigation/shop&quot;</span><span class="p">),</span><span class="w"> </span><span class="s">&quot;Shop&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot; &quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="p">(</span><span class="w"></span>
<span class="w">      </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkType</span><span class="o">::</span><span class="n">InternalPath</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;/navigation/eat&quot;</span><span class="p">),</span><span class="w"> </span><span class="s">&quot;Eat&quot;</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Handle the internal path events.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="w"> </span><span class="o">*</span><span class="n">app</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="o">::</span><span class="n">instance</span><span class="p">();</span><span class="w"></span>

<span class="n">app</span><span class="o">-&gt;</span><span class="n">internalPathChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">     </span><span class="n">handlePathChange</span><span class="p">(</span><span class="n">out</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">handlePathChange</span><span class="p">(</span><span class="n">out</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Path">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Next&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkType</span><span class="o">::</span><span class="n">InternalPath</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;/navigation/anchor&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PdfImage">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPdfImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WResource.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">SamplePdfResource</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPdfImage</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">SamplePdfResource</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WPdfImage</span><span class="p">(</span><span class="mi">400</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">suggestFileName</span><span class="p">(</span><span class="s">&quot;line.pdf&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">paint</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">paint</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPainter</span><span class="w"> </span><span class="nf">painter</span><span class="p">(</span><span class="k">this</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WPen</span><span class="w"> </span><span class="n">thickPen</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">thickPen</span><span class="p">.</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">setPen</span><span class="p">(</span><span class="n">thickPen</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">250</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawLine</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">250</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">painter</span><span class="p">.</span><span class="n">drawText</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">,</span><span class="w"></span>
<span class="w">                         </span><span class="n">Wt</span><span class="o">::</span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Top</span><span class="p">,</span><span class="w"></span>
<span class="w">                         </span><span class="s">&quot;Hello, PDF&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">pdf</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">SamplePdfResource</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Create pdf&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">pdf</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-pdfImageWrite">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPdfImage.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">WPdfImage</span><span class="w"> </span><span class="nf">pdfImage</span><span class="p">(</span><span class="s">&quot;4cm&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;3cm&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">WPainter</span><span class="w"> </span><span class="nf">p</span><span class="p">(</span><span class="o">&amp;</span><span class="n">pdfImage</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">chart</span><span class="o">-&gt;</span><span class="n">paint</span><span class="p">(</span><span class="n">p</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">ofstream</span><span class="w"> </span><span class="n">f</span><span class="p">(</span><span class="s">&quot;chart.pdf&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">ios</span><span class="o">::</span><span class="n">out</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">ios</span><span class="o">::</span><span class="n">binary</span><span class="p">);</span><span class="w"></span>
<span class="n">pdfImage</span><span class="p">.</span><span class="n">write</span><span class="p">(</span><span class="n">f</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PdfRenderer">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WResource.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Http/Request.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Http/Response.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Render/WPdfRenderer.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;hpdf.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;hpdf_version.h&gt;</span><span class="cp"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">HPDF_STDCALL</span><span class="w"> </span><span class="nf">error_handler</span><span class="p">(</span><span class="n">HPDF_STATUS</span><span class="w"> </span><span class="n">error_no</span><span class="p">,</span><span class="w"></span>
<span class="w">                                    </span><span class="n">HPDF_STATUS</span><span class="w"> </span><span class="n">detail_no</span><span class="p">,</span><span class="w"></span>
<span class="w">                                    </span><span class="kt">void</span><span class="w"> </span><span class="o">*</span><span class="n">user_data</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">pdfImage</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">static_cast</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPdfImage</span><span class="o">*&gt;</span><span class="p">(</span><span class="n">user_data</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">pdfImage</span><span class="o">-&gt;</span><span class="n">errorHandler</span><span class="p">(</span><span class="n">error_no</span><span class="p">,</span><span class="w"> </span><span class="n">detail_no</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">ReportResource</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WResource</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">ReportResource</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WResource</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">suggestFileName</span><span class="p">(</span><span class="s">&quot;report.pdf&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="o">~</span><span class="n">ReportResource</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">beingDeleted</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="n">handleRequest</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Http</span><span class="o">::</span><span class="n">Request</span><span class="o">&amp;</span><span class="w"> </span><span class="n">request</span><span class="p">,</span><span class="w"></span>
<span class="w">                               </span><span class="n">Wt</span><span class="o">::</span><span class="n">Http</span><span class="o">::</span><span class="n">Response</span><span class="o">&amp;</span><span class="w"> </span><span class="n">response</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">response</span><span class="p">.</span><span class="n">setMimeType</span><span class="p">(</span><span class="s">&quot;application/pdf&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">HPDF_Doc</span><span class="w"> </span><span class="n">pdf</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">HPDF_New</span><span class="p">(</span><span class="n">error_handler</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="c1">// Note: UTF-8 encoding (for TrueType fonts) is only available since libharu 2.3.0 !</span>
<span class="w">        </span><span class="n">HPDF_UseUTFEncodings</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">renderReport</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">HPDF_SaveToStream</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="kt">unsigned</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">size</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">HPDF_GetStreamSize</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">HPDF_BYTE</span><span class="w"> </span><span class="o">*</span><span class="n">buf</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">HPDF_BYTE</span><span class="p">[</span><span class="n">size</span><span class="p">];</span><span class="w"></span>
<span class="w">        </span><span class="n">HPDF_ReadFromStream</span><span class="w"> </span><span class="p">(</span><span class="n">pdf</span><span class="p">,</span><span class="w"> </span><span class="n">buf</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">size</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">HPDF_Free</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">response</span><span class="p">.</span><span class="n">out</span><span class="p">().</span><span class="n">write</span><span class="p">((</span><span class="kt">char</span><span class="o">*</span><span class="p">)</span><span class="n">buf</span><span class="p">,</span><span class="w"> </span><span class="n">size</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">delete</span><span class="p">[]</span><span class="w"> </span><span class="n">buf</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">renderReport</span><span class="p">(</span><span class="n">HPDF_Doc</span><span class="w"> </span><span class="n">pdf</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">renderPdf</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;report.example&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">renderPdf</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">&amp;</span><span class="w"> </span><span class="n">html</span><span class="p">,</span><span class="w"> </span><span class="n">HPDF_Doc</span><span class="w"> </span><span class="n">pdf</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">HPDF_Page</span><span class="w"> </span><span class="n">page</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">HPDF_AddPage</span><span class="p">(</span><span class="n">pdf</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">HPDF_Page_SetSize</span><span class="p">(</span><span class="n">page</span><span class="p">,</span><span class="w"> </span><span class="n">HPDF_PAGE_SIZE_A4</span><span class="p">,</span><span class="w"> </span><span class="n">HPDF_PAGE_PORTRAIT</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">Render</span><span class="o">::</span><span class="n">WPdfRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="n">pdf</span><span class="p">,</span><span class="w"> </span><span class="n">page</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">renderer</span><span class="p">.</span><span class="n">setMargin</span><span class="p">(</span><span class="mf">2.54</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">renderer</span><span class="p">.</span><span class="n">setDpi</span><span class="p">(</span><span class="mi">96</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">renderer</span><span class="p">.</span><span class="n">render</span><span class="p">(</span><span class="n">html</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;report.example&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">text</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reset&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Create pdf&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">pdf</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">ReportResource</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">pdf</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PieChart">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WPieChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>
<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="o">::</span><span class="nn">Chart</span><span class="p">;</span><span class="w"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="cm">/*</span>
<span class="cm">     * A standard item which converts text edits to numbers</span>
<span class="cm">     */</span><span class="w"></span>
<span class="w">    </span><span class="k">class</span><span class="w"> </span><span class="nc">NumericItem</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">WStandardItem</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">        </span><span class="k">virtual</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">WStandardItem</span><span class="o">&gt;</span><span class="w"> </span><span class="n">clone</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">NumericItem</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>

<span class="w">        </span><span class="k">virtual</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="n">setData</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="o">&amp;</span><span class="n">data</span><span class="p">,</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">User</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Edit</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">dt</span><span class="p">;</span><span class="w"></span>

<span class="w">      </span><span class="kt">double</span><span class="w"> </span><span class="n">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asNumber</span><span class="p">(</span><span class="n">data</span><span class="p">);</span><span class="w"></span>

<span class="w">      </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">d</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">d</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">dt</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">data</span><span class="p">;</span><span class="w"></span>
<span class="w">      </span><span class="k">else</span><span class="w"></span>
<span class="w">        </span><span class="n">dt</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">(</span><span class="n">d</span><span class="p">);</span><span class="w"></span>
<span class="w">      </span><span class="n">WStandardItem</span><span class="o">::</span><span class="n">setData</span><span class="p">(</span><span class="n">dt</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">WStandardItem</span><span class="o">::</span><span class="n">setData</span><span class="p">(</span><span class="n">data</span><span class="p">,</span><span class="w"> </span><span class="n">role</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setItemPrototype</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">NumericItem</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="c1">// Configure the header.</span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">insertColumns</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">(),</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setHeaderData</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Item&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setHeaderData</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Sales&quot;</span><span class="p">));</span><span class="w"></span>

<span class="c1">// Set data in the model.</span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">insertRows</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">(),</span><span class="w"> </span><span class="mi">6</span><span class="p">);</span><span class="w"></span>
<span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Blueberry&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Blueberry&quot;</span><span class="p">),</span><span class="w"> </span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">ToolTip</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">);</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="o">++</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Cherry&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">);</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="o">++</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Apple&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">260</span><span class="p">);</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="o">++</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Boston Cream&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">160</span><span class="p">);</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="o">++</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Other&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">40</span><span class="p">);</span><span class="w"></span>

<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="o">++</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Vanilla Cream&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="w">  </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Set all items to be editable.</span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">col</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">col</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">item</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">col</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setFlags</span><span class="p">(</span><span class="n">ItemFlag</span><span class="o">::</span><span class="n">Editable</span><span class="p">);</span><span class="w"></span>

<span class="n">WTableView</span><span class="o">*</span><span class="w"> </span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">table</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="mi">150</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">100</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">14</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">instance</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">environment</span><span class="p">().</span><span class="n">ajax</span><span class="p">())</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">SingleClicked</span><span class="p">);</span><span class="w"></span>
<span class="k">else</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create the pie chart.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WPieChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WPieChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w">       </span><span class="c1">// Set the model.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLabelsColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w">    </span><span class="c1">// Set the column that holds the labels.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setDataColumn</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w">      </span><span class="c1">// Set the column that holds the data.</span>

<span class="c1">// Configure location and type of labels.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setDisplayLabels</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">LabelOption</span><span class="o">::</span><span class="n">Outside</span><span class="w"> </span><span class="o">|</span><span class="w"></span>
<span class="w">                        </span><span class="n">Chart</span><span class="o">::</span><span class="n">LabelOption</span><span class="o">::</span><span class="n">TextLabel</span><span class="w"> </span><span class="o">|</span><span class="w"></span>
<span class="w">                        </span><span class="n">Chart</span><span class="o">::</span><span class="n">LabelOption</span><span class="o">::</span><span class="n">TextPercentage</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Enable a 3D and shadow effect.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPerspectiveEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">,</span><span class="w"> </span><span class="mf">0.2</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setShadowEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setExplode</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.3</span><span class="p">);</span><span class="w">  </span><span class="c1">// Explode the first item.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">);</span><span class="w">    </span><span class="c1">// WPaintedWidget must be given an explicit size.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"> </span><span class="c1">// Add margin vertically.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally.</span>
</pre></div>
  </message>
  <message id="src-PlainTable">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTable.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableCell.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">struct</span><span class="w"> </span><span class="nc">Employee</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">firstName</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">lastName</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="kt">double</span><span class="w"> </span><span class="n">pay</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="n">Employee</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">aFirstName</span><span class="p">,</span><span class="w"></span>
<span class="w">                 </span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">aLastName</span><span class="p">,</span><span class="w"></span>
<span class="w">                 </span><span class="kt">double</span><span class="w"> </span><span class="n">aPay</span><span class="p">)</span><span class="w"></span>
<span class="w">          </span><span class="o">:</span><span class="w"> </span><span class="n">firstName</span><span class="p">(</span><span class="n">aFirstName</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="n">lastName</span><span class="p">(</span><span class="n">aLastName</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="n">pay</span><span class="p">(</span><span class="n">aPay</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>

<span class="w">    </span><span class="n">Employee</span><span class="w"> </span><span class="n">employees</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Mark&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Otto&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Jacob&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Thornton&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Larry the Bird&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTable</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderCount</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLength</span><span class="p">(</span><span class="s">&quot;100%&quot;</span><span class="p">));</span><span class="w"></span>

<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;#&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;First Name&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Last Name&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Pay&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Employee</span><span class="o">&amp;</span><span class="w"> </span><span class="n">employee</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">employees</span><span class="p">[</span><span class="n">i</span><span class="p">];</span><span class="w"></span>
<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;{1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">row</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">firstName</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">lastName</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;{1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">pay</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Popup">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMenuItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMessageBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">popupPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">popup</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">popupPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">statusPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">status</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">statusPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">status</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">outPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">outPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create some menu items for the popup menu</span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Connect&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Connecting...&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Disconnect&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;You are disconnected now.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>

<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;icons/house.png&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;I&#39;m home&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="w"> </span><span class="o">*</span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Don&#39;t disturb&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setCheckable</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;{1} item is {2}.&lt;/p&gt;&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">item</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">())</span><span class="w"></span>
<span class="w">                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">item</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">()</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s">&quot;checked&quot;</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s">&quot;unchecked&quot;</span><span class="p">));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create a submenu for the popup menu.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">subMenuPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">subMenu</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">subMenuPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Contents&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;This could be a link to /contents.html.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Index&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;This could be a link to /index.html.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;About&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">triggered</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">messageBox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="w"></span>
<span class="w">            </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMessageBox</span><span class="o">&gt;</span><span class="w"></span>
<span class="w">            </span><span class="p">(</span><span class="s">&quot;About&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&lt;p&gt;This is a program to make connections.&lt;/p&gt;&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">             </span><span class="n">Wt</span><span class="o">::</span><span class="n">Icon</span><span class="o">::</span><span class="n">Information</span><span class="p">,</span><span class="w"></span>
<span class="w">             </span><span class="n">Wt</span><span class="o">::</span><span class="n">StandardButton</span><span class="o">::</span><span class="n">Ok</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">messageBox</span><span class="o">-&gt;</span><span class="n">buttonClicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">subMenu</span><span class="o">-&gt;</span><span class="n">removeChild</span><span class="p">(</span><span class="n">messageBox</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">});</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="c1">// Assign the submenu to the parent popup menu.</span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addMenu</span><span class="p">(</span><span class="s">&quot;Help&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">subMenuPtr</span><span class="p">));</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">popupPtr</span><span class="p">));</span><span class="w"></span>

<span class="c1">// React to an item selection</span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">itemSelected</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="w"> </span><span class="o">*</span><span class="n">selectedItem</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">status</span><span class="o">-&gt;</span><span class="n">setText</span><span class="w"></span>
<span class="w">        </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Selected menu item: {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">         </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">selectedItem</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">statusPtr</span><span class="p">));</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">outPtr</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ProgressBar">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WProgressBar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTimer.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;inline-buttons&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WProgressBar</span><span class="w"> </span><span class="o">*</span><span class="n">bar</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WProgressBar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">bar</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">startButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Start&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">stopButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Stop&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">resetButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Reset&quot;</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Initially, only the start button is enabled.</span>
<span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="n">resetButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>

<span class="c1">// setup an interval timer which generates a timeout() signal every second.</span>
<span class="k">auto</span><span class="w"> </span><span class="n">intervalTimer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTimer</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">intervalTimer</span><span class="o">-&gt;</span><span class="n">setInterval</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">chrono</span><span class="o">::</span><span class="n">milliseconds</span><span class="p">(</span><span class="mi">1000</span><span class="p">));</span><span class="w"></span>

<span class="n">startButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">bar</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">10</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">intervalTimer</span><span class="o">-&gt;</span><span class="n">start</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Resume&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">resetButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">intervalTimer</span><span class="o">-&gt;</span><span class="n">stop</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">resetButton</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">resetButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">bar</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="mf">0.0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Start&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">enable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">resetButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">intervalTimer</span><span class="o">-&gt;</span><span class="n">timeout</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">bar</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="n">bar</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">bar</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">10</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">emit</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">startButton</span><span class="o">-&gt;</span><span class="n">disable</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonAction">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;pushButtonAction-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-save&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-primary&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-cancel&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cancel&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonColor">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;pushButtonColor-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Primary&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-primary&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-primary&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Secondary&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-secondary&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Info&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-info&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-info&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Success&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-success&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-success&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Warning&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-warning&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-warning&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Danger&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-danger&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-danger&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Light&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-light&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-light&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Dark&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-dark&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-dark&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Outline&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-outline-primary&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-outline&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Link&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-link&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-link&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-close&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-close&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButton">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">setTemplateText</span><span class="p">(</span><span class="s">&quot;&lt;div&gt; ${pb1} ${pb2} &lt;/div&gt;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">pb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;pb1&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Click me!&quot;</span><span class="p">));</span><span class="w">  </span><span class="c1">// By default the button is enabled.</span>

<span class="n">pb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;pb2&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Try to click me...&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">pb</span><span class="o">-&gt;</span><span class="n">setEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w">          </span><span class="c1">// The second button is disabled.</span>
</pre></div>
  </message>
  <message id="src-PushButtonDropdownAppended">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;appendedDropdownButton-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">popup</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create some menu items for the popup menu</span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Choose a button type&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;One-time hit button&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#one-time&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Navigation button&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#navigation&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Button style&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#style&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">input</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;input&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">input</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;appendedButton&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Action&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">popup</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonDropdownPrepended">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;prependedDropdownButton-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">popup</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Choose a button type&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;One-time hit button&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#one-time&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Navigation button&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#navigation&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">popup</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Button style&quot;</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">WLink</span><span class="p">(</span><span class="s">&quot;#style&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">input</span><span class="w">  </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">input_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;input&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">input</span><span class="p">));</span><span class="w"></span>
<span class="n">input_</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">prependedDropdownButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Action&quot;</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">button_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;prependedButton&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">prependedDropdownButton</span><span class="p">));</span><span class="w"></span>
<span class="n">button_</span><span class="o">-&gt;</span><span class="n">setMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">popup</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonLink">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Navigate&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkType</span><span class="o">::</span><span class="n">InternalPath</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;/navigation/anchor&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonOnce">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">okPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Send&quot;</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">ok</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">okPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">ok</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="n">ok</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">::</span><span class="n">disable</span><span class="p">);</span><span class="w"></span>
<span class="n">ok</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">ok</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Thank you&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonPrimary">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-primary&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cancel&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-PushButtonSize">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;pushButtonSize-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Large&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-lg&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-large&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Default&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-default&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Small&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;btn-sm&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button-small&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">button</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-RadioButtonGroup">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WButtonGroup.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRadioButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WButtonGroup</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="p">;</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;No, radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Nono, radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">group</span><span class="o">-&gt;</span><span class="n">setSelectedButtonIndex</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"> </span><span class="c1">// Select the first button by default.</span>
</pre></div>
  </message>
  <message id="src-RadioButtonsActivated">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WButtonGroup.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRadioButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WButtonGroup</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="w"> </span><span class="o">*</span><span class="n">rb</span><span class="p">;</span><span class="w"></span>

<span class="n">rb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;sleeping&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">rb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="n">rb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;eating&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">rb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>

<span class="n">rb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;driving&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">rb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">);</span><span class="w"></span>

<span class="n">rb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;learning Wt&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">rb</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">);</span><span class="w"></span>

<span class="n">group</span><span class="o">-&gt;</span><span class="n">setSelectedButtonIndex</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"> </span><span class="c1">// Select the first button by default.</span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Use a raw pointer inside the lambda to prevent memory leak</span>
<span class="k">auto</span><span class="w"> </span><span class="n">rawGroup</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">group</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">checkedChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="w"> </span><span class="o">*</span><span class="n">selection</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">text</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">rawGroup</span><span class="o">-&gt;</span><span class="n">id</span><span class="p">(</span><span class="n">selection</span><span class="p">))</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="mi">1</span><span class="o">:</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You checked button {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">rawGroup</span><span class="o">-&gt;</span><span class="n">checkedId</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="k">break</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="mi">2</span><span class="o">:</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You selected button {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">rawGroup</span><span class="o">-&gt;</span><span class="n">checkedId</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="k">break</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="mi">3</span><span class="o">:</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You clicked button {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">rawGroup</span><span class="o">-&gt;</span><span class="n">checkedId</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="k">break</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">text</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;... Are your really {1} now?&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">selection</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">());</span><span class="w"></span>

<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">rawGroup</span><span class="o">-&gt;</span><span class="n">id</span><span class="p">(</span><span class="n">selection</span><span class="p">)</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">4</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;That&#39;s what I expected!&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;&quot;</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-RadioButtonsLoose">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRadioButton.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Radio me too!&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-RadioButtonStack">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WButtonGroup.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WRadioButton.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WButtonGroup</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="p">;</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;No, radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WRadioButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Nono, radio me!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">group</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">button</span><span class="p">);</span><span class="w"></span>

<span class="n">group</span><span class="o">-&gt;</span><span class="n">setSelectedButtonIndex</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"> </span><span class="c1">// Select the first button by default.</span>
</pre></div>
  </message>
  <message id="src-ResourceCustom">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAnchor.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Http/Request.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Http/Response.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WObject.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WResource.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">MyResource</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WResource</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">MyResource</span><span class="p">()</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">WResource</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">suggestFileName</span><span class="p">(</span><span class="s">&quot;data.txt&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="o">~</span><span class="n">MyResource</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">beingDeleted</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">handleRequest</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Http</span><span class="o">::</span><span class="n">Request</span><span class="w"> </span><span class="o">&amp;</span><span class="n">request</span><span class="p">,</span><span class="w"></span>
<span class="w">                       </span><span class="n">Wt</span><span class="o">::</span><span class="n">Http</span><span class="o">::</span><span class="n">Response</span><span class="w"> </span><span class="o">&amp;</span><span class="n">response</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">response</span><span class="p">.</span><span class="n">setMimeType</span><span class="p">(</span><span class="s">&quot;plain/text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">response</span><span class="p">.</span><span class="n">out</span><span class="p">()</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="s">&quot;I am a text file.&quot;</span><span class="w"> </span><span class="o">&lt;&lt;</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">textResource</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">MyResource</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="w"> </span><span class="n">link</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">textResource</span><span class="p">);</span><span class="w"></span>
<span class="n">link</span><span class="p">.</span><span class="n">setTarget</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">LinkTarget</span><span class="o">::</span><span class="n">NewWindow</span><span class="p">);</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="w"> </span><span class="o">*</span><span class="n">anchor</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WAnchor</span><span class="o">&gt;</span><span class="p">(</span><span class="n">link</span><span class="p">,</span><span class="s">&quot;Download file&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Resources">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Resources&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ResourceStatic">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPainter.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WResource.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WServer.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">//auto resource = std::make_shared&lt;SamplePdfResource&gt;();</span>

<span class="c1">//WServer::addResource(resource, &quot;/media/static-resource&quot;);</span>
</pre></div>
  </message>
  <message id="src-ScatterPlotCurve">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTimer.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cmath&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">WStandardItemModel</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setHeaderData</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;X&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">model</span><span class="o">-&gt;</span><span class="n">setHeaderData</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Y = sin(X)&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">40</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="k">static_cast</span><span class="o">&lt;</span><span class="kt">double</span><span class="o">&gt;</span><span class="p">(</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">20</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mi">4</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">x</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">sin</span><span class="p">(</span><span class="n">x</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Create the scatter plot.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w">        </span><span class="c1">// Set the model.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w">    </span><span class="c1">// Set the column that holds the X data.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLegendEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"> </span><span class="c1">// Enable the legend.</span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w">   </span><span class="c1">// Set type to ScatterPlot.</span>

<span class="c1">// Typically, for mathematical functions, you want the axes to cross</span>
<span class="c1">// at the 0 mark:</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setLocation</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">AxisValue</span><span class="o">::</span><span class="n">Zero</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">Y</span><span class="p">).</span><span class="n">setLocation</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">AxisValue</span><span class="o">::</span><span class="n">Zero</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Provide space for the X and Y axis and title.</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Add the curves</span>
<span class="k">auto</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Curve</span><span class="p">);</span><span class="w"></span>
<span class="n">s</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">s</span><span class="p">));</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">300</span><span class="p">);</span><span class="w"> </span><span class="c1">// WPaintedWidget must be given explicit size.</span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w">            </span><span class="c1">// Add margin vertically</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>
</pre></div>
  </message>
  <message id="src-ScatterPlotData">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WDataSeries.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WItemDelegate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WShadow.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;timeseries.csv&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">model</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">container</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Parses the first column as dates, to be able to use a date scale</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">WString</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">WDate</span><span class="w"> </span><span class="n">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">WDate</span><span class="o">::</span><span class="n">fromString</span><span class="p">(</span><span class="n">s</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;dd/MM/yy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">date</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="c1">// Renders the data in a table.</span>
<span class="n">WTableView</span><span class="w"> </span><span class="o">*</span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnResizeEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setAlternatingRowColors</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">column</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">table</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="n">column</span><span class="p">,</span><span class="w"> </span><span class="mi">90</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">783</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Use a delegate for the numeric data which rounds values sensibly.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">delegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">WItemDelegate</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">delegate</span><span class="o">-&gt;</span><span class="n">setTextFormat</span><span class="p">(</span><span class="s">&quot;%.1f&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setItemDelegate</span><span class="p">(</span><span class="n">delegate</span><span class="p">);</span><span class="w"></span>
<span class="n">table</span><span class="o">-&gt;</span><span class="n">setItemDelegateForColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">WItemDelegate</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Creates the scatter plot.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setBackground</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setLegendEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setScale</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">AxisScale</span><span class="o">::</span><span class="n">Date</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Provide ample space for the title, the X and Y axis and the legend.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">40</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPlotAreaPadding</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Add the second and the third column as line series.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">2</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">4</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">auto</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">s</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">s</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ScatterPlotInteractive">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WAxisSliderWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WCartesianChart.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Chart/WDataSeries.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractItemView.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPaintedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WItemDelegate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WShadow.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;timeseries.csv&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">model</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">container</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Parses the first column as dates, to be able to use a date scale</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">row</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="n">WString</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asString</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="w">  </span><span class="n">WDate</span><span class="w"> </span><span class="n">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">WDate</span><span class="o">::</span><span class="n">fromString</span><span class="p">(</span><span class="n">s</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;dd/MM/yy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">model</span><span class="o">-&gt;</span><span class="n">setData</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">date</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Creates the scatter plot.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="w"> </span><span class="o">*</span><span class="n">chart</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WCartesianChart</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setBackground</span><span class="p">(</span><span class="n">WColor</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">,</span><span class="w"> </span><span class="mi">220</span><span class="p">));</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setXSeriesColumn</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setType</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">ChartType</span><span class="o">::</span><span class="n">Scatter</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setScale</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">AxisScale</span><span class="o">::</span><span class="n">Date</span><span class="p">);</span><span class="w"></span>
<span class="kt">double</span><span class="w"> </span><span class="n">min</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asNumber</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="kt">double</span><span class="w"> </span><span class="n">max</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">asNumber</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">data</span><span class="p">(</span><span class="n">model</span><span class="o">-&gt;</span><span class="n">rowCount</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">));</span><span class="w"></span>
<span class="c1">// Set maximum X zoom level to 16x zoom</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">axis</span><span class="p">(</span><span class="n">Chart</span><span class="o">::</span><span class="n">Axis</span><span class="o">::</span><span class="n">X</span><span class="p">).</span><span class="n">setMinimumZoomRange</span><span class="p">((</span><span class="n">max</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">min</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">16.0</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Add the second and the third column as line series.</span>
<span class="cm"> */</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">auto</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">      </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">s</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="w">  </span><span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">s</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">auto</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">      </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Chart</span><span class="o">::</span><span class="n">WDataSeries</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">Chart</span><span class="o">::</span><span class="n">SeriesType</span><span class="o">::</span><span class="n">Line</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="n">s</span><span class="o">-&gt;</span><span class="n">setShadow</span><span class="p">(</span><span class="n">WShadow</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">WColor</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">127</span><span class="p">),</span><span class="w"> </span><span class="mi">3</span><span class="p">));</span><span class="w"></span>
<span class="w">  </span><span class="n">chart</span><span class="o">-&gt;</span><span class="n">addSeries</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">s</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">800</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Enable pan and zoom</span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setPanEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setZoomEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">chart</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="n">WLength</span><span class="o">::</span><span class="n">Auto</span><span class="p">,</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"> </span><span class="c1">// Center horizontally</span>
</pre></div>
  </message>
  <message id="src-SelectionBoxExtended">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSelectionBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSelectionBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSelectionBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Bacon&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Cheese&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Mushrooms&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Green peppers&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Ham&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Pepperoni&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Red peppers&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Turkey&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Extended</span><span class="p">);</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">set</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selection</span><span class="p">;</span><span class="w">    </span><span class="c1">// By default select the items with index 1 and 4.</span>
<span class="n">selection</span><span class="p">.</span><span class="n">insert</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w">        </span><span class="c1">// Index 1 corresponds to the 2nd item.</span>
<span class="n">selection</span><span class="p">.</span><span class="n">insert</span><span class="p">(</span><span class="mi">4</span><span class="p">);</span><span class="w">        </span><span class="c1">// Index 4 corresponds to the 5th item.</span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">setSelectedIndexes</span><span class="p">(</span><span class="n">selection</span><span class="p">);</span><span class="w"></span>
<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">sb2</span><span class="o">-&gt;</span><span class="n">activated</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">selected</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">set</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">newSelection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">sb2</span><span class="o">-&gt;</span><span class="n">selectedIndexes</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">set</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;::</span><span class="n">iterator</span><span class="w"> </span><span class="n">it</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">newSelection</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span><span class="w"></span>
<span class="w">         </span><span class="n">it</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">newSelection</span><span class="p">.</span><span class="n">end</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">it</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">selected</span><span class="p">.</span><span class="n">empty</span><span class="p">())</span><span class="w"></span>
<span class="w">            </span><span class="n">selected</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="s">&quot;, &quot;</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="n">selected</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">sb2</span><span class="o">-&gt;</span><span class="n">itemText</span><span class="p">(</span><span class="o">*</span><span class="n">it</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You choose {1}.&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">selected</span><span class="p">));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SelectionBoxSimple">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSelectionBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSelectionBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSelectionBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Heavy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Medium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Light&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"> </span><span class="c1">// Select &#39;medium&#39; by default.</span>
<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Right</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">sb1</span><span class="o">-&gt;</span><span class="n">activated</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;You selected {1}.&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                 </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">sb1</span><span class="o">-&gt;</span><span class="n">currentText</span><span class="p">()));</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SimpleForm">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;simpleForm-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;name&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">name</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;first name&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;OK&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;out&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Hello, &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">name</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;! I just want to help you... You&quot;</span><span class="w"></span>
<span class="w">                 </span><span class="o">+</span><span class="w"> </span><span class="s">&quot; could complete this simple form by adding validation.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SizingBlock">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-block-level&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;This is a line edit with style class&quot;</span><span class="w"></span>
<span class="w">                   </span><span class="s">&quot; .input-block-level applied to it.&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="w"> </span><span class="o">*</span><span class="n">combo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WComboBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">combo</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-block-level&quot;</span><span class="p">);</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="o">=</span><span class="mi">1</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">&lt;</span><span class="mi">5</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">combo</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Combo box with style class .input-block-level - item&quot;</span><span class="w"></span>
<span class="w">                   </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">i</span><span class="p">));</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="w"> </span><span class="o">*</span><span class="n">area</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">area</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-block-level&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">area</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;This is a text area with style class&quot;</span><span class="w"></span>
<span class="w">                   </span><span class="s">&quot; .input-block-level applied to it.&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SizingGrid">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">parentContainer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">parentContainer</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.span8&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span8&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">childContainer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">childContainer</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;controls-row&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">childContainer</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.span1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span1&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">childContainer</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.span2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">childContainer</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.span3&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span3&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">childContainer</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.span2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">parentContainer</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">childContainer</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SizingRelative">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WComboBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-mini&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-mini&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-small&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-small&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-medium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-medium&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-large&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-large&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-xlarge&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-xlarge&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;.input-xxlarge&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;input-xxlarge&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Slider">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSlider.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;In which year were you born?&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="w"> </span><span class="o">*</span><span class="n">slider</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">500</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setTickPosition</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">::</span><span class="n">TickPosition</span><span class="o">::</span><span class="n">TicksAbove</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setTickInterval</span><span class="p">(</span><span class="mi">10</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setMinimum</span><span class="p">(</span><span class="mi">1910</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setMaximum</span><span class="p">(</span><span class="mi">2010</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="mi">1960</span><span class="p">);</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">slider</span><span class="o">-&gt;</span><span class="n">valueChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;I was born in the year &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">valueText</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SliderSteps">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSlider.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Try to select &#39;7&#39;. I bet you can&#39;t.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="w"> </span><span class="o">*</span><span class="n">slider</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setTickPosition</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">::</span><span class="n">TicksBothSides</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w"></span>
<span class="n">slider</span><span class="o">-&gt;</span><span class="n">setStep</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="n">slider</span><span class="o">-&gt;</span><span class="n">valueChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;That&#39;s a failure, you selected: &#39;&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="n">slider</span><span class="o">-&gt;</span><span class="n">valueText</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;&#39;!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SliderVertical">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WBreak.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSlider.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;How much does Wt increase your efficiency?&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="w"> </span><span class="o">*</span><span class="n">verticalSlider</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Vertical</span><span class="p">);</span><span class="w"></span>
<span class="n">verticalSlider</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="n">verticalSlider</span><span class="o">-&gt;</span><span class="n">setTickPosition</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSlider</span><span class="o">::</span><span class="n">TicksBothSides</span><span class="p">);</span><span class="w"></span>
<span class="n">verticalSlider</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">);</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WBreak</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="n">verticalSlider</span><span class="o">-&gt;</span><span class="n">valueChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Currenly, my efficiency increased &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="n">verticalSlider</span><span class="o">-&gt;</span><span class="n">valueText</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;%!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SmallTableView">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStandardItemModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableView.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;../../treeview-dragdrop/CsvUtil.h&quot;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">tableView</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTableView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">csvToModel</span><span class="p">(</span><span class="n">WApplication</span><span class="o">::</span><span class="n">appRoot</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;table.csv&quot;</span><span class="p">));</span><span class="w"></span>

<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setColumnResizeEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setColumnAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setHeaderAlignment</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">AlignmentFlag</span><span class="o">::</span><span class="n">Center</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setAlternatingRowColors</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">28</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Single</span><span class="p">);</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * Configure column widths and matching table width</span>
<span class="cm"> */</span><span class="w"></span>
<span class="k">const</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">WIDTH</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">120</span><span class="p">;</span><span class="w"></span>
<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">tableView</span><span class="o">-&gt;</span><span class="n">model</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">();</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setColumnWidth</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">120</span><span class="p">);</span><span class="w"></span>

<span class="cm">/*</span>
<span class="cm"> * 7 pixels are padding/border per column</span>
<span class="cm"> * 2 pixels are border of the entire table</span>
<span class="cm"> */</span><span class="w"></span>
<span class="n">tableView</span><span class="o">-&gt;</span><span class="n">setWidth</span><span class="p">((</span><span class="n">WIDTH</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">7</span><span class="p">)</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">tableView</span><span class="o">-&gt;</span><span class="n">model</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">columnCount</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Sound">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSound.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">sound</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addChild</span><span class="p">(</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSound</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;sounds/beep.mp3&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">sound</span><span class="o">-&gt;</span><span class="n">setLoops</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">playButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Beep!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">playButton</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">stopButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Stop it!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">playButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">sound</span><span class="o">-&gt;</span><span class="n">play</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Beeping started!&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">stopButton</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">sound</span><span class="o">-&gt;</span><span class="n">stop</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Beeping stopped!&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SpinBox">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDoubleSpinBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLabel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;form-group&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLabel</span><span class="w"> </span><span class="o">*</span><span class="n">label</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLabel</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Enter a number (0 - 100):&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WDoubleSpinBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDoubleSpinBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">100</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setValue</span><span class="p">(</span><span class="mi">50</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setDecimals</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setSingleStep</span><span class="p">(</span><span class="mf">0.1</span><span class="p">);</span><span class="w"></span>

<span class="n">label</span><span class="o">-&gt;</span><span class="n">setBuddy</span><span class="p">(</span><span class="n">sb</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Spin box value changed to {1}&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                     </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Invalid spin box value!&quot;</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-SplitButton">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSplitButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSplitButton</span><span class="w"> </span><span class="o">*</span><span class="n">sb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSplitButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Left</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">popup</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPopupMenu</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">popup_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">popup</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">popup_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Save As ...&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">popup_</span><span class="o">-&gt;</span><span class="n">addItem</span><span class="p">(</span><span class="s">&quot;Save Template&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">dropDownButton</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">setMenu</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">popup</span><span class="p">));</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">actionButton</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Saved!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">popup_</span><span class="o">-&gt;</span><span class="n">itemSelected</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="w"> </span><span class="o">*</span><span class="n">item</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">item</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Stack">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WSpinBox.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WStackedWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="w"> </span><span class="o">*</span><span class="n">sb</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WSpinBox</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">sb</span><span class="o">-&gt;</span><span class="n">setRange</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">2</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WStackedWidget</span><span class="w"> </span><span class="o">*</span><span class="n">stack</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WStackedWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">stack</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;strong&gt;Stacked widget-index 0&lt;/strong&gt;&lt;p&gt;Hello&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">stack</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;strong&gt;Stacked widget-index 1&lt;/strong&gt;&lt;p&gt;This is Wt&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">stack</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;strong&gt;Stacked widget-index 2&lt;/strong&gt;&lt;p&gt;Do you like it?&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">sb</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="n">stack</span><span class="o">-&gt;</span><span class="n">setCurrentIndex</span><span class="p">(</span><span class="n">sb</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-StyledTable">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTable.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTableCell.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCheckBox.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">struct</span><span class="w"> </span><span class="nc">Employee</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">firstName</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">lastName</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="kt">double</span><span class="w"> </span><span class="n">pay</span><span class="p">;</span><span class="w"></span>

<span class="w">        </span><span class="n">Employee</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">aFirstName</span><span class="p">,</span><span class="w"></span>
<span class="w">                 </span><span class="k">const</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="o">&amp;</span><span class="w"> </span><span class="n">aLastName</span><span class="p">,</span><span class="w"></span>
<span class="w">                 </span><span class="kt">double</span><span class="w"> </span><span class="n">aPay</span><span class="p">)</span><span class="w"></span>
<span class="w">          </span><span class="o">:</span><span class="w"> </span><span class="n">firstName</span><span class="p">(</span><span class="n">aFirstName</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="n">lastName</span><span class="p">(</span><span class="n">aLastName</span><span class="p">),</span><span class="w"></span>
<span class="w">            </span><span class="n">pay</span><span class="p">(</span><span class="n">aPay</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>

<span class="w">    </span><span class="n">Employee</span><span class="w"> </span><span class="n">employees</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Mark&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Otto&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Jacob&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Thornton&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">Employee</span><span class="p">(</span><span class="s">&quot;Larry the Bird&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">};</span><span class="w"></span>


<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">addOptionToggle</span><span class="p">(</span><span class="n">WWidget</span><span class="w"> </span><span class="o">*</span><span class="n">widget</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">option</span><span class="p">,</span><span class="w"></span>
<span class="w">                         </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">styleClass</span><span class="p">,</span><span class="w"> </span><span class="n">WContainerWidget</span><span class="w"> </span><span class="o">*</span><span class="n">parent</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">WCheckBox</span><span class="w"> </span><span class="o">*</span><span class="n">checkBox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">parent</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WCheckBox</span><span class="o">&gt;</span><span class="p">(</span><span class="n">option</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">checkBox</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">checkBox</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">              </span><span class="n">widget</span><span class="o">-&gt;</span><span class="n">toggleStyleClass</span><span class="p">(</span><span class="n">styleClass</span><span class="p">,</span><span class="w"> </span><span class="n">checkBox</span><span class="o">-&gt;</span><span class="n">isChecked</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="p">});</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">table</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTable</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">table_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">table</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="n">table_</span><span class="o">-&gt;</span><span class="n">setHeaderCount</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;#&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;First Name&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Last Name&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Pay&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">Employee</span><span class="o">&amp;</span><span class="w"> </span><span class="n">employee</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">employees</span><span class="p">[</span><span class="n">i</span><span class="p">];</span><span class="w"></span>
<span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span><span class="o">-&gt;</span><span class="w"></span>
<span class="w">        </span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;{1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">row</span><span class="p">));</span><span class="w"></span>
<span class="w">    </span><span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span><span class="o">-&gt;</span><span class="w"></span>
<span class="w">        </span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">firstName</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span><span class="o">-&gt;</span><span class="w"></span>
<span class="w">        </span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">lastName</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="n">table_</span><span class="o">-&gt;</span><span class="n">elementAt</span><span class="p">(</span><span class="n">row</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span><span class="o">-&gt;</span><span class="w"></span>
<span class="w">        </span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;{1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">employee</span><span class="p">.</span><span class="n">pay</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="n">table_</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;table&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">resultPtr</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">resultPtr</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">table</span><span class="p">));</span><span class="w"></span>

<span class="n">result</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Options:&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">addOptionToggle</span><span class="p">(</span><span class="n">table_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;borders&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;table-bordered&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">result</span><span class="p">);</span><span class="w"></span>
<span class="n">addOptionToggle</span><span class="p">(</span><span class="n">table_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;hover&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;table-hover&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">result</span><span class="p">);</span><span class="w"></span>
<span class="n">addOptionToggle</span><span class="p">(</span><span class="n">table_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;small&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;table-sm&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">result</span><span class="p">);</span><span class="w"></span>
<span class="n">addOptionToggle</span><span class="p">(</span><span class="n">table_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;stripes&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;table-striped&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">result</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Tab">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WMenuItem.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTabWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WTabWidget</span><span class="w"> </span><span class="o">*</span><span class="n">tabW</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTabWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">tabW</span><span class="o">-&gt;</span><span class="n">addTab</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is the contents of the first tab.&quot;</span><span class="p">),</span><span class="w"></span>
<span class="w">             </span><span class="s">&quot;First&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ContentLoading</span><span class="o">::</span><span class="n">Eager</span><span class="p">);</span><span class="w"></span>
<span class="n">tabW</span><span class="o">-&gt;</span><span class="n">addTab</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;The contents of the tabs are pre-loaded in&quot;</span><span class="w"></span>
<span class="w">                               </span><span class="s">&quot; the browser to ensure swift switching.&quot;</span><span class="p">),</span><span class="w"></span>
<span class="w">             </span><span class="s">&quot;Preload&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ContentLoading</span><span class="o">::</span><span class="n">Eager</span><span class="p">);</span><span class="w"></span>
<span class="n">tabW</span><span class="o">-&gt;</span><span class="n">addTab</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;You could change any other style attribute of the&quot;</span><span class="w"></span>
<span class="w">                               </span><span class="s">&quot; tab widget by modifying the style class.&quot;</span><span class="w"></span>
<span class="w">                               </span><span class="s">&quot; The style class &#39;trhead&#39; is applied to this tab.&quot;</span><span class="p">),</span><span class="w"></span>
<span class="w">             </span><span class="s">&quot;Style&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ContentLoading</span><span class="o">::</span><span class="n">Eager</span><span class="p">)</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;trhead&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WMenuItem</span><span class="w"> </span><span class="o">*</span><span class="n">tab</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">tabW</span><span class="o">-&gt;</span><span class="n">addTab</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;You can close this tab&quot;</span><span class="w"></span>
<span class="w">                                     </span><span class="s">&quot; by clicking on the close icon.&quot;</span><span class="p">),</span><span class="w"></span>
<span class="w">                   </span><span class="s">&quot;Close&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">tab</span><span class="o">-&gt;</span><span class="n">setCloseable</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">tabW</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;tabwidget&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Template">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">t</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;WTemplate-example&quot;</span><span class="p">));</span><span class="w"></span>

<span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;name-edit&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;save-button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;cancel-button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cancel&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextArea">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextArea.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateTime.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="w"> </span><span class="o">*</span><span class="n">ta</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextArea</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">ta</span><span class="o">-&gt;</span><span class="n">setColumns</span><span class="p">(</span><span class="mi">80</span><span class="p">);</span><span class="w"></span>
<span class="n">ta</span><span class="o">-&gt;</span><span class="n">setRows</span><span class="p">(</span><span class="mi">5</span><span class="p">);</span><span class="w"></span>
<span class="n">ta</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Change this text... </span><span class="se">\n</span><span class="s">&quot;</span><span class="w"></span>
<span class="w">            </span><span class="s">&quot;and click outside the text area to get a changed event.&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="s">&quot;help-block&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">ta</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Text area changed at &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                 </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateTime</span><span class="o">::</span><span class="n">currentDateTime</span><span class="p">().</span><span class="n">toString</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextDeferredToolTip">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">Text</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">Text</span><span class="p">()</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">WText</span><span class="p">(){}</span><span class="w"></span>

<span class="w">  </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">calculateToolTip</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="s">&quot;Deferred tooltip&quot;</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="w"> </span><span class="n">toolTip</span><span class="p">()</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">calculateToolTip</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Text</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">text</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">text</span><span class="o">-&gt;</span><span class="n">setDeferredToolTip</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/Utils.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextEdit.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WTextEdit</span><span class="w"> </span><span class="o">*</span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTextEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setHeight</span><span class="p">(</span><span class="mi">300</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;&quot;</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;&lt;span style=</span><span class="se">\&quot;</span><span class="s">font-family: &#39;courier new&#39;, courier; font-size: medium;</span><span class="se">\&quot;</span><span class="s">&gt;&quot;</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;&lt;strong&gt;WTextEdit&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;&lt;p&gt;Hey, I&#39;m a &lt;strong&gt;WTextEdit&lt;/strong&gt; and you can make me&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot; &lt;span style=</span><span class="se">\&quot;</span><span class="s">text-decoration: underline;</span><span class="se">\&quot;</span><span class="s">&gt;&lt;em&gt;rich&lt;/em&gt;&lt;/span&gt;&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot; by adding your &lt;span style=</span><span class="se">\&quot;</span><span class="s">color: #ff0000;</span><span class="se">\&quot;</span><span class="s">&gt;&lt;em&gt;style&lt;/em&gt;&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot;&lt;/span&gt;!&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;&lt;p&gt;Other widgets like...&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">      </span><span class="s">&quot;&lt;ul style=</span><span class="se">\&quot;</span><span class="s">padding: 0px; margin: 0px 0px 10px 25px;</span><span class="se">\&quot;</span><span class="s">&gt;&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot;&lt;li&gt;WLineEdit&lt;/li&gt;&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot;&lt;li&gt;WTextArea&lt;/li&gt;&quot;</span><span class="w"></span>
<span class="w">        </span><span class="s">&quot;&lt;li&gt;WSpinBox&lt;/li&gt;&quot;</span><span class="w"></span>
<span class="w">      </span><span class="s">&quot;&lt;/ul&gt;&quot;</span><span class="w"></span>
<span class="w">    </span><span class="s">&quot;&lt;p&gt;don&#39;t have style.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="w"> </span><span class="o">*</span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Get text&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">button</span><span class="o">-&gt;</span><span class="n">setMargin</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Top</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Side</span><span class="o">::</span><span class="n">Bottom</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;xhtml-output&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;pre&gt;&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Utils</span><span class="o">::</span><span class="n">htmlEncode</span><span class="p">(</span><span class="n">edit</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">())</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;&lt;/pre&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextEditors">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTextEdit.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">le</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">le</span><span class="o">-&gt;</span><span class="n">setPlaceholderText</span><span class="p">(</span><span class="s">&quot;Edit me&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setReadOnly</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>

<span class="n">le</span><span class="o">-&gt;</span><span class="n">keyWentUp</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Line edit: key up event&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">le</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Line edit: enter pressed event&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextEvents">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Create four text widgets.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text1</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This text reacts to &lt;tt&gt;clicked()&lt;/tt&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">text1</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reactive&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text2</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This text reacts to &lt;tt&gt;doubleClicked()&lt;/tt&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">text2</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reactive&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text3</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This text reacts to &lt;tt&gt;mouseWentOver()&lt;/tt&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">text3</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reactive&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">text4</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This text reacts to &lt;tt&gt;mouseWentOut()&lt;/tt&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">text4</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;reactive&quot;</span><span class="p">);</span><span class="w"></span>

<span class="c1">// Create an additional text control to show status messages.</span>
<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="c1">// Assign a signal/slot mechanism to the text controls.</span>
<span class="n">text1</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Text was clicked.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">text2</span><span class="o">-&gt;</span><span class="n">doubleClicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Text was double clicked.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">text3</span><span class="o">-&gt;</span><span class="n">mouseWentOver</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Mouse went over text.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">text4</span><span class="o">-&gt;</span><span class="n">mouseWentOut</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Mouse went out text.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextPlain">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"></span>
<span class="w">  </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is an example of plain text. &quot;</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;Any contained special XHTML characters, &quot;</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;such as </span><span class="se">\&quot;</span><span class="s">&lt;</span><span class="se">\&quot;</span><span class="s"> and </span><span class="se">\&quot;</span><span class="s">&gt;</span><span class="se">\&quot;</span><span class="s">, &quot;</span><span class="w"></span>
<span class="w">                  </span><span class="s">&quot;are automatically escaped.&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextSide">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;editSide-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Username&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;name&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">edit</span><span class="p">));</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;amount1&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">edit</span><span class="p">));</span><span class="w"></span>

<span class="n">edit</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">edit</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;span2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">result</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;amount2&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">edit</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextToolTip">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"></span>
<span class="w">  </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Some text&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>

<span class="n">text</span><span class="o">-&gt;</span><span class="n">setToolTip</span><span class="p">(</span><span class="s">&quot;ToolTip&quot;</span><span class="p">,</span><span class="w">  </span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">XHTML</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextXHTML">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;This is &lt;b&gt;XHTML&lt;/b&gt; markup text. &quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;It supports a safe subset of XHTML tags and &quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;attributes, which have only decorative &quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;functions.&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TextXSS">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">text</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;This XHTML text contains JavaScript, &quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;wich is filtered by the XSS filter.&lt;/p&gt;&quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;&lt;script&gt;alert(</span><span class="se">\&quot;</span><span class="s">XSS Attack!</span><span class="se">\&quot;</span><span class="s">);&lt;/script&gt;&quot;</span><span class="w"></span>
<span class="w">                    </span><span class="s">&quot;&lt;p&gt;A warning is printed in the logs.&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-theme">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WApplication.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WEnvironment.h&gt;</span><span class="cp"></span>

<span class="c1">// Main application class</span>
<span class="k">class</span><span class="w"> </span><span class="nc">ThemeExample</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="c1">// Constructor</span>
<span class="w">    </span><span class="n">ThemeExample</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WEnvironment</span><span class="w"> </span><span class="o">&amp;</span><span class="n">env</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="o">:</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WApplication</span><span class="p">(</span><span class="n">env</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">setCssTheme</span><span class="p">(</span><span class="s">&quot;polished&quot;</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         *  Create UI, Set initial values, ...</span>
<span class="cm">         */</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TimeEdit">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WCalendar.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTimeEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLabel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WString.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">form</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;timeEdit-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">form</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">te1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;from&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTimeEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">form</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;from-format&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">te1</span><span class="o">-&gt;</span><span class="n">format</span><span class="p">());</span><span class="w"></span>
<span class="n">te1</span><span class="o">-&gt;</span><span class="n">setTime</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTime</span><span class="o">::</span><span class="n">currentTime</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">te2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;to&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTimeEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">te2</span><span class="o">-&gt;</span><span class="n">setFormat</span><span class="p">(</span><span class="s">&quot;h:mm:ss.zzz AP&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">te2</span><span class="o">-&gt;</span><span class="n">setTime</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTime</span><span class="o">::</span><span class="n">currentTime</span><span class="p">().</span><span class="n">addSecs</span><span class="p">(</span><span class="mi">60</span><span class="o">*</span><span class="mi">15</span><span class="p">));</span><span class="w"></span>
<span class="n">form</span><span class="o">-&gt;</span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;to-format&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">te2</span><span class="o">-&gt;</span><span class="n">format</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;save&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">form</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;out&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="n">te1</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">te1</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Time picker 1 is changed.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">te2</span><span class="o">-&gt;</span><span class="n">changed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">te2</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Time picker 2 is changed.&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">te1</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">().</span><span class="n">empty</span><span class="p">()</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">te2</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">().</span><span class="n">empty</span><span class="p">())</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;You should enter two times!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kt">long</span><span class="w"> </span><span class="n">secs</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">te1</span><span class="o">-&gt;</span><span class="n">time</span><span class="p">().</span><span class="n">secsTo</span><span class="p">(</span><span class="n">te2</span><span class="o">-&gt;</span><span class="n">time</span><span class="p">())</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">secs</span><span class="w"> </span><span class="o">&lt;=</span><span class="w"> </span><span class="mi">60</span><span class="o">*</span><span class="mi">10</span><span class="p">)</span><span class="w"></span>
<span class="w">          </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;This is a really small range of time&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">else</span><span class="w"></span>
<span class="w">          </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="w"></span>
<span class="w">            </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;So, you want your package to be delivered between &quot;</span><span class="w"></span>
<span class="w">                         </span><span class="s">&quot;{1} and {2}?&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">             </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">te1</span><span class="o">-&gt;</span><span class="n">time</span><span class="p">().</span><span class="n">toString</span><span class="p">())</span><span class="w"></span>
<span class="w">             </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">te2</span><span class="o">-&gt;</span><span class="n">time</span><span class="p">().</span><span class="n">toString</span><span class="p">()));</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ToolBar">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPopupMenu.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WToolBar.h&gt;</span><span class="cp"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createColorButton</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">className</span><span class="p">,</span><span class="w"></span>
<span class="w">                                       </span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">&amp;</span><span class="w"> </span><span class="n">text</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setTextFormat</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">XHTML</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">text</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">addStyleClass</span><span class="p">(</span><span class="n">className</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">button</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WToolBar</span><span class="w"> </span><span class="o">*</span><span class="n">toolBar</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WToolBar</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;btn-primary&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Primary&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;btn-danger&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Danger&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;btn-success&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Success&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;btn-warning&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Warning&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;btn-inverse&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Inverse&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">createColorButton</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Default&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">resetButton</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Reset&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addSeparator</span><span class="p">();</span><span class="w"></span>
<span class="n">toolBar</span><span class="o">-&gt;</span><span class="n">addButton</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">resetButton</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Tree">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIconPair.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTree.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTreeNode.h&gt;</span><span class="cp"></span>

<span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTree</span><span class="o">&gt;</span><span class="w"> </span><span class="n">tree</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTree</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">tree</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Extended</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">folderIcon</span><span class="w"></span>
<span class="w">    </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WIconPair</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;icons/yellow-folder-closed.png&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                        </span><span class="s">&quot;icons/yellow-folder-open.png&quot;</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">node</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Furniture&quot;</span><span class="p">,</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">folderIcon</span><span class="p">));</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">setTreeRoot</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">node</span><span class="p">));</span><span class="w"></span>


<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">label</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">setTextFormat</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">TextFormat</span><span class="o">::</span><span class="n">Plain</span><span class="p">);</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">setLoadPolicy</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">ContentLoading</span><span class="o">::</span><span class="n">NextLevel</span><span class="p">);</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Table&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Cupboard&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">subtree</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Chair&quot;</span><span class="p">);</span><span class="w"></span>
<span class="k">auto</span><span class="w"> </span><span class="n">subtree_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">subtree</span><span class="p">));</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Coach&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">tree</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">expand</span><span class="p">();</span><span class="w"></span>

<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Doc&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Grumpy&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Happy&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Sneezy&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Dopey&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Bashful&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">subtree_</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTreeNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Sleepy&quot;</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TreeTable">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIconPair.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTree.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTreeTable.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTreeTableNode.h&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">namespace</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">WTreeTableNode</span><span class="w"> </span><span class="o">*</span><span class="nf">addNode</span><span class="p">(</span><span class="n">WTreeTableNode</span><span class="w"> </span><span class="o">*</span><span class="n">parent</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">name</span><span class="p">,</span><span class="w"></span>
<span class="w">                                </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">yuppie</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">holidays</span><span class="p">,</span><span class="w"></span>
<span class="w">                                </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">favorite</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTableNode</span><span class="o">&gt;</span><span class="p">(</span><span class="n">name</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">node_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">node</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="n">parent</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">node</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">node_</span><span class="o">-&gt;</span><span class="n">setColumnWidget</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">yuppie</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">node_</span><span class="o">-&gt;</span><span class="n">setColumnWidget</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">holidays</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="n">node_</span><span class="o">-&gt;</span><span class="n">setColumnWidget</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="n">favorite</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">node_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">treeTable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTable</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">650</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">);</span><span class="w"></span>
<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">tree</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Extended</span><span class="p">);</span><span class="w"></span>
<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">addColumn</span><span class="p">(</span><span class="s">&quot;Yuppie Factor&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">);</span><span class="w"></span>
<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">addColumn</span><span class="p">(</span><span class="s">&quot;# Holidays&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">);</span><span class="w"></span>
<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">addColumn</span><span class="p">(</span><span class="s">&quot;Favorite Item&quot;</span><span class="p">,</span><span class="w"> </span><span class="mi">125</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">root</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTableNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;All Personnel&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">setTreeRoot</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">root</span><span class="p">),</span><span class="w"> </span><span class="s">&quot;Emweb Organigram&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTableNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Upper Management&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">WTreeTableNode</span><span class="w"> </span><span class="o">*</span><span class="n">group_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">group</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">group</span><span class="p">));</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Chief Anything Officer&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;-2.8&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;20&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Scepter&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Vice President of Parties&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;13.57&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;365&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Flag&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Vice President of Staplery&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;3.42&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;27&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Perforator&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTableNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Middle management&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">group_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">group</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">group</span><span class="p">));</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Boss of the house&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;9.78&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;35&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Happy Animals&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Xena caretaker&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;8.66&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;10&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Yellow bag&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeTableNode</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Actual Workforce&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">group_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">group</span><span class="p">.</span><span class="n">get</span><span class="p">();</span><span class="w"></span>

<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">addChildNode</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">group</span><span class="p">));</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;The Dork&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;9.78&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;22&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Mojito&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;The Stud&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;8.66&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;46&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Toothbrush&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">addNode</span><span class="p">(</span><span class="n">group_</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;The Ugly&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;13.0&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;25&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Paper bag&quot;</span><span class="p">);</span><span class="w"></span>

<span class="n">treeTable</span><span class="o">-&gt;</span><span class="n">treeRoot</span><span class="p">()</span><span class="o">-&gt;</span><span class="n">expand</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-TreeView">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTreeView.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;GitModel.cpp&quot;</span><span class="cp"></span>
<span class="cp">#define GIT_REPOSITORY &quot;/path/to/repository/.git&quot;</span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">treeView</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WTreeView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">600</span><span class="p">,</span><span class="w"> </span><span class="mi">400</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">model</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">GitModel</span><span class="o">&gt;</span><span class="p">(</span><span class="n">GIT_REPOSITORY</span><span class="p">);</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setModel</span><span class="p">(</span><span class="n">model</span><span class="p">);</span><span class="w"></span>

<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setRowHeight</span><span class="p">(</span><span class="mi">24</span><span class="p">);</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setHeaderHeight</span><span class="p">(</span><span class="mi">24</span><span class="p">);</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setSortingEnabled</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setSelectionMode</span><span class="p">(</span><span class="n">SelectionMode</span><span class="o">::</span><span class="n">Single</span><span class="p">);</span><span class="w"></span>
<span class="n">treeView</span><span class="o">-&gt;</span><span class="n">setEditTriggers</span><span class="p">(</span><span class="n">EditTrigger</span><span class="o">::</span><span class="n">None</span><span class="p">);</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Validation">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIntValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">t</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;validation-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">t</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">ageEdit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;age&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">validator</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WIntValidator</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="n">validator</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">ageEdit</span><span class="o">-&gt;</span><span class="n">setValidator</span><span class="p">(</span><span class="n">validator</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;age-info&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">hide</span><span class="p">();</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">ageEdit</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;Age of &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">ageEdit</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot; is saved!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;alert alert-success&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;The number must be in the range 0 to 150&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;alert alert-danger&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">ageEdit</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">emit</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ValidationDate">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDate.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLabel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WDateEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WValidator.h&gt;</span><span class="cp"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">t</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="o">::</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;date-template&quot;</span><span class="p">));</span><span class="w"></span>
<span class="n">t</span><span class="o">-&gt;</span><span class="n">addFunction</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplate</span><span class="o">::</span><span class="n">Functions</span><span class="o">::</span><span class="n">id</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">dateEdit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;birth-date&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">dv</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDateValidator</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setBottom</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="p">(</span><span class="mi">1900</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">));</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setTop</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">::</span><span class="n">currentDate</span><span class="p">());</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setFormat</span><span class="p">(</span><span class="s">&quot;dd/MM/yyyy&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setMandatory</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setInvalidBlankText</span><span class="p">(</span><span class="s">&quot;A birthdate is mandatory!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setInvalidNotADateText</span><span class="p">(</span><span class="s">&quot;You should enter a date in the format &quot;</span><span class="w"></span>
<span class="w">                           </span><span class="s">&quot;</span><span class="se">\&quot;</span><span class="s">dd/MM/yyyy</span><span class="se">\&quot;</span><span class="s">!&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setInvalidTooEarlyText</span><span class="w"></span>
<span class="w">    </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;That&#39;s too early... The date must be {1} or later!&quot;</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">dv</span><span class="o">-&gt;</span><span class="n">bottom</span><span class="p">().</span><span class="n">toString</span><span class="p">(</span><span class="s">&quot;dd/MM/yyyy&quot;</span><span class="p">)));</span><span class="w"></span>
<span class="n">dv</span><span class="o">-&gt;</span><span class="n">setInvalidTooLateText</span><span class="w"></span>
<span class="w">    </span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;That&#39;s too late... The date must be {1} or earlier!&quot;</span><span class="w"></span>
<span class="w">                 </span><span class="s">&quot;&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">dv</span><span class="o">-&gt;</span><span class="n">top</span><span class="p">().</span><span class="n">toString</span><span class="p">(</span><span class="s">&quot;dd/MM/yyyy&quot;</span><span class="p">)));</span><span class="w"></span>

<span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">setValidator</span><span class="p">(</span><span class="n">dv</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Ok&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="o">-&gt;</span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;info&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">setInline</span><span class="p">(</span><span class="nb">false</span><span class="p">);</span><span class="w"></span>
<span class="n">out</span><span class="o">-&gt;</span><span class="n">hide</span><span class="p">();</span><span class="w"></span>

<span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">show</span><span class="p">();</span><span class="w"></span>

<span class="w">    </span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">::</span><span class="n">Result</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">dv</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">(</span><span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">text</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">result</span><span class="p">.</span><span class="n">state</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ValidationState</span><span class="o">::</span><span class="n">Valid</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="w"> </span><span class="n">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WDate</span><span class="o">::</span><span class="n">currentServerDate</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">years</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">d</span><span class="p">.</span><span class="n">year</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">().</span><span class="n">year</span><span class="p">();</span><span class="w"></span>
<span class="w">        </span><span class="kt">int</span><span class="w"> </span><span class="n">days</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">d</span><span class="p">.</span><span class="n">daysTo</span><span class="p">(</span><span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">().</span><span class="n">addYears</span><span class="p">(</span><span class="n">years</span><span class="p">));</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">days</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">            </span><span class="n">days</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">d</span><span class="p">.</span><span class="n">daysTo</span><span class="p">(</span><span class="w"> </span><span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">date</span><span class="p">().</span><span class="n">addYears</span><span class="p">(</span><span class="n">years</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;In &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">days</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"></span>
<span class="w">                     </span><span class="s">&quot; days, we will be celebrating your next anniversary!&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;alert alert-success&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">setFocus</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="n">result</span><span class="p">.</span><span class="n">message</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;alert alert-danger&quot;</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">dateEdit</span><span class="o">-&gt;</span><span class="n">enterPressed</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">emit</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WMouseEvent</span><span class="p">());</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-ValidationModel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFormModel.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WIntValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLineEdit.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WPushButton.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WValidator.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WTemplateFormView.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">AgeFormModel</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="n">AgeField</span><span class="p">;</span><span class="w"></span>

<span class="w">    </span><span class="c1">// inline constructor</span>
<span class="w">    </span><span class="n">AgeFormModel</span><span class="p">()</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">WFormModel</span><span class="p">()</span><span class="w"></span>
<span class="w">    </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">addField</span><span class="p">(</span><span class="n">AgeField</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="n">setValidator</span><span class="p">(</span><span class="n">AgeField</span><span class="p">,</span><span class="w"> </span><span class="n">createAgeValidator</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="n">setValue</span><span class="p">(</span><span class="n">AgeField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">shared_ptr</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WValidator</span><span class="o">&gt;</span><span class="w"> </span><span class="n">createAgeValidator</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_shared</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WIntValidator</span><span class="o">&gt;</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>

<span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WFormModel</span><span class="o">::</span><span class="n">Field</span><span class="w"> </span><span class="n">AgeFormModel</span><span class="o">::</span><span class="n">AgeField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;age&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">AgeFormView</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WTemplateFormView</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="c1">// inline constructor</span>
<span class="w">    </span><span class="n">AgeFormView</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">model_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">AgeFormModel</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="w">        </span><span class="n">setTemplateText</span><span class="p">(</span><span class="n">tr</span><span class="p">(</span><span class="s">&quot;validation-template&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">setFormWidget</span><span class="p">(</span><span class="n">AgeFormModel</span><span class="o">::</span><span class="n">AgeField</span><span class="p">,</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="w">        </span><span class="k">auto</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">bindWidget</span><span class="p">(</span><span class="s">&quot;button&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                                 </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WPushButton</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Save&quot;</span><span class="p">));</span><span class="w"></span>

<span class="w">        </span><span class="n">button</span><span class="o">-&gt;</span><span class="n">clicked</span><span class="p">().</span><span class="n">connect</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">AgeFormView</span><span class="o">::</span><span class="n">process</span><span class="p">);</span><span class="w"></span>

<span class="w">        </span><span class="n">updateView</span><span class="p">(</span><span class="n">model_</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="n">process</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">updateModel</span><span class="p">(</span><span class="n">model_</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">model_</span><span class="o">-&gt;</span><span class="n">validate</span><span class="p">())</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Udate the view: Delete any validation message in the view, etc.</span>
<span class="w">            </span><span class="n">updateView</span><span class="p">(</span><span class="n">model_</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">            </span><span class="n">bindString</span><span class="p">(</span><span class="s">&quot;age-info&quot;</span><span class="p">,</span><span class="w"></span>
<span class="w">                       </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Age of {1} is saved!&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">                       </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">asString</span><span class="p">(</span><span class="n">model_</span><span class="o">-&gt;</span><span class="n">value</span><span class="p">(</span><span class="n">AgeFormModel</span><span class="o">::</span><span class="n">AgeField</span><span class="p">))));</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">            </span><span class="n">updateView</span><span class="p">(</span><span class="n">model_</span><span class="p">.</span><span class="n">get</span><span class="p">());</span><span class="w"></span>
<span class="w">            </span><span class="c1">// Set the focus on the line edit.</span>
<span class="w">            </span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*</span><span class="n">viewField</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">                       </span><span class="n">resolve</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLineEdit</span><span class="w"> </span><span class="o">*&gt;</span><span class="p">(</span><span class="n">AgeFormModel</span><span class="o">::</span><span class="n">AgeField</span><span class="p">);</span><span class="w"></span>
<span class="w">            </span><span class="n">viewField</span><span class="o">-&gt;</span><span class="n">setFocus</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span><span class="w"></span>
<span class="w">        </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>

<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">unique_ptr</span><span class="o">&lt;</span><span class="n">AgeFormModel</span><span class="o">&gt;</span><span class="w"> </span><span class="n">model_</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">view</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">AgeFormView</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-VBoxLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WVBoxLayout.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box centered&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">vbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WVBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-VBoxLayoutStretch">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WVBoxLayout.h&gt;</span><span class="cp"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span><span class="w"> </span><span class="mi">150</span><span class="p">);</span><span class="w"></span>
<span class="n">container</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;yellow-box centered&quot;</span><span class="p">);</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">vbox</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">setLayout</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WVBoxLayout</span><span class="o">&gt;</span><span class="p">());</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;green-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">),</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span><span class="w"></span>

<span class="n">item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;Item 2&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">item</span><span class="o">-&gt;</span><span class="n">setStyleClass</span><span class="p">(</span><span class="s">&quot;blue-box&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">vbox</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">item</span><span class="p">));</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-Video">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WVideo.h&gt;</span><span class="cp"></span>


<span class="c1">// Define media source locations</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">mp4Video</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.mp4&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">ogvVideo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.ogv&quot;</span><span class="p">;</span><span class="w"></span>

<span class="c1">// Define poster image location</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">poster</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">video</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WVideo</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">mp4Video</span><span class="p">));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">ogvVideo</span><span class="p">));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">setPoster</span><span class="p">(</span><span class="n">poster</span><span class="p">);</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">poster</span><span class="p">)));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">640</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">playbackStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video playing&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">playbackPaused</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video paused&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">ended</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video ended&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">volumeChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Volume changed&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-VideoFallback">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFlashObject.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WFlashObject.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WImage.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WLink.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WVideo.h&gt;</span><span class="cp"></span>


<span class="c1">// Define media source locations</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">mp4Video</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.mp4&quot;</span><span class="p">;</span><span class="w"></span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">ogvVideo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;https://www.webtoolkit.eu/videos/sintel_trailer.ogv&quot;</span><span class="p">;</span><span class="w"></span>

<span class="c1">// Define poster image location</span>
<span class="n">std</span><span class="o">::</span><span class="n">string</span><span class="w"> </span><span class="n">poster</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">;</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="k">auto</span><span class="w"> </span><span class="n">flash</span><span class="w"> </span><span class="o">=</span><span class="w"></span>
<span class="w">    </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WFlashObject</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;https://www.webtoolkit.eu/videos/player_flv_maxi.swf&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashVariable</span><span class="p">(</span><span class="s">&quot;startimage&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;pics/sintel_trailer.jpg&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashParameter</span><span class="p">(</span><span class="s">&quot;allowFullScreen&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;true&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashVariable</span><span class="p">(</span><span class="s">&quot;flv&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">mp4Video</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashVariable</span><span class="p">(</span><span class="s">&quot;showvolume&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setFlashVariable</span><span class="p">(</span><span class="s">&quot;showfullscreen&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;1&quot;</span><span class="p">);</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WImage</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">poster</span><span class="p">)));</span><span class="w"></span>
<span class="n">flash</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">640</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WVideo</span><span class="w"> </span><span class="o">*</span><span class="n">video</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WVideo</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">mp4Video</span><span class="p">));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">addSource</span><span class="p">(</span><span class="n">Wt</span><span class="o">::</span><span class="n">WLink</span><span class="p">(</span><span class="n">ogvVideo</span><span class="p">));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">setAlternativeContent</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">move</span><span class="p">(</span><span class="n">flash</span><span class="p">));</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">setPoster</span><span class="p">(</span><span class="n">poster</span><span class="p">);</span><span class="w"></span>
<span class="n">video</span><span class="o">-&gt;</span><span class="n">resize</span><span class="p">(</span><span class="mi">640</span><span class="p">,</span><span class="w"> </span><span class="mi">360</span><span class="p">);</span><span class="w"></span>

<span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="w"> </span><span class="o">*</span><span class="n">out</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addNew</span><span class="o">&lt;</span><span class="n">Wt</span><span class="o">::</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">playbackStarted</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video playing&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">playbackPaused</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video paused&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">ended</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Video ended&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>

<span class="n">video</span><span class="o">-&gt;</span><span class="n">volumeChanged</span><span class="p">().</span><span class="n">connect</span><span class="p">([</span><span class="o">=</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="n">out</span><span class="o">-&gt;</span><span class="n">setText</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Volume changed&lt;/p&gt;&quot;</span><span class="p">);</span><span class="w"></span>
<span class="p">});</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-VirtualModel">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WAbstractTableModel.h&gt;</span><span class="cp"></span>

<span class="k">class</span><span class="w"> </span><span class="nc">VirtualModel</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WAbstractTableModel</span><span class="w"></span>
<span class="p">{</span><span class="w"></span>
<span class="k">public</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="n">VirtualModel</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">rows</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">columns</span><span class="p">)</span><span class="w"></span>
<span class="w">    </span><span class="o">:</span><span class="w"> </span><span class="n">WAbstractTableModel</span><span class="p">(),</span><span class="w"></span>
<span class="w">      </span><span class="n">rows_</span><span class="p">(</span><span class="n">rows</span><span class="p">),</span><span class="w"></span>
<span class="w">      </span><span class="n">columns_</span><span class="p">(</span><span class="n">columns</span><span class="p">)</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">rowCount</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">())</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">parent</span><span class="p">.</span><span class="n">isValid</span><span class="p">())</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">rows_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">columnCount</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">parent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="p">())</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="n">parent</span><span class="p">.</span><span class="n">isValid</span><span class="p">())</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">columns_</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">else</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">data</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WModelIndex</span><span class="o">&amp;</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">()</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Row {1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">());</span><span class="w"></span>
<span class="w">      </span><span class="k">else</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Item row {1}, col {2}&quot;</span><span class="p">)</span><span class="w"></span>
<span class="w">          </span><span class="p">.</span><span class="n">arg</span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">row</span><span class="p">()).</span><span class="n">arg</span><span class="p">(</span><span class="n">index</span><span class="p">.</span><span class="n">column</span><span class="p">());</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="k">virtual</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="w"> </span><span class="n">headerData</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">section</span><span class="p">,</span><span class="w"></span>
<span class="w">                                </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="w"> </span><span class="n">orientation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Horizontal</span><span class="p">,</span><span class="w"></span>
<span class="w">                                </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="w"> </span><span class="n">role</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="k">const</span><span class="w"></span>
<span class="w">  </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">orientation</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">Orientation</span><span class="o">::</span><span class="n">Horizontal</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">      </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">role</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">ItemDataRole</span><span class="o">::</span><span class="n">Display</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">WString</span><span class="p">(</span><span class="s">&quot;Column {1}&quot;</span><span class="p">).</span><span class="n">arg</span><span class="p">(</span><span class="n">section</span><span class="p">);</span><span class="w"></span>
<span class="w">      </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">      </span><span class="p">}</span><span class="w"></span>
<span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"></span>
<span class="w">      </span><span class="k">return</span><span class="w"> </span><span class="n">Wt</span><span class="o">::</span><span class="n">cpp17</span><span class="o">::</span><span class="n">any</span><span class="p">();</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="k">private</span><span class="o">:</span><span class="w"></span>
<span class="w">  </span><span class="kt">int</span><span class="w"> </span><span class="n">rows_</span><span class="p">,</span><span class="w"> </span><span class="n">columns_</span><span class="p">;</span><span class="w"></span>
<span class="p">};</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-WHboxLayout">
<div class="highlight"><pre><span></span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WContainerWidget.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WHBoxLayout.h&gt;</span><span class="cp"></span>
<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Wt/WText.h&gt;</span><span class="cp"></span>

<span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;string&gt;</span><span class="cp"></span>

<span class="k">using</span><span class="w"> </span><span class="k">namespace</span><span class="w"> </span><span class="nn">Wt</span><span class="p">;</span><span class="w"></span>


<span class="k">auto</span><span class="w"> </span><span class="n">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WContainerWidget</span><span class="o">&gt;</span><span class="p">();</span><span class="w"></span>

<span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;A first widget&lt;/p&gt;&quot;</span><span class="p">));</span><span class="w"></span>

<span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">unsigned</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="c1">// a widget can be added to a container by passing the container as</span>
<span class="w">    </span><span class="c1">// the last constructor argument</span>
<span class="w">    </span><span class="n">container</span><span class="o">-&gt;</span><span class="n">addWidget</span><span class="p">(</span><span class="n">std</span><span class="o">::</span><span class="n">make_unique</span><span class="o">&lt;</span><span class="n">WText</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;&lt;p&gt;Text &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">std</span><span class="o">::</span><span class="n">to_string</span><span class="p">(</span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;&lt;/p&gt;&quot;</span><span class="p">));</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-matcher">
<div class="highlight"><pre><span></span><span class="kd">function</span> <span class="p">(</span><span class="nx">editElement</span><span class="p">)</span> <span class="p">{</span>
  <span class="c1">// fetch the location of cursor and current text in the editElement.</span>

  <span class="c1">// return a function that matches a given suggestion with the current</span>
  <span class="c1">// value of the editElement.</span>
  <span class="k">return</span> <span class="kd">function</span><span class="p">(</span><span class="nx">suggestion</span><span class="p">)</span> <span class="p">{</span>

    <span class="c1">// 1) if suggestion is null, simply return the current text &#39;value&#39;</span>
    <span class="c1">// 2) check suggestion if it matches</span>
    <span class="c1">// 3) add highlighting markup to suggestion if necessary</span>

    <span class="k">return</span> <span class="p">{</span> <span class="nx">match</span> <span class="o">:</span> <span class="p">...,</span>      <span class="c1">// does the suggestion match ? (boolean)</span>
      <span class="nx">suggestion</span> <span class="o">:</span> <span class="p">...</span>  <span class="c1">// modified suggestion with highlighting</span>
    <span class="p">};</span>
  <span class="p">}</span>
<span class="p">}</span>
</pre></div>
  </message>
  <message id="src-replacer">
<div class="highlight"><pre><span></span><span class="kd">function</span> <span class="p">(</span><span class="nx">editElement</span><span class="p">,</span> <span class="nx">suggestionText</span><span class="p">,</span> <span class="nx">suggestionValue</span><span class="p">)</span> <span class="p">{</span>
    <span class="c1">// editElement is the form element which must be edited.</span>
    <span class="c1">// suggestionText is the displayed text for the matched suggestion.</span>
    <span class="c1">// suggestionValue is the stored value for the matched suggestion.</span>

    <span class="c1">// computed modifiedEditValue and modifiedPos ...</span>

    <span class="nx">editElement</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">modifiedEditValue</span><span class="p">;</span>
    <span class="nx">editElement</span><span class="p">.</span><span class="nx">selectionStart</span> <span class="o">=</span> <span class="nx">edit</span><span class="p">.</span><span class="nx">selectionEnd</span> <span class="o">=</span> <span class="nx">modifiedPos</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
  </message>
  <message id="src-CSSexample">
<div class="highlight"><pre><span></span><span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="nt">table</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="p">.</span><span class="nc">table-bordered</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#DDD</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">border-left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="p">.</span><span class="nc">table-sm</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="w"></span>
<span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="p">.</span><span class="nc">table-sm</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="p">.</span><span class="nc">code</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">andale</span><span class="w"> </span><span class="n">mono</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#570</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">97</span><span class="kt">%</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">CSS-example</span><span class="w"> </span><span class="p">.</span><span class="nc">info</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#D9EDF7</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-everywidget">
<div class="highlight"><pre><span></span><span class="p">.</span><span class="nc">wmediaplayer</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">line-height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">submenu</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">overflow</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">trhead</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">sans-serif</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">pt</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">trhead</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-left</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">trdata</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">sans-serif</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">pt</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">trdata</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">vertical-align</span><span class="p">:</span><span class="w"> </span><span class="kc">middle</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-left</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">trdata</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="s2">&quot;checkbox&quot;</span><span class="o">]</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">block</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">tdhead</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">sans-serif</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">pt</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">tddata</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">sans-serif</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">pt</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-left</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">Wt-suggest</span><span class="w"> </span><span class="p">.</span><span class="nc">highlight</span><span class="o">,</span><span class="w"> </span><span class="p">.</span><span class="nc">typeahead</span><span class="w"> </span><span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">underline</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">overflow</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">a</span><span class="o">,</span><span class="w"></span>
<span class="p">.</span><span class="nc">menu</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#9CF</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#333</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">span</span><span class="p">.</span><span class="nc">title</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">150</span><span class="kt">%</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#528B12</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">span</span><span class="p">.</span><span class="nc">doc</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">vertical-align</span><span class="p">:</span><span class="w"> </span><span class="kc">top</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">span</span><span class="p">.</span><span class="nc">doc</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#7E7E7E</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">vertical-align</span><span class="p">:</span><span class="w"> </span><span class="kc">top</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">span</span><span class="p">.</span><span class="nc">doc</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#70BD1A</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">span</span><span class="p">.</span><span class="nc">reactive</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">block</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#CCCCCC</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">cursor</span><span class="p">:</span><span class="w"> </span><span class="kc">pointer</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="nt">div</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example-table</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">gray</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example-table</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border-right</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">gray</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">selected</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">yellow</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">centered</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-right</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">events</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#528B12</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">popupmenuLabel</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#E7E5E0</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">cursor</span><span class="p">:</span><span class="w"> </span><span class="kc">default</span><span class="p">;</span><span class="w">   </span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="p">.</span><span class="nc">form</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="mh">#DDD</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">40</span><span class="kt">ex</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">form</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">googlemaps-controls</span><span class="w"> </span><span class="p">.</span><span class="nc">zoom</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="kt">em</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">googlemaps-controls</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">white-space</span><span class="p">:</span><span class="w"> </span><span class="kc">nowrap</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#A9D2F5</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">14</span><span class="kt">px</span><span class="w"> </span><span class="mi">14</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">legend</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">border-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="w"> </span><span class="cp">!important</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding-top</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">src</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">src</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">legend</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">left</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">85</span><span class="kt">%</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">line-height</span><span class="p">:</span><span class="w"> </span><span class="mi">24</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border-top</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#A9D2F5</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">src</span><span class="w"> </span><span class="nt">pre</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#fcfcfc</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">centered-example</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">400</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="o">,</span><span class="w"> </span><span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">example</span><span class="w"> </span><span class="p">.</span><span class="nc">text-edit-example</span><span class="w"> </span><span class="p">.</span><span class="nc">out</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">centered</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">lead</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mf">0.1</span><span class="kt">em</span><span class="w"> </span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">inline-buttons</span><span class="w"> </span><span class="nt">button</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">7</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">reset</span><span class="w"> </span><span class="nt">h1</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">inherit</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">dl-horizontal</span><span class="p">.</span><span class="nc">no-clear</span><span class="p">:</span><span class="nd">after</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">clear</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-filedrop">
<div class="highlight"><pre><span></span><span class="p">.</span><span class="nc">upload-block</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">inline-block</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">upload-block</span><span class="p">.</span><span class="nc">ready</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">green</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">upload-block</span><span class="p">.</span><span class="nc">failed</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="c">/* spinner styling from http://tobiasahlin.com/spinkit/ */</span><span class="w"></span>
<span class="p">.</span><span class="nc">spinner</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#333</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="w">  </span>
<span class="w">  </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">sk-scaleout</span><span class="w"> </span><span class="mf">1.0</span><span class="kt">s</span><span class="w"> </span><span class="kc">infinite</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">sk-scaleout</span><span class="w"> </span><span class="mf">1.0</span><span class="kt">s</span><span class="w"> </span><span class="kc">infinite</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">@</span><span class="k">-webkit-keyframes</span><span class="w"> </span><span class="nt">sk-scaleout</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="w">  </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mf">1.0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">opacity</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">sk-scaleout</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mf">1.0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">scale</span><span class="p">(</span><span class="mf">1.0</span><span class="p">);</span><span class="w"></span>
<span class="w">    </span><span class="k">opacity</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-jwt">
<div class="highlight"><pre><span></span><span class="p">@</span><span class="k">charset</span><span class="w"> </span><span class="s2">&quot;UTF-8&quot;</span><span class="p">;</span><span class="w"></span>
<span class="c">/*!</span>
<span class="c"> * Bootstrap  v5.2.3 (https://getbootstrap.com/)</span>
<span class="c"> * Copyright 2011-2022 The Bootstrap Authors</span>
<span class="c"> * Copyright 2011-2022 Twitter, Inc.</span>
<span class="c"> * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)</span>
<span class="c"> */</span><span class="p">:</span><span class="nd">root</span><span class="p">{</span><span class="nv">--bs-indigo</span><span class="p">:</span><span class="mh">#6610f2</span><span class="p">;</span><span class="nv">--bs-purple</span><span class="p">:</span><span class="mh">#6f42c1</span><span class="p">;</span><span class="nv">--bs-pink</span><span class="p">:</span><span class="mh">#d63384</span><span class="p">;</span><span class="nv">--bs-red</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-orange</span><span class="p">:</span><span class="mh">#fd7e14</span><span class="p">;</span><span class="nv">--bs-yellow</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-green</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-teal</span><span class="p">:</span><span class="mh">#20c997</span><span class="p">;</span><span class="nv">--bs-cyan</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-white</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-gray</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gray-dark</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-gray-100</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-gray-200</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-gray-300</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-gray-400</span><span class="p">:</span><span class="mh">#ced4da</span><span class="p">;</span><span class="nv">--bs-gray-500</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-gray-600</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gray-700</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-gray-800</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-gray-900</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-primary</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-secondary</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-success</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-info</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-warning</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-danger</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-light</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-dark</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-blue</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-black</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-primary-rgb</span><span class="p">:</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">;</span><span class="nv">--bs-secondary-rgb</span><span class="p">:</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">;</span><span class="nv">--bs-success-rgb</span><span class="p">:</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">;</span><span class="nv">--bs-info-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">;</span><span class="nv">--bs-warning-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">;</span><span class="nv">--bs-danger-rgb</span><span class="p">:</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">;</span><span class="nv">--bs-light-rgb</span><span class="p">:</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">;</span><span class="nv">--bs-dark-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-blue-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-white-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">;</span><span class="nv">--bs-black-rgb</span><span class="p">:</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-body-color-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-body-bg-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">;</span><span class="nv">--bs-font-sans-serif</span><span class="p">:</span><span class="n">system-ui</span><span class="p">,</span><span class="o">-</span><span class="n">apple-system</span><span class="p">,</span><span class="s2">&quot;Segoe UI&quot;</span><span class="p">,</span><span class="n">Roboto</span><span class="p">,</span><span class="s2">&quot;Helvetica Neue&quot;</span><span class="p">,</span><span class="s2">&quot;Noto Sans&quot;</span><span class="p">,</span><span class="s2">&quot;Liberation Sans&quot;</span><span class="p">,</span><span class="n">Arial</span><span class="p">,</span><span class="kc">sans-serif</span><span class="p">,</span><span class="s2">&quot;Apple Color Emoji&quot;</span><span class="p">,</span><span class="s2">&quot;Segoe UI Emoji&quot;</span><span class="p">,</span><span class="s2">&quot;Segoe UI Symbol&quot;</span><span class="p">,</span><span class="s2">&quot;Noto Color Emoji&quot;</span><span class="p">;</span><span class="nv">--bs-font-monospace</span><span class="p">:</span><span class="n">SFMono-Regular</span><span class="p">,</span><span class="n">Menlo</span><span class="p">,</span><span class="n">Monaco</span><span class="p">,</span><span class="n">Consolas</span><span class="p">,</span><span class="s2">&quot;Liberation Mono&quot;</span><span class="p">,</span><span class="s2">&quot;Courier New&quot;</span><span class="p">,</span><span class="kc">monospace</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mi">0</span><span class="p">));</span><span class="nv">--bs-body-font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="nv">--bs-body-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-body-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-body-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-body-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-body-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-border-style</span><span class="p">:</span><span class="kc">solid</span><span class="p">;</span><span class="nv">--bs-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-border-color-translucent</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.175</span><span class="p">);</span><span class="nv">--bs-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-sm</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-lg</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-xl</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-2xl</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-pill</span><span class="p">:</span><span class="mi">50</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-link-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-link-hover-color</span><span class="p">:</span><span class="mh">#a81018</span><span class="p">;</span><span class="nv">--bs-code-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-highlight-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">}</span><span class="o">*,</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">border-box</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">no-preference</span><span class="o">)</span><span class="p">{:</span><span class="nd">root</span><span class="p">{</span><span class="n">scroll-behavior</span><span class="p">:</span><span class="kc">smooth</span><span class="p">}}</span><span class="nt">body</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">text-size-adjust</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">tap-highlight-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-family</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-line-height</span><span class="p">);</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-text-align</span><span class="p">)}</span><span class="nt">hr</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">}.</span><span class="nc">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">h3</span><span class="o">,</span><span class="p">.</span><span class="nc">h4</span><span class="o">,</span><span class="p">.</span><span class="nc">h5</span><span class="o">,</span><span class="p">.</span><span class="nc">h6</span><span class="o">,</span><span class="nt">h1</span><span class="o">,</span><span class="nt">h2</span><span class="o">,</span><span class="nt">h3</span><span class="o">,</span><span class="nt">h4</span><span class="o">,</span><span class="nt">h5</span><span class="o">,</span><span class="nt">h6</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">500</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">h1</span><span class="o">,</span><span class="nt">h1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h1</span><span class="o">,</span><span class="nt">h1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h2</span><span class="o">,</span><span class="nt">h2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.325</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.9</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h2</span><span class="o">,</span><span class="nt">h2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h3</span><span class="o">,</span><span class="nt">h3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.3</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.6</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h3</span><span class="o">,</span><span class="nt">h3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h4</span><span class="o">,</span><span class="nt">h4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h4</span><span class="o">,</span><span class="nt">h4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h5</span><span class="o">,</span><span class="nt">h5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">h6</span><span class="o">,</span><span class="nt">h6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">p</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">abbr</span><span class="o">[</span><span class="nt">title</span><span class="o">]</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">help</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="w"> </span><span class="kc">dotted</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="w"> </span><span class="kc">dotted</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">text-decoration-skip-ink</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="n">text-decoration-skip-ink</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="nt">address</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}</span><span class="nt">dl</span><span class="o">,</span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">ol</span><span class="w"> </span><span class="nt">ol</span><span class="o">,</span><span class="nt">ol</span><span class="w"> </span><span class="nt">ul</span><span class="o">,</span><span class="nt">ul</span><span class="w"> </span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">dt</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}</span><span class="nt">dd</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">blockquote</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">b</span><span class="o">,</span><span class="nt">strong</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">bolder</span><span class="p">}.</span><span class="nc">small</span><span class="o">,</span><span class="nt">small</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}.</span><span class="nc">mark</span><span class="o">,</span><span class="nt">mark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-highlight-bg</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.1875</span><span class="kt">em</span><span class="p">}</span><span class="nt">sub</span><span class="o">,</span><span class="nt">sup</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.75</span><span class="kt">em</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">}</span><span class="nt">sub</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">em</span><span class="p">}</span><span class="nt">sup</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mf">-.5</span><span class="kt">em</span><span class="p">}</span><span class="nt">a</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="p">}</span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">)}</span><span class="nt">a</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">href</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">class</span><span class="o">]),</span><span class="nt">a</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">href</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">class</span><span class="o">])</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="nt">code</span><span class="o">,</span><span class="nt">kbd</span><span class="o">,</span><span class="nt">pre</span><span class="o">,</span><span class="nt">samp</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-monospace</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}</span><span class="nt">pre</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}</span><span class="nt">pre</span><span class="w"> </span><span class="nt">code</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">}</span><span class="nt">code</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-code-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}</span><span class="nt">a</span><span class="o">&gt;</span><span class="nt">code</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">kbd</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.1875</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}</span><span class="nt">kbd</span><span class="w"> </span><span class="nt">kbd</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">figure</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">img</span><span class="o">,</span><span class="nt">svg</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}</span><span class="nt">table</span><span class="p">{</span><span class="k">border-collapse</span><span class="p">:</span><span class="kc">collapse</span><span class="p">;</span><span class="k">caption-side</span><span class="p">:</span><span class="kc">bottom</span><span class="p">}</span><span class="nt">caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">th</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="bp">-webkit-</span><span class="kc">match-parent</span><span class="p">}</span><span class="nt">tbody</span><span class="o">,</span><span class="nt">td</span><span class="o">,</span><span class="nt">tfoot</span><span class="o">,</span><span class="nt">th</span><span class="o">,</span><span class="nt">thead</span><span class="o">,</span><span class="nt">tr</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}</span><span class="nt">button</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="p">:</span><span class="nd">focus</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">)</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="o">,</span><span class="nt">optgroup</span><span class="o">,</span><span class="nt">select</span><span class="o">,</span><span class="nt">textarea</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">select</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="o">[</span><span class="nt">role</span><span class="o">=</span><span class="nt">button</span><span class="o">]</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}</span><span class="nt">select</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">normal</span><span class="p">}</span><span class="nt">select</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}</span><span class="o">[</span><span class="nt">list</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">date</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">datetime-local</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">month</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">week</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">time</span><span class="o">])</span><span class="p">::</span><span class="nd">-webkit-calendar-picker-indicator</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">button</span><span class="o">],[</span><span class="nt">type</span><span class="o">=</span><span class="nt">reset</span><span class="o">],[</span><span class="nt">type</span><span class="o">=</span><span class="nt">submit</span><span class="o">],</span><span class="nt">button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">button</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">button</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),[</span><span class="nt">type</span><span class="o">=</span><span class="nt">reset</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),[</span><span class="nt">type</span><span class="o">=</span><span class="nt">submit</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),</span><span class="nt">button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}::</span><span class="nd">-moz-focus-inner</span><span class="p">{</span><span class="k">border-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">textarea</span><span class="p">{</span><span class="k">resize</span><span class="p">:</span><span class="kc">vertical</span><span class="p">}</span><span class="nt">fieldset</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">legend</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{</span><span class="nt">legend</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}}</span><span class="nt">legend</span><span class="o">+*</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">left</span><span class="p">}::</span><span class="nd">-webkit-datetime-edit-day-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-fields-wrapper</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-hour-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-minute</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-month-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-text</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-year-field</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}::</span><span class="nd">-webkit-inner-spin-button</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">textfield</span><span class="p">;</span><span class="k">outline-offset</span><span class="p">:</span><span class="mi">-2</span><span class="kt">px</span><span class="p">}::</span><span class="nd">-webkit-search-decoration</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">}::</span><span class="nd">-webkit-color-swatch-wrapper</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">button</span><span class="p">;</span><span class="k">font</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">output</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}</span><span class="nt">iframe</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">summary</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">list-item</span><span class="p">}</span><span class="nt">progress</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">}</span><span class="o">[</span><span class="nt">hidden</span><span class="o">]</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lead</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">}.</span><span class="nc">display-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.625</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">4.5</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.575</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">3.9</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">4.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.525</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">3.3</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">4</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.475</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">2.7</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">3.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.425</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">2.1</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">list-inline</span><span class="o">,</span><span class="p">.</span><span class="nc">list-unstyled</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-inline-item</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">list-inline-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">initialism</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">uppercase</span><span class="p">}.</span><span class="nc">blockquote</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">blockquote</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">blockquote-footer</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">blockquote-footer</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;— &quot;</span><span class="p">}.</span><span class="nc">img-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">img-thumbnail</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">img-thumbnail</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">figure</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">figure-img</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">figure-caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">540</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">720</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">960</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">1140</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">1320</span><span class="kt">px</span><span class="p">}}.</span><span class="nc">row</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-y</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">row</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-y</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-sm</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-sm-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-sm-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-sm-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-sm-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-sm-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-md</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-md-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-md-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-md-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-md-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-md-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-lg</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-lg-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-lg-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-lg-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-lg-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-lg-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-xl</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-xl-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-xl-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-xl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-xxl</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-xxl-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-xxl-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-xxl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xxl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xxl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">table</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.05</span><span class="p">);</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-bg</span><span class="p">);</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">9999</span><span class="kt">px</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-accent-bg</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="nt">thead</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">bottom</span><span class="p">}.</span><span class="nc">table-group-divider</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="p">}.</span><span class="nc">caption-top</span><span class="p">{</span><span class="k">caption-side</span><span class="p">:</span><span class="kc">top</span><span class="p">}.</span><span class="nc">table-sm</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">table-bordered</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-bordered</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">table-borderless</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-borderless</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-striped-columns</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;</span><span class="nt">tr</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">2n</span><span class="o">),</span><span class="p">.</span><span class="nc">table-striped</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="o">&gt;</span><span class="nt">tr</span><span class="p">:</span><span class="nd">nth-of-type</span><span class="o">(</span><span class="nt">odd</span><span class="o">)&gt;*</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-striped-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-striped-color</span><span class="p">)}.</span><span class="nc">table-active</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-active-color</span><span class="p">)}.</span><span class="nc">table-hover</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="o">&gt;</span><span class="nt">tr</span><span class="p">:</span><span class="nd">hover</span><span class="o">&gt;*</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-hover-color</span><span class="p">)}.</span><span class="nc">table-primary</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f6d0d2</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#ddbbbd</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#eac6c8</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#ddbbbd</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#e4c0c2</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-primary</span><span class="o">,</span><span class="p">.</span><span class="nc">table-secondary</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-secondary</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#d7d8da</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#d1d2d4</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-success</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#c7dbd2</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#c1d6cc</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-info</span><span class="o">,</span><span class="p">.</span><span class="nc">table-success</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-info</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#c5e8ef</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#bfe2e9</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-warning</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#f2e7c3</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#ece1be</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-danger</span><span class="o">,</span><span class="p">.</span><span class="nc">table-warning</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-danger</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#eccccf</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#e5c7ca</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-light</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#dfe0e1</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#ecedee</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#dfe0e1</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#e5e6e7</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-dark</span><span class="o">,</span><span class="p">.</span><span class="nc">table-light</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-dark</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#2c3034</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#323539</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">table-responsive</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-sm</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-md</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-lg</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-xl</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-xxl</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}.</span><span class="nc">form-label</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">col-form-label</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">col-form-label-lg</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">col-form-label-sm</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-control</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">file</span><span class="o">]</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">form-control</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">file</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#e98a8f</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-webkit-date-and-time-value</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="n">border-inline-end-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">-.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">hover</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dde0e3</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-sm</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-lg</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">-1</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">::</span><span class="nd">-moz-color-swatch</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">::</span><span class="nd">-webkit-color-swatch</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">{</span><span class="kp">-moz-</span><span class="n">padding-start</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">);</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#e98a8f</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-select</span><span class="o">[</span><span class="nt">multiple</span><span class="o">],</span><span class="p">.</span><span class="nc">form-select</span><span class="o">[</span><span class="nt">size</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">])</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">-moz-focusring</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mh">#212529</span><span class="p">}.</span><span class="nc">form-select-sm</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select-lg</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-check</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.125</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">-1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-reverse</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="p">}.</span><span class="nc">form-check-reverse</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">-1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="kc">contain</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">print-color-adjust</span><span class="p">:</span><span class="n">exact</span><span class="p">;</span><span class="n">print-color-adjust</span><span class="p">:</span><span class="n">exact</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">radio</span><span class="o">]</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">brightness</span><span class="p">(</span><span class="mi">90</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#e98a8f</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 20 20&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23fff&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;3&#39; d=&#39;m6 10 3 3 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">radio</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;2&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">:</span><span class="nd">indeterminate</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 20 20&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23fff&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;3&#39; d=&#39;M6 10h8&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">disabled</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;rgba(0, 0, 0, 0.25)&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">2</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">-2.5</span><span class="kt">em</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-position</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">2</span><span class="kt">em</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;%23e98a8f&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">.</span><span class="nc">form-check-reverse</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">.</span><span class="nc">form-check-reverse</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">-2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">{</span><span class="k">clip</span><span class="p">:</span><span class="nb">rect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">disabled</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-focus-outer</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">rem</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f2b9bc</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-runnable-track</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="kp">-moz-</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f2b9bc</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-track</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">form-floating</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.25</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="nt">label</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform-origin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.1</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">transform</span><span class="w"> </span><span class="mf">.1</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="nt">label</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">::</span><span class="nd">placeholder</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">),</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">)</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">),</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">)</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">)~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">)~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">input-group</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">%</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">input-group</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">input-group</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">4</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">valid-feedback</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">valid-tooltip</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">rem</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">was-validated</span><span class="w"> </span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="kc">top</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">],</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">em</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">checked</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">invalid-feedback</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">invalid-tooltip</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">rem</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">was-validated</span><span class="w"> </span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="kc">top</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">],</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">em</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">checked</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">4</span><span class="p">}.</span><span class="nc">btn</span><span class="p">{</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-family</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-btn-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-btn-disabled-opacity</span><span class="p">:</span><span class="mf">0.65</span><span class="p">;</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">),</span><span class="mf">.5</span><span class="p">);</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">);</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-family</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-line-height</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">btn</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">)}.</span><span class="nc">btn-check</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">)}.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-color</span><span class="p">)}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">)}.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">disabled</span><span class="o">,</span><span class="nt">fieldset</span><span class="p">:</span><span class="nd">disabled</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-color</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-opacity</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-primary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#b3111a</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#a81018</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">217</span><span class="p">,</span><span class="mi">55</span><span class="p">,</span><span class="mi">64</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#a81018</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#9e0f17</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">}.</span><span class="nc">btn-secondary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#5c636a</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#565e64</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">130</span><span class="p">,</span><span class="mi">138</span><span class="p">,</span><span class="mi">145</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#565e64</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#51585e</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">}.</span><span class="nc">btn-success</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#157347</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#146c43</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">60</span><span class="p">,</span><span class="mi">153</span><span class="p">,</span><span class="mi">110</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#146c43</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#13653f</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">btn-info</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#31d2f2</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#25cff2</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">11</span><span class="p">,</span><span class="mi">172</span><span class="p">,</span><span class="mi">204</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#3dd5f3</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#25cff2</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">}.</span><span class="nc">btn-warning</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#ffca2c</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#ffc720</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">217</span><span class="p">,</span><span class="mi">164</span><span class="p">,</span><span class="mi">6</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#ffcd39</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#ffc720</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">}.</span><span class="nc">btn-danger</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#bb2d3b</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#b02a37</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">225</span><span class="p">,</span><span class="mi">83</span><span class="p">,</span><span class="mi">97</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#b02a37</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#a52834</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">btn-light</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#d3d4d5</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#c6c7c8</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">211</span><span class="p">,</span><span class="mi">212</span><span class="p">,</span><span class="mi">213</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#c6c7c8</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#babbbc</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">}.</span><span class="nc">btn-dark</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#424649</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">66</span><span class="p">,</span><span class="mi">70</span><span class="p">,</span><span class="mi">73</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#4d5154</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">}.</span><span class="nc">btn-blue</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0b5ed7</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">49</span><span class="p">,</span><span class="mi">132</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0a53be</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">}.</span><span class="nc">btn-black</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">38</span><span class="p">,</span><span class="mi">38</span><span class="p">,</span><span class="mi">38</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">btn-outline-primary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-secondary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-success</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-info</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-warning</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-danger</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-light</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-dark</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-blue</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-black</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-link</span><span class="p">{</span><span class="nv">--bs-btn-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-box-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">217</span><span class="p">,</span><span class="mi">55</span><span class="p">,</span><span class="mi">64</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="p">}.</span><span class="nc">btn-link</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">)}.</span><span class="nc">btn-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">)}.</span><span class="nc">btn-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-lg</span><span class="p">{</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-sm</span><span class="p">{</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">fade</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">fade</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">fade</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">collapse</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">collapsing</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">height</span><span class="w"> </span><span class="mf">.35</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">collapsing</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">collapsing</span><span class="p">.</span><span class="nc">collapse-horizontal</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">width</span><span class="w"> </span><span class="mf">.35</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">collapsing</span><span class="p">.</span><span class="nc">collapse-horizontal</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">dropdown</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-center</span><span class="o">,</span><span class="p">.</span><span class="nc">dropend</span><span class="o">,</span><span class="p">.</span><span class="nc">dropstart</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup-center</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="nv">--bs-dropdown-zindex</span><span class="p">:</span><span class="mi">1000</span><span class="p">;</span><span class="nv">--bs-dropdown-min-width</span><span class="p">:</span><span class="mi">10</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-dropdown-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-spacer</span><span class="p">:</span><span class="mf">0.125</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-dropdown-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-dropdown-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-divider-margin-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-dropdown-link-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">:</span><span class="mh">#1e2125</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-header-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-dropdown-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-header-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-font-size</span><span class="p">);</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-min-width</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-zindex</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">dropdown-menu-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-sm-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-md-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-md-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-md-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-md-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-lg-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-xl-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-xxl-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-divider</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-divider-margin-y</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">)}.</span><span class="nc">dropdown-item</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">dropdown-header</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-padding-x</span><span class="p">);</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">dropdown-item-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">)}.</span><span class="nc">dropdown-menu-dark</span><span class="p">{</span><span class="nv">--bs-dropdown-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-dropdown-bg</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-dropdown-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-box-shadow</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-dropdown-link-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-dropdown-header-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">btn-group</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">first-child</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-sm</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-lg</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">~</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">nav</span><span class="p">{</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-nav-link-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">)}.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">disabled</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">);</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">nav-tabs</span><span class="p">{</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-nav-tabs-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-hover-border-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="w"> </span><span class="mh">#e9ecef</span><span class="w"> </span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="w"> </span><span class="mh">#dee2e6</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-hover-border-color</span><span class="p">);</span><span class="k">isolation</span><span class="p">:</span><span class="kc">isolate</span><span class="p">}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="p">.</span><span class="nc">show</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="p">{</span><span class="nv">--bs-nav-pills-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-pills-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-nav-pills-link-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-border-radius</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">show</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-link-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-link-active-color</span><span class="p">)}.</span><span class="nc">nav-fill</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-fill</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">nav-justified</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-justified</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">flex-basis</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">nav-fill</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-justified</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">tab-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">tab-pane</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">tab-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">navbar</span><span class="p">{</span><span class="nv">--bs-navbar-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-navbar-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.55</span><span class="p">);</span><span class="nv">--bs-navbar-hover-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.7</span><span class="p">);</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.3</span><span class="p">);</span><span class="nv">--bs-navbar-active-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">:</span><span class="mf">0.3125</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-margin-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 30 30&#39;%3E%3Cpath stroke=&#39;rgba(0, 0, 0, 0.55)&#39; stroke-linecap=&#39;round&#39; stroke-miterlimit=&#39;10&#39; stroke-width=&#39;2&#39; d=&#39;M4 7h22M4 15h22M4 23h22&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-focus-width</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-transition</span><span class="p">:</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">}.</span><span class="nc">navbar-brand</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-font-size</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-margin-end</span><span class="p">);</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">navbar-brand</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-brand</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">)}.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-nav-link-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-hover-color</span><span class="p">);</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">show</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-active-color</span><span class="p">)}.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">}.</span><span class="nc">navbar-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-active-color</span><span class="p">)}.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-font-size</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-padding-x</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-transition</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">navbar-toggler</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-toggler</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-focus-width</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-toggler-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-scroll-height</span><span class="p">,</span><span class="mi">75</span><span class="kt">vh</span><span class="p">);</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-sm</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-md</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-lg</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-xl</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-xxl</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">navbar-expand</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar-dark</span><span class="p">{</span><span class="nv">--bs-navbar-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.55</span><span class="p">);</span><span class="nv">--bs-navbar-hover-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.75</span><span class="p">);</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-navbar-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-brand-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 30 30&#39;%3E%3Cpath stroke=&#39;rgba(255, 255, 255, 0.55)&#39; stroke-linecap=&#39;round&#39; stroke-miterlimit=&#39;10&#39; stroke-width=&#39;2&#39; d=&#39;M4 7h22M4 15h22M4 23h22&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">card</span><span class="p">{</span><span class="nv">--bs-card-spacer-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-spacer-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-card-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-card-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-box-shadow</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-cap-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.03</span><span class="p">);</span><span class="nv">--bs-card-cap-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-height</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-card-img-overlay-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-group-margin</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">border-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-height</span><span class="p">);</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="nt">hr</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group</span><span class="o">,</span><span class="p">.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="o">+</span><span class="p">.</span><span class="nc">card-footer</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-body</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-color</span><span class="p">);</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-x</span><span class="p">)}.</span><span class="nc">card-title</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">)}.</span><span class="nc">card-subtitle</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-subtitle</span><span class="o">,</span><span class="p">.</span><span class="nc">card-text</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-link</span><span class="o">+</span><span class="p">.</span><span class="nc">card-link</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-x</span><span class="p">)}.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)}.</span><span class="nc">card-header</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-footer</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-bg</span><span class="p">);</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-color</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)}.</span><span class="nc">card-footer</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-header-tabs</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-header-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">);</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">)}.</span><span class="nc">card-header-pills</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-img-overlay</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-img-overlay-padding</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-group-margin</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">card-group</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-flow</span><span class="p">:</span><span class="kc">row</span><span class="w"> </span><span class="kc">wrap</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="o">+</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-header</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-header</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">accordion</span><span class="p">{</span><span class="nv">--bs-accordion-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-accordion-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-accordion-transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-radius</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="nv">--bs-accordion-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-accordion-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-accordion-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-accordion-btn-padding-x</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-accordion-btn-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-bg</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23212529&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-icon-transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-180deg</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon-transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">0.2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="nv">--bs-accordion-btn-active-icon</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23bd121b&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-accordion-btn-focus-border-color</span><span class="p">:</span><span class="mh">#e98a8f</span><span class="p">;</span><span class="nv">--bs-accordion-btn-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-accordion-body-padding-x</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-body-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-active-color</span><span class="p">:</span><span class="mh">#bd121b</span><span class="p">;</span><span class="nv">--bs-accordion-active-bg</span><span class="p">:</span><span class="mh">#fbe8e9</span><span class="p">}.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="n">overflow-anchor</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-transition</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">collapsed</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-active-bg</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-active-color</span><span class="p">)}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">collapsed</span><span class="o">)</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-active-icon</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-transform</span><span class="p">)}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-transition</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-focus-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-focus-box-shadow</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">accordion-header</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-color</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-of-type</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-of-type</span><span class="o">)</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">.</span><span class="nc">collapsed</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-collapse</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-body</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-body-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-body-padding-x</span><span class="p">)}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-collapse</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="o">,</span><span class="p">.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">.</span><span class="nc">collapsed</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">breadcrumb</span><span class="p">{</span><span class="nv">--bs-breadcrumb-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-breadcrumb-padding-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-breadcrumb-margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-breadcrumb-bg</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-breadcrumb-border-radius</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-breadcrumb-divider-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-breadcrumb-item-active-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-font-size</span><span class="p">);</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-margin-bottom</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="o">+</span><span class="p">.</span><span class="nc">breadcrumb-item</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="o">+</span><span class="p">.</span><span class="nc">breadcrumb-item</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-divider-color</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-divider</span><span class="p">,</span><span class="s2">&quot;/&quot;</span><span class="p">);</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-active-color</span><span class="p">)}.</span><span class="nc">pagination</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-pagination-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-pagination-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-pagination-hover-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-pagination-hover-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-pagination-focus-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-pagination-focus-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-pagination-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-pagination-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-pagination-active-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-font-size</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">page-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">page-link</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-bg</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-color</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">active</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">page-link</span><span class="o">,</span><span class="p">.</span><span class="nc">page-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">disabled</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">page-link</span><span class="o">,</span><span class="p">.</span><span class="nc">page-link</span><span class="p">.</span><span class="nc">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">)}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">last-child</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">)}.</span><span class="nc">pagination-lg</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">pagination-sm</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">badge</span><span class="p">{</span><span class="nv">--bs-badge-padding-x</span><span class="p">:</span><span class="mf">0.65</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-padding-y</span><span class="p">:</span><span class="mf">0.35</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-font-size</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="nv">--bs-badge-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-badge-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">badge</span><span class="p">:</span><span class="nd">empty</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn</span><span class="w"> </span><span class="p">.</span><span class="nc">badge</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">alert</span><span class="p">{</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-alert-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-alert-border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border-color</span><span class="p">);</span><span class="nv">--bs-alert-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-margin-bottom</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">alert-heading</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}.</span><span class="nc">alert-dismissible</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">alert-dismissible</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">alert-primary</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#7e0c12</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#f6d0d2</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#f2b9bc</span><span class="p">}.</span><span class="nc">alert-primary</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#650a0e</span><span class="p">}.</span><span class="nc">alert-secondary</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#d3d6d8</span><span class="p">}.</span><span class="nc">alert-secondary</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#34383c</span><span class="p">}.</span><span class="nc">alert-success</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#badbcc</span><span class="p">}.</span><span class="nc">alert-success</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0c4128</span><span class="p">}.</span><span class="nc">alert-info</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b6effb</span><span class="p">}.</span><span class="nc">alert-info</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#04414d</span><span class="p">}.</span><span class="nc">alert-warning</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#ffecb5</span><span class="p">}.</span><span class="nc">alert-warning</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#523e02</span><span class="p">}.</span><span class="nc">alert-danger</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#f5c2c7</span><span class="p">}.</span><span class="nc">alert-danger</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6a1a21</span><span class="p">}.</span><span class="nc">alert-light</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#fefefe</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#fdfdfe</span><span class="p">}.</span><span class="nc">alert-light</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#4f5050</span><span class="p">}.</span><span class="nc">alert-dark</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#d3d3d4</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#bcbebf</span><span class="p">}.</span><span class="nc">alert-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#101214</span><span class="p">}.</span><span class="nc">alert-blue</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#cfe2ff</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b6d4fe</span><span class="p">}.</span><span class="nc">alert-blue</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#06357a</span><span class="p">}.</span><span class="nc">alert-black</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b3b3b3</span><span class="p">}.</span><span class="nc">alert-black</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">progress-bar-stripes</span><span class="p">{</span><span class="nt">0</span><span class="o">%</span><span class="p">{</span><span class="n">background-position-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">progress</span><span class="p">{</span><span class="nv">--bs-progress-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-font-size</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-progress-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-progress-bar-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-progress-bar-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-progress-bar-transition</span><span class="p">:</span><span class="k">width</span><span class="w"> </span><span class="mf">0.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-border-radius</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-font-size</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)}.</span><span class="nc">progress</span><span class="o">,</span><span class="p">.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-color</span><span class="p">);</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-transition</span><span class="p">);</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">progress-bar-striped</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">45</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">25</span><span class="kt">%</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="kc">transparent</span><span class="p">);</span><span class="k">background-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)}.</span><span class="nc">progress-bar-animated</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="kc">progress</span><span class="o">-</span><span class="n">bar-stripes</span><span class="w"> </span><span class="mi">1</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">progress-bar-animated</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">list-group</span><span class="p">{</span><span class="nv">--bs-list-group-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-list-group-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-list-group-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-list-group-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-item-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-item-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-action-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-list-group-action-hover-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-list-group-action-hover-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-list-group-action-active-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-list-group-action-active-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-list-group-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-list-group-disabled-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-active-bg</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="nv">--bs-list-group-active-border-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-numbered</span><span class="p">{</span><span class="k">counter-reset</span><span class="p">:</span><span class="n">section</span><span class="p">;</span><span class="k">list-style-type</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-numbered</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="nf">counters</span><span class="p">(</span><span class="n">section</span><span class="p">,</span><span class="s2">&quot;.&quot;</span><span class="p">)</span><span class="w"> </span><span class="s2">&quot;. &quot;</span><span class="p">;</span><span class="k">counter-increment</span><span class="p">:</span><span class="n">section</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-color</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-hover-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-active-color</span><span class="p">)}.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-item-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-disabled-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-sm</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-md</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-lg</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-xl</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-xxl</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}.</span><span class="nc">list-group-flush</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-flush</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-flush</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f6d0d2</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#7e0c12</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#ddbbbd</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#7e0c12</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#7e0c12</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#7e0c12</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fefefe</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e5e5e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d4</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bebebf</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cfe2ff</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bacbe6</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#b8b8b8</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">transparent</span><span class="w"> </span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath d=&#39;M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="o">/</span><span class="mi">1</span><span class="kt">em</span><span class="w"> </span><span class="kc">auto</span><span class="w"> </span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.75</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-close-white</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">invert</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="nb">grayscale</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)</span><span class="w"> </span><span class="nb">brightness</span><span class="p">(</span><span class="mi">200</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">toast</span><span class="p">{</span><span class="nv">--bs-toast-zindex</span><span class="p">:</span><span class="mi">1090</span><span class="p">;</span><span class="nv">--bs-toast-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-spacing</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-max-width</span><span class="p">:</span><span class="mi">350</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-toast-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-toast-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.85</span><span class="p">);</span><span class="nv">--bs-toast-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-toast-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-toast-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-toast-header-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-toast-header-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.85</span><span class="p">);</span><span class="nv">--bs-toast-header-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.05</span><span class="p">);</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-font-size</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-max-width</span><span class="p">)}.</span><span class="nc">toast</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">toast</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">toast-container</span><span class="p">{</span><span class="nv">--bs-toast-zindex</span><span class="p">:</span><span class="mi">1090</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="bp">-moz-</span><span class="n">max-content</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="n">max-content</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-zindex</span><span class="p">)}.</span><span class="nc">toast-container</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-spacing</span><span class="p">)}.</span><span class="nc">toast-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">));</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">));</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)}.</span><span class="nc">toast-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">toast-body</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)}.</span><span class="nc">modal</span><span class="p">{</span><span class="nv">--bs-modal-zindex</span><span class="p">:</span><span class="mi">1055</span><span class="p">;</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">500</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-margin</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-modal-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-modal-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-modal-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-modal-header-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-title-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-modal-footer-gap</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-footer-bg</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-modal-footer-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-modal-footer-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-zindex</span><span class="p">)}.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">fade</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-50px</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">fade</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">show</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">modal-static</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">1.02</span><span class="p">)}.</span><span class="nc">modal-dialog-scrollable</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">)</span><span class="o">*</span><span class="mi">2</span><span class="p">)}.</span><span class="nc">modal-dialog-scrollable</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">modal-dialog-scrollable</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">modal-dialog-centered</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">)</span><span class="o">*</span><span class="mi">2</span><span class="p">)}.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-backdrop</span><span class="p">{</span><span class="nv">--bs-backdrop-zindex</span><span class="p">:</span><span class="mi">1050</span><span class="p">;</span><span class="nv">--bs-backdrop-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-backdrop-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-bg</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-zindex</span><span class="p">)}.</span><span class="nc">modal-backdrop</span><span class="p">.</span><span class="nc">fade</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-backdrop</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-opacity</span><span class="p">)}.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding</span><span class="p">)}.</span><span class="nc">modal-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">modal-title</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-title-line-height</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-padding</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">modal-footer</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-bg</span><span class="p">);</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-border-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-padding</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-gap</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">modal-footer</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-gap</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal</span><span class="p">{</span><span class="nv">--bs-modal-margin</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">)}.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-width</span><span class="p">)}.</span><span class="nc">modal-sm</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">300</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-xl</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">800</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-xl</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">1140</span><span class="kt">px</span><span class="p">}}.</span><span class="nc">modal-fullscreen</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-sm-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-md-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-lg-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-xl-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}.</span><span class="nc">tooltip</span><span class="p">{</span><span class="nv">--bs-tooltip-zindex</span><span class="p">:</span><span class="mi">1080</span><span class="p">;</span><span class="nv">--bs-tooltip-max-width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-tooltip-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-margin</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-tooltip-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-tooltip-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-tooltip-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-opacity</span><span class="p">:</span><span class="mf">0.9</span><span class="p">;</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">:</span><span class="mf">0.8</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">:</span><span class="mf">0.4</span><span class="kt">rem</span><span class="p">;</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-font-size</span><span class="p">);</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">letter-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-break</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-margin</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-zindex</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-opacity</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-style</span><span class="p">:</span><span class="kc">solid</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-top</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-top</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-end</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-end</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-start</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-start</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">tooltip-inner</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-color</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-max-width</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">popover</span><span class="p">{</span><span class="nv">--bs-popover-zindex</span><span class="p">:</span><span class="mi">1070</span><span class="p">;</span><span class="nv">--bs-popover-max-width</span><span class="p">:</span><span class="mi">276</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-popover-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-popover-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-popover-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-popover-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-popover-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-popover-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-popover-header-bg</span><span class="p">:</span><span class="mh">#f0f0f0</span><span class="p">;</span><span class="nv">--bs-popover-body-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-body-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-body-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-popover-arrow-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-arrow-height</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-arrow-border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-font-size</span><span class="p">);</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">letter-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-break</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-max-width</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-zindex</span><span class="p">)}.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)}.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">))}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">));</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">))}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-bg</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">));</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">popover-header</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-font-size</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-padding-x</span><span class="p">)}.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">empty</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">popover-body</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-color</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-padding-x</span><span class="p">)}.</span><span class="nc">carousel</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">carousel</span><span class="p">.</span><span class="nc">pointer-event</span><span class="p">{</span><span class="n">touch-action</span><span class="p">:</span><span class="kc">pan-y</span><span class="p">}.</span><span class="nc">carousel-inner</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">carousel-inner</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">backface-visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">backface-visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">-100</span><span class="kt">%</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-item-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-next</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">)</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">)</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition-property</span><span class="p">:</span><span class="k">opacity</span><span class="p">}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item-next</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mi">0</span><span class="kt">s</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-control-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-control-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-control-next</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-next</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.9</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">carousel-control-next</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">carousel-control-next-icon</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23fff&#39;%3E%3Cpath d=&#39;M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">carousel-control-next-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23fff&#39;%3E%3Cpath d=&#39;M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">carousel-indicators</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-indent</span><span class="p">:</span><span class="mi">-999</span><span class="kt">px</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">30</span><span class="kt">px</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">carousel-caption</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-control-next-icon</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">invert</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="nb">grayscale</span><span class="p">(</span><span class="mi">100</span><span class="p">)}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">spinner-border</span><span class="o">,</span><span class="p">.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">)</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-animation-name</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-height</span><span class="p">);</span><span class="k">vertical-align</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-width</span><span class="p">)}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">spinner-border</span><span class="p">{</span><span class="nt">to</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="mi">1</span><span class="kt">turn</span><span class="p">)}}.</span><span class="nc">spinner-border</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">:</span><span class="mf">-0.125</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-border-width</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">s</span><span class="p">;</span><span class="nv">--bs-spinner-animation-name</span><span class="p">:</span><span class="n">spinner-border</span><span class="p">;</span><span class="k">border-right-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">spinner-border-sm</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-border-width</span><span class="p">:</span><span class="mf">0.2</span><span class="kt">em</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">spinner-grow</span><span class="p">{</span><span class="nt">0</span><span class="o">%</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mi">0</span><span class="p">)}</span><span class="nt">50</span><span class="o">%</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">:</span><span class="mf">-0.125</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">s</span><span class="p">;</span><span class="nv">--bs-spinner-animation-name</span><span class="p">:</span><span class="n">spinner-grow</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">spinner-grow-sm</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">spinner-border</span><span class="o">,</span><span class="p">.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">s</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">:</span><span class="mi">1045</span><span class="p">;</span><span class="nv">--bs-offcanvas-width</span><span class="p">:</span><span class="mi">400</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="mi">30</span><span class="kt">vh</span><span class="p">;</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-offcanvas-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-offcanvas-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-offcanvas-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1040</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">.</span><span class="nc">fade</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)}.</span><span class="nc">offcanvas-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">offcanvas-title</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)}.</span><span class="nc">placeholder</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">wait</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">placeholder</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">placeholder-xs</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">.6</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-sm</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">.8</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-lg</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.2</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-glow</span><span class="w"> </span><span class="p">.</span><span class="nc">placeholder</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="n">placeholder-glow</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="w"> </span><span class="kc">infinite</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">placeholder-glow</span><span class="p">{</span><span class="nt">50</span><span class="o">%</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.2</span><span class="p">}}.</span><span class="nc">placeholder-wave</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="n">placeholder-wave</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">mask-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">130</span><span class="kt">deg</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">55</span><span class="kt">%</span><span class="p">,</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.8</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">95</span><span class="kt">%</span><span class="p">);</span><span class="k">mask-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">130</span><span class="kt">deg</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">55</span><span class="kt">%</span><span class="p">,</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.8</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">95</span><span class="kt">%</span><span class="p">);</span><span class="kp">-webkit-</span><span class="k">mask-size</span><span class="p">:</span><span class="mi">200</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">mask-size</span><span class="p">:</span><span class="mi">200</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">placeholder-wave</span><span class="p">{</span><span class="nt">to</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">mask-position</span><span class="p">:</span><span class="mi">-200</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">mask-position</span><span class="p">:</span><span class="mi">-200</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}}.</span><span class="nc">clearfix</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">text-bg-primary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-secondary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-success</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-info</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-warning</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-danger</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-light</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-dark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-blue</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-black</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-primary</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-primary</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-primary</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#a81018</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-secondary</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-secondary</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-secondary</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#565e64</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-success</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-success</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-success</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#146c43</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-info</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-info</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-info</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#3dd5f3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-warning</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-warning</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-warning</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#ffcd39</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-danger</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-danger</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-danger</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#b02a37</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-light</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-light</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-light</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#f9fafb</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-dark</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-dark</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-dark</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#1a1e21</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-blue</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-blue</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-blue</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-black</span><span class="o">,</span><span class="p">.</span><span class="nc">link-black</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-black</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ratio</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-aspect-ratio</span><span class="p">)}.</span><span class="nc">ratio</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-1x1</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-4x3</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-16x9</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mf">56.25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-21x9</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mf">42.8571428571</span><span class="kt">%</span><span class="p">}.</span><span class="nc">fixed-top</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">fixed-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">fixed-top</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1030</span><span class="p">}.</span><span class="nc">fixed-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">sticky-top</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">sticky-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">sticky-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-sm-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-sm-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-md-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-md-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-lg-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-lg-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-xl-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-xl-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-xxl-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-xxl-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}.</span><span class="nc">hstack</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">hstack</span><span class="o">,</span><span class="p">.</span><span class="nc">vstack</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">}.</span><span class="nc">vstack</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">}.</span><span class="nc">visually-hidden</span><span class="o">,</span><span class="p">.</span><span class="nc">visually-hidden-focusable</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">{</span><span class="k">clip</span><span class="p">:</span><span class="nb">rect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="cp">!important</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">stretched-link</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">text-truncate</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">vr</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">align-baseline</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-top</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-middle</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-bottom</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">bottom</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-text-bottom</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">bottom</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-text-top</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">top</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-0</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-25</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-50</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-75</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.75</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-100</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-auto</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-hidden</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-visible</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">scroll</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-sm</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-lg</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">3</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.175</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-none</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-static</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-relative</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-absolute</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-fixed</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-sticky</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-0</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-50</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-100</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-0</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-50</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-100</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-0</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-50</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-100</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-0</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-50</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-100</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translate</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">,</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle-x</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle-y</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-0</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-top</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-top-0</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-end</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-end-0</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-bottom</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-bottom-0</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-start</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-start-0</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-primary</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-secondary</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-success</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-info</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-warning</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-danger</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-light</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-dark</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-blue</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-black</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-white</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-1</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-2</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-3</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-4</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-5</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">5</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-opacity-10</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.1</span><span class="p">}.</span><span class="nc">border-opacity-25</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">border-opacity-50</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">border-opacity-75</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">border-opacity-100</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">w-25</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-50</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-75</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-100</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-auto</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mw-100</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">vw-100</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">min-vw-100</span><span class="p">{</span><span class="k">min-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-25</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-50</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-75</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-100</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-auto</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mh-100</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">vh-100</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">min-vh-100</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">font-monospace</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-monospace</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.325</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.9</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.3</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.6</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fst-italic</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">italic</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fst-normal</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-light</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-lighter</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">lighter</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-normal</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-bold</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-semibold</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">600</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-bolder</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">bolder</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-1</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-sm</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.25</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-base</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-lg</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-none</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-underline</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-line-through</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">line-through</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lowercase</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">lowercase</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-uppercase</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">uppercase</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-capitalize</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">capitalize</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-wrap</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-nowrap</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-break</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="cp">!important</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">break-word</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-primary</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-secondary</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-success</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-info</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-warning</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-danger</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-light</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-dark</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-blue</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-black</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-white</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-body</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-muted</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-black-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.5</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-white-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.5</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-reset</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-opacity-25</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">text-opacity-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">text-opacity-75</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">text-opacity-100</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">bg-primary</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-secondary</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-success</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-info</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-warning</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-danger</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-light</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-dark</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-blue</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-black</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-white</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-body</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-transparent</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-opacity-10</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.1</span><span class="p">}.</span><span class="nc">bg-opacity-25</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">bg-opacity-50</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">bg-opacity-75</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">bg-opacity-100</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">bg-gradient</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gradient</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-all</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-auto</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-none</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-none</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-auto</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-0</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-1</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-sm</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-2</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-3</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-lg</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-4</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-xl</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-5</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-2xl</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-circle</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-pill</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-pill</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-end</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-top</span><span class="p">{</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-end</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-start</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-start</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">visible</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">invisible</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-sm-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-sm-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-sm-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-md-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-md-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-md-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-lg-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-lg-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-lg-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-xl-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xl-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xl-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-xxl-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xxl-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xxl-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">fs-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="nt">print</span><span class="p">{.</span><span class="nc">d-print-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">d1</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">170</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">d3</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">300</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">dlong</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">560</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-navbutton</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-now</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d3</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">d1</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">d3</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">dlong</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">80</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">td</span><span class="o">&gt;</span><span class="nt">div</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">28</span><span class="kt">px</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="nt">select</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">125</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="nt">input</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">60</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#eee</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-oom</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-oor</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-sel</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-sel</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mi">0</span><span class="p">));</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-cal-year</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.2</span><span class="kt">em</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-calendar</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">initial</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">Wt-datepicker</span><span class="w"> </span><span class="nt">input</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">Wt-datepicker-icon</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">Wt-datepicker-icon</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.8</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">unset</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-content</span><span class="p">.</span><span class="nc">movable</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">move</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-body</span><span class="p">.</span><span class="nc">Wt-msgbox-body</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-msgbox-icon</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="w"> </span><span class="mi">15</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-body</span><span class="p">.</span><span class="nc">Wt-msgbox-body</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-msgbox-text</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">pop</span><span class="p">.</span><span class="nc">fade</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">Wt-resizable</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">background-attachment</span><span class="p">:</span><span class="kc">scroll</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/resizable.png</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d3</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="kc">thick</span><span class="w"> </span><span class="kc">dashed</span><span class="w"> </span><span class="kc">grey</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-hover</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">green</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-hover</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-dragstyle</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">20001</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-indication</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">green</span><span class="p">}.</span><span class="nc">Wt-fileupload-hidden</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-dropcover</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">-100</span><span class="p">}.</span><span class="nc">Wt-dropcover</span><span class="p">.</span><span class="nc">Wt-dropzone-dragstyle</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">20000</span><span class="p">}.</span><span class="nc">Wt-googlemap</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vsh2</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">row-resize</span><span class="p">}.</span><span class="nc">Wt-hsh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vrh2</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">col-resize</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/splitter-v.png</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-vrh2</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/splitter-h.png</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-hsh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vrh2</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vsh2</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-icon</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="p">.</span><span class="nc">Wt-itemview-paged</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spacer</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/loading.png</span><span class="p">)}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rowc</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-wwrap</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">col-resize</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-no-rh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-none</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-none.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-up</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-up.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-down</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-down.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.2</span><span class="p">)}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-drop-site</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#eee</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">dotted</span><span class="w"> </span><span class="mh">#000</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-no-rh</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">.</span><span class="nc">Wt-striped</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">odd</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f9f9f9</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">.</span><span class="nc">Wt-striped</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">active</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">odd</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spacer</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="nt">table</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">tbody</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-tv-root</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">7</span><span class="kt">px</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">button</span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-scroll</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">22</span><span class="kt">px</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-scroll</span><span class="w"> </span><span class="nt">div</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">{</span><span class="err">*</span><span class="n">zoom</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-trunk.gif</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">repeat-y</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/tv-line-last.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">expand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-plus.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">collapse</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-minus.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">noexpand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-tv-root</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">7</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/tv-line-last-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">expand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-plus-rtl.gif</span><span class="p">)}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">collapse</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-minus-rtl.gif</span><span class="p">)}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">noexpand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle-rtl.gif</span><span class="p">)}.</span><span class="nc">Wt-pagingbar</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">Wt-pagingbar</span><span class="w"> </span><span class="nt">button</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-pagingbar</span><span class="w"> </span><span class="nt">span</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">ex</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">active</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-close-icon</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">23</span><span class="kt">px</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">-.3</span><span class="kt">em</span><span class="cp">!important</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.2</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">10</span><span class="p">}.</span><span class="nc">Wt-close-icon</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.7</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-inner</span><span class="w"> </span><span class="p">.</span><span class="nc">container</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">submenu</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">submenu</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e7e7e7</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">8</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="mh">#555</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">submenu</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">submenu</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e5e5e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#555</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-body</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">)}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23212529&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">flex</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="o">&gt;</span><span class="nt">img</span><span class="o">,</span><span class="p">.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="o">&gt;</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">image</span><span class="o">]</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">Wt-collapsed</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23bd121b&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-180deg</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">disabled</span><span class="w"> </span><span class="nt">a</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">disabled</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-chkbox</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="nt">label</span><span class="p">.</span><span class="nc">checkbox-inline</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-padded</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">39</span><span class="kt">px</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">progress</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">}.</span><span class="nc">progress</span><span class="w"> </span><span class="p">.</span><span class="nc">bar-label</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.8</span><span class="kt">em</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">em</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">with-label</span><span class="w"> </span><span class="nt">img</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">with-label</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-bg</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-w</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">fill</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mf">.55</span><span class="kt">rem</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">open</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.4</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">],</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-bg</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-w</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">fill</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mf">.55</span><span class="kt">rem</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">210</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.4</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">],</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">}.</span><span class="nc">Wt-native-vertical-slider</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-90deg</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">up</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">dn</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">up</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">dn</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-stack</span><span class="p">.</span><span class="nc">Wt-animated</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">Wt-suggest-dropdown</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%236c757d&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-suggest-dropdown</span><span class="p">.</span><span class="nc">Wt-suggest-dropdown-hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">typeahead</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">14</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-trunk.gif</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">repeat-y</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">{</span><span class="err">*</span><span class="n">zoom</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-last.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.2</span><span class="p">)}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">Wt-noexpand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">cols-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">150</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-last-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">Wt-noexpand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">cols-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}.</span><span class="nc">Wt-treetable</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-treetable</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">28</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-sbspacer</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-sbspacer</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="o">,</span><span class="p">.</span><span class="nc">wg-wrapper</span><span class="p">{</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#d2141e</span><span class="cp">!important</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">border-box</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="kc">all</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">250</span><span class="kt">px</span><span class="p">}.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">)}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">40</span><span class="kt">px</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">all</span><span class="w"> </span><span class="mf">.8</span><span class="kt">s</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h3</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h3</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#d2141e</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">example</span><span class="o">&gt;</span><span class="nt">legend</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">xhtml-output</span><span class="o">&gt;</span><span class="nt">pre</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">pre-wrap</span><span class="p">}.</span><span class="nc">tabwidget</span><span class="w"> </span><span class="nt">textarea</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="w"></span>
<span class="c">/*# sourceMappingURL=jwt.css.map */</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-layout">
<div class="highlight"><pre><span></span><span class="p">.</span><span class="nc">yellow-box</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#ffffb4</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">ex</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">ex</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">green-box</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#c4ffb4</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">min-height</span><span class="p">:</span><span class="w"> </span><span class="mi">30</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">blue-box</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#65dae8</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">min-height</span><span class="p">:</span><span class="w"> </span><span class="mi">30</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-pygments">
<div class="highlight"><pre><span></span><span class="nt">td</span><span class="p">.</span><span class="nc">linenos</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#f0f0f0</span><span class="p">;</span><span class="w"> </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="nt">span</span><span class="p">.</span><span class="nc">lineno</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#f0f0f0</span><span class="p">;</span><span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="nt">pre</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">line-height</span><span class="p">:</span><span class="w"> </span><span class="mi">125</span><span class="kt">%</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">hll</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#ffffcc</span><span class="w"> </span><span class="p">}</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">c</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#408080</span><span class="p">;</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Comment */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">err</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#FF0000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Error */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">k</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">o</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Operator */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">cm</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#408080</span><span class="p">;</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Comment.Multiline */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">cp</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BC7A00</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Comment.Preproc */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">c1</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#408080</span><span class="p">;</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Comment.Single */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">cs</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#408080</span><span class="p">;</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Comment.Special */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gd</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#A00000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Deleted */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">ge</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Emph */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gr</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#FF0000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Error */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gh</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#000080</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Heading */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gi</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#00A000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Inserted */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">go</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#808080</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Output */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gp</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#000080</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Prompt */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gs</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Strong */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gu</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#800080</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Subheading */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">gt</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#0040D0</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Generic.Traceback */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kc</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Constant */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kd</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Declaration */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kn</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Namespace */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kp</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Pseudo */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kr</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Reserved */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">kt</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#B00040</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Keyword.Type */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">m</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">s</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">na</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#7D9029</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Attribute */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nb</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Builtin */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nc</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#0000FF</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Class */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">no</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#880000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Constant */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nd</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#AA22FF</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Decorator */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">ni</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#999999</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Entity */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">ne</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#D2413A</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Exception */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nf</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#0000FF</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Function */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nl</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#A0A000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Label */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nn</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#0000FF</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Namespace */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nt</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Tag */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">nv</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#19177C</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Variable */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">ow</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#AA22FF</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Operator.Word */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">w</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#bbbbbb</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Text.Whitespace */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">mf</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number.Float */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">mh</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number.Hex */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">mi</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number.Integer */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">mo</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number.Oct */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sb</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Backtick */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sc</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Char */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sd</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="p">;</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Doc */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">s2</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Double */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">se</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BB6622</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Escape */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sh</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Heredoc */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">si</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BB6688</span><span class="p">;</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Interpol */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sx</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Other */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">sr</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BB6688</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Regex */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">s1</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#BA2121</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Single */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">ss</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#19177C</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.String.Symbol */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">bp</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#008000</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Builtin.Pseudo */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">vc</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#19177C</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Variable.Class */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">vg</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#19177C</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Variable.Global */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">vi</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#19177C</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Name.Variable.Instance */</span><span class="w"></span>
<span class="p">.</span><span class="nc">highlight</span><span class="w"> </span><span class="p">.</span><span class="nc">il</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666666</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Literal.Number.Integer.Long */</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-widgetgallery">
<div class="highlight"><pre><span></span><span class="p">.</span><span class="nc">wg-wrapper</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">overflow-x</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">fixed</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">box-sizing</span><span class="p">:</span><span class="w"> </span><span class="kc">border-box</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">border-right</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#007bff</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">top</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">250</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">overflow-x</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">overflow-y</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="w"></span>

<span class="w">  </span><span class="k">transition</span><span class="p">:</span><span class="w"> </span><span class="kc">all</span><span class="w"> </span><span class="mf">0.3</span><span class="kt">s</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">padding-left</span><span class="p">:</span><span class="w"> </span><span class="mi">40</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">transition</span><span class="p">:</span><span class="w"> </span><span class="kc">all</span><span class="w"> </span><span class="mf">0.8</span><span class="kt">s</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="w"></span>
<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#eee</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">outline</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-logo</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-logo</span><span class="w"> </span><span class="nt">h1</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">24</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-open-menu</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">fixed</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">top</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">z-index</span><span class="p">:</span><span class="w"> </span><span class="mi">100001</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="k">transition</span><span class="p">:</span><span class="w"> </span><span class="kc">all</span><span class="w"> </span><span class="mf">0.3</span><span class="kt">s</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-open-menu</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">250</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-contents</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">40</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">box-sizing</span><span class="p">:</span><span class="w"> </span><span class="kc">border-box</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">overflow-x</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="k">transition</span><span class="p">:</span><span class="w"> </span><span class="kc">all</span><span class="w"> </span><span class="mf">0.3</span><span class="kt">s</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-contents</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">250</span><span class="kt">px</span><span class="p">);</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">wg-contents-cover</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mf">0.0</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">z-index</span><span class="p">:</span><span class="w"> </span><span class="mi">100000</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">fixed</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">top</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">visibility</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span><span class="w"></span>

<span class="w">  </span><span class="k">transition</span><span class="p">:</span><span class="w"> </span><span class="kc">all</span><span class="w"> </span><span class="mf">0.3</span><span class="kt">s</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-contents-cover</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mi">30</span><span class="p">,</span><span class="w"> </span><span class="mf">0.3</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">250</span><span class="kt">px</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="k">visibility</span><span class="p">:</span><span class="w"> </span><span class="kc">visible</span><span class="p">;</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>

<span class="p">@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="o">:</span><span class="w"> </span><span class="nt">992px</span><span class="o">)</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">  </span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="p">.</span><span class="nc">wg-open-menu</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">250</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>

<span class="w">  </span><span class="p">.</span><span class="nc">wg-contents</span><span class="w"> </span><span class="p">{</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">250</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="kt">px</span><span class="p">;</span><span class="w"></span>
<span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="w"></span>
<span class="w">  </span><span class="p">}</span><span class="w"></span>
<span class="p">}</span><span class="w"></span>
</pre></div>
  </message>
  <message id="src-wt">
<div class="highlight"><pre><span></span><span class="p">@</span><span class="k">charset</span><span class="w"> </span><span class="s2">&quot;UTF-8&quot;</span><span class="p">;</span><span class="w"></span>
<span class="c">/*!</span>
<span class="c"> * Bootstrap  v5.2.3 (https://getbootstrap.com/)</span>
<span class="c"> * Copyright 2011-2022 The Bootstrap Authors</span>
<span class="c"> * Copyright 2011-2022 Twitter, Inc.</span>
<span class="c"> * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)</span>
<span class="c"> */</span><span class="p">:</span><span class="nd">root</span><span class="p">{</span><span class="nv">--bs-indigo</span><span class="p">:</span><span class="mh">#6610f2</span><span class="p">;</span><span class="nv">--bs-purple</span><span class="p">:</span><span class="mh">#6f42c1</span><span class="p">;</span><span class="nv">--bs-pink</span><span class="p">:</span><span class="mh">#d63384</span><span class="p">;</span><span class="nv">--bs-red</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-orange</span><span class="p">:</span><span class="mh">#fd7e14</span><span class="p">;</span><span class="nv">--bs-yellow</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-green</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-teal</span><span class="p">:</span><span class="mh">#20c997</span><span class="p">;</span><span class="nv">--bs-cyan</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-white</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-gray</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gray-dark</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-gray-100</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-gray-200</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-gray-300</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-gray-400</span><span class="p">:</span><span class="mh">#ced4da</span><span class="p">;</span><span class="nv">--bs-gray-500</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-gray-600</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gray-700</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-gray-800</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-gray-900</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-primary</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-secondary</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-success</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-info</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-warning</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-danger</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-light</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-dark</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-blue</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-black</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-primary-rgb</span><span class="p">:</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">;</span><span class="nv">--bs-secondary-rgb</span><span class="p">:</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">;</span><span class="nv">--bs-success-rgb</span><span class="p">:</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">;</span><span class="nv">--bs-info-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">;</span><span class="nv">--bs-warning-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">;</span><span class="nv">--bs-danger-rgb</span><span class="p">:</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">;</span><span class="nv">--bs-light-rgb</span><span class="p">:</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">;</span><span class="nv">--bs-dark-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-blue-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-white-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">;</span><span class="nv">--bs-black-rgb</span><span class="p">:</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-body-color-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-body-bg-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">;</span><span class="nv">--bs-font-sans-serif</span><span class="p">:</span><span class="n">system-ui</span><span class="p">,</span><span class="o">-</span><span class="n">apple-system</span><span class="p">,</span><span class="s2">&quot;Segoe UI&quot;</span><span class="p">,</span><span class="n">Roboto</span><span class="p">,</span><span class="s2">&quot;Helvetica Neue&quot;</span><span class="p">,</span><span class="s2">&quot;Noto Sans&quot;</span><span class="p">,</span><span class="s2">&quot;Liberation Sans&quot;</span><span class="p">,</span><span class="n">Arial</span><span class="p">,</span><span class="kc">sans-serif</span><span class="p">,</span><span class="s2">&quot;Apple Color Emoji&quot;</span><span class="p">,</span><span class="s2">&quot;Segoe UI Emoji&quot;</span><span class="p">,</span><span class="s2">&quot;Segoe UI Symbol&quot;</span><span class="p">,</span><span class="s2">&quot;Noto Color Emoji&quot;</span><span class="p">;</span><span class="nv">--bs-font-monospace</span><span class="p">:</span><span class="n">SFMono-Regular</span><span class="p">,</span><span class="n">Menlo</span><span class="p">,</span><span class="n">Monaco</span><span class="p">,</span><span class="n">Consolas</span><span class="p">,</span><span class="s2">&quot;Liberation Mono&quot;</span><span class="p">,</span><span class="s2">&quot;Courier New&quot;</span><span class="p">,</span><span class="kc">monospace</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mi">0</span><span class="p">));</span><span class="nv">--bs-body-font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="nv">--bs-body-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-body-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-body-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-body-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-body-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-border-style</span><span class="p">:</span><span class="kc">solid</span><span class="p">;</span><span class="nv">--bs-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-border-color-translucent</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.175</span><span class="p">);</span><span class="nv">--bs-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-sm</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-lg</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-xl</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-2xl</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-border-radius-pill</span><span class="p">:</span><span class="mi">50</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-link-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-link-hover-color</span><span class="p">:</span><span class="mh">#965284</span><span class="p">;</span><span class="nv">--bs-code-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-highlight-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">}</span><span class="o">*,</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">border-box</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">no-preference</span><span class="o">)</span><span class="p">{:</span><span class="nd">root</span><span class="p">{</span><span class="n">scroll-behavior</span><span class="p">:</span><span class="kc">smooth</span><span class="p">}}</span><span class="nt">body</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">text-size-adjust</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">tap-highlight-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-family</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-line-height</span><span class="p">);</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-text-align</span><span class="p">)}</span><span class="nt">hr</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">}.</span><span class="nc">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">h3</span><span class="o">,</span><span class="p">.</span><span class="nc">h4</span><span class="o">,</span><span class="p">.</span><span class="nc">h5</span><span class="o">,</span><span class="p">.</span><span class="nc">h6</span><span class="o">,</span><span class="nt">h1</span><span class="o">,</span><span class="nt">h2</span><span class="o">,</span><span class="nt">h3</span><span class="o">,</span><span class="nt">h4</span><span class="o">,</span><span class="nt">h5</span><span class="o">,</span><span class="nt">h6</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">500</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">h1</span><span class="o">,</span><span class="nt">h1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h1</span><span class="o">,</span><span class="nt">h1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h2</span><span class="o">,</span><span class="nt">h2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.325</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.9</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h2</span><span class="o">,</span><span class="nt">h2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h3</span><span class="o">,</span><span class="nt">h3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.3</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.6</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h3</span><span class="o">,</span><span class="nt">h3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h4</span><span class="o">,</span><span class="nt">h4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">h4</span><span class="o">,</span><span class="nt">h4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">h5</span><span class="o">,</span><span class="nt">h5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">h6</span><span class="o">,</span><span class="nt">h6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">p</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">abbr</span><span class="o">[</span><span class="nt">title</span><span class="o">]</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">help</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="w"> </span><span class="kc">dotted</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="w"> </span><span class="kc">dotted</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">text-decoration-skip-ink</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="n">text-decoration-skip-ink</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="nt">address</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}</span><span class="nt">dl</span><span class="o">,</span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">ol</span><span class="w"> </span><span class="nt">ol</span><span class="o">,</span><span class="nt">ol</span><span class="w"> </span><span class="nt">ul</span><span class="o">,</span><span class="nt">ul</span><span class="w"> </span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">dt</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}</span><span class="nt">dd</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">blockquote</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">b</span><span class="o">,</span><span class="nt">strong</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">bolder</span><span class="p">}.</span><span class="nc">small</span><span class="o">,</span><span class="nt">small</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}.</span><span class="nc">mark</span><span class="o">,</span><span class="nt">mark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-highlight-bg</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.1875</span><span class="kt">em</span><span class="p">}</span><span class="nt">sub</span><span class="o">,</span><span class="nt">sup</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.75</span><span class="kt">em</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">}</span><span class="nt">sub</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">em</span><span class="p">}</span><span class="nt">sup</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mf">-.5</span><span class="kt">em</span><span class="p">}</span><span class="nt">a</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="p">}</span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">)}</span><span class="nt">a</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">href</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">class</span><span class="o">]),</span><span class="nt">a</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">href</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">class</span><span class="o">])</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="nt">code</span><span class="o">,</span><span class="nt">kbd</span><span class="o">,</span><span class="nt">pre</span><span class="o">,</span><span class="nt">samp</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-monospace</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}</span><span class="nt">pre</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}</span><span class="nt">pre</span><span class="w"> </span><span class="nt">code</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">}</span><span class="nt">code</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-code-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}</span><span class="nt">a</span><span class="o">&gt;</span><span class="nt">code</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">kbd</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.1875</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}</span><span class="nt">kbd</span><span class="w"> </span><span class="nt">kbd</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">figure</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">img</span><span class="o">,</span><span class="nt">svg</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}</span><span class="nt">table</span><span class="p">{</span><span class="k">border-collapse</span><span class="p">:</span><span class="kc">collapse</span><span class="p">;</span><span class="k">caption-side</span><span class="p">:</span><span class="kc">bottom</span><span class="p">}</span><span class="nt">caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">th</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="bp">-webkit-</span><span class="kc">match-parent</span><span class="p">}</span><span class="nt">tbody</span><span class="o">,</span><span class="nt">td</span><span class="o">,</span><span class="nt">tfoot</span><span class="o">,</span><span class="nt">th</span><span class="o">,</span><span class="nt">thead</span><span class="o">,</span><span class="nt">tr</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}</span><span class="nt">button</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="p">:</span><span class="nd">focus</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">)</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="o">,</span><span class="nt">optgroup</span><span class="o">,</span><span class="nt">select</span><span class="o">,</span><span class="nt">textarea</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">select</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}</span><span class="o">[</span><span class="nt">role</span><span class="o">=</span><span class="nt">button</span><span class="o">]</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}</span><span class="nt">select</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">normal</span><span class="p">}</span><span class="nt">select</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}</span><span class="o">[</span><span class="nt">list</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">date</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">datetime-local</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">month</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">week</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">type</span><span class="o">=</span><span class="nt">time</span><span class="o">])</span><span class="p">::</span><span class="nd">-webkit-calendar-picker-indicator</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">button</span><span class="o">],[</span><span class="nt">type</span><span class="o">=</span><span class="nt">reset</span><span class="o">],[</span><span class="nt">type</span><span class="o">=</span><span class="nt">submit</span><span class="o">],</span><span class="nt">button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">button</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">button</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),[</span><span class="nt">type</span><span class="o">=</span><span class="nt">reset</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),[</span><span class="nt">type</span><span class="o">=</span><span class="nt">submit</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">),</span><span class="nt">button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}::</span><span class="nd">-moz-focus-inner</span><span class="p">{</span><span class="k">border-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">textarea</span><span class="p">{</span><span class="k">resize</span><span class="p">:</span><span class="kc">vertical</span><span class="p">}</span><span class="nt">fieldset</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">legend</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{</span><span class="nt">legend</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}}</span><span class="nt">legend</span><span class="o">+*</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">left</span><span class="p">}::</span><span class="nd">-webkit-datetime-edit-day-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-fields-wrapper</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-hour-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-minute</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-month-field</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-text</span><span class="o">,</span><span class="p">::</span><span class="nd">-webkit-datetime-edit-year-field</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}::</span><span class="nd">-webkit-inner-spin-button</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">}</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">textfield</span><span class="p">;</span><span class="k">outline-offset</span><span class="p">:</span><span class="mi">-2</span><span class="kt">px</span><span class="p">}::</span><span class="nd">-webkit-search-decoration</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">}::</span><span class="nd">-webkit-color-swatch-wrapper</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="n">button</span><span class="p">;</span><span class="k">font</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}</span><span class="nt">output</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}</span><span class="nt">iframe</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">summary</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">list-item</span><span class="p">}</span><span class="nt">progress</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">}</span><span class="o">[</span><span class="nt">hidden</span><span class="o">]</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lead</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">}.</span><span class="nc">display-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.625</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">4.5</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.575</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">3.9</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">4.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.525</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">3.3</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">4</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.475</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">2.7</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">3.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.425</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">2.1</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">display-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.2</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">display-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">list-inline</span><span class="o">,</span><span class="p">.</span><span class="nc">list-unstyled</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-inline-item</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">list-inline-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">initialism</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">uppercase</span><span class="p">}.</span><span class="nc">blockquote</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">blockquote</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">blockquote-footer</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">blockquote-footer</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;— &quot;</span><span class="p">}.</span><span class="nc">img-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">img-thumbnail</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">img-thumbnail</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">figure</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">figure-img</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">figure-caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">}.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">540</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">720</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">960</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">1140</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">1320</span><span class="kt">px</span><span class="p">}}.</span><span class="nc">row</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-y</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">row</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-y</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gutter-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-sm</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-sm-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-sm-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-sm-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-sm-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-sm-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-sm-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-sm-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-sm-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-sm-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-sm-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-sm-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-md</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-md-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-md-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-md-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-md-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-md-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-md-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-md-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-md-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-md-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-md-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-md-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-lg</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-lg-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-lg-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-lg-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-lg-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-lg-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-lg-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-lg-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-lg-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-lg-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-lg-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-lg-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-xl</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-xl-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xl-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-xl-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xl-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xl-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-xl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xl-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xl-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">col-xxl</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-auto</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">row-cols-xxl-1</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-2</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-3</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.3333333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-4</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-5</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">%</span><span class="p">}.</span><span class="nc">row-cols-xxl-6</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.6666666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-auto</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">col-xxl-1</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-2</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-3</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-4</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-5</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-6</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-7</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-8</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-9</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-10</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-11</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">col-xxl-12</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offset-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">8.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">16.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">33.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">41.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-6</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-7</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">58.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-8</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">66.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-9</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-10</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">83.33333333</span><span class="kt">%</span><span class="p">}.</span><span class="nc">offset-xxl-11</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">91.66666667</span><span class="kt">%</span><span class="p">}.</span><span class="nc">g-xxl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-0</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xxl-0</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-0</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">g-xxl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-1</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-1</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-1</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-2</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-2</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-2</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-3</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-3</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-3</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-4</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-4</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-4</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gx-xxl-5</span><span class="p">{</span><span class="nv">--bs-gutter-x</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">g-xxl-5</span><span class="o">,</span><span class="p">.</span><span class="nc">gy-xxl-5</span><span class="p">{</span><span class="nv">--bs-gutter-y</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">table</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.05</span><span class="p">);</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color</span><span class="p">);</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-bg</span><span class="p">);</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">9999</span><span class="kt">px</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-accent-bg</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">table</span><span class="o">&gt;</span><span class="nt">thead</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">bottom</span><span class="p">}.</span><span class="nc">table-group-divider</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="p">}.</span><span class="nc">caption-top</span><span class="p">{</span><span class="k">caption-side</span><span class="p">:</span><span class="kc">top</span><span class="p">}.</span><span class="nc">table-sm</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">table-bordered</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-bordered</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">table-borderless</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;*&gt;*</span><span class="p">{</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-borderless</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">table-striped-columns</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="nt">caption</span><span class="o">)&gt;</span><span class="nt">tr</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">2n</span><span class="o">),</span><span class="p">.</span><span class="nc">table-striped</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="o">&gt;</span><span class="nt">tr</span><span class="p">:</span><span class="nd">nth-of-type</span><span class="o">(</span><span class="nt">odd</span><span class="o">)&gt;*</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-striped-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-striped-color</span><span class="p">)}.</span><span class="nc">table-active</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-active-color</span><span class="p">)}.</span><span class="nc">table-hover</span><span class="o">&gt;</span><span class="nt">tbody</span><span class="o">&gt;</span><span class="nt">tr</span><span class="p">:</span><span class="nd">hover</span><span class="o">&gt;*</span><span class="p">{</span><span class="nv">--bs-table-accent-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-hover-color</span><span class="p">)}.</span><span class="nc">table-primary</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f1e0ed</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#d9cad5</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#e5d5e1</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#d9cad5</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#dfcfdb</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-primary</span><span class="o">,</span><span class="p">.</span><span class="nc">table-secondary</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-secondary</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#d7d8da</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#d1d2d4</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-success</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#c7dbd2</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#c1d6cc</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-info</span><span class="o">,</span><span class="p">.</span><span class="nc">table-success</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-info</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#c5e8ef</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#bfe2e9</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-warning</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#f2e7c3</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#ece1be</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-danger</span><span class="o">,</span><span class="p">.</span><span class="nc">table-warning</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-danger</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#eccccf</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#e5c7ca</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-light</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#dfe0e1</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#ecedee</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#dfe0e1</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#e5e6e7</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">table-dark</span><span class="o">,</span><span class="p">.</span><span class="nc">table-light</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-table-color</span><span class="p">)}.</span><span class="nc">table-dark</span><span class="p">{</span><span class="nv">--bs-table-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-table-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-table-striped-bg</span><span class="p">:</span><span class="mh">#2c3034</span><span class="p">;</span><span class="nv">--bs-table-striped-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-active-bg</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-table-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-table-hover-bg</span><span class="p">:</span><span class="mh">#323539</span><span class="p">;</span><span class="nv">--bs-table-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">table-responsive</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-sm</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-md</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-lg</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-xl</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">table-responsive-xxl</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">overflow-scrolling</span><span class="p">:</span><span class="n">touch</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}.</span><span class="nc">form-label</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">col-form-label</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">col-form-label-lg</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">col-form-label-sm</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-control</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">file</span><span class="o">]</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">form-control</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">file</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ddb3d2</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-webkit-date-and-time-value</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="n">border-inline-end-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">-.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">hover</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dde0e3</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control-plaintext</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-sm</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-lg</span><span class="p">::</span><span class="nd">file-selector-button</span><span class="p">{</span><span class="kp">-webkit-</span><span class="n">margin-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mf">-.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">-1</span><span class="kt">rem</span><span class="p">;</span><span class="n">margin-inline-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">disabled</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">readonly</span><span class="o">])</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">::</span><span class="nd">-moz-color-swatch</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">::</span><span class="nd">-webkit-color-swatch</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">form-control-sm</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">form-control-lg</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">{</span><span class="kp">-moz-</span><span class="n">padding-start</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">);</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ddb3d2</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-select</span><span class="o">[</span><span class="nt">multiple</span><span class="o">],</span><span class="p">.</span><span class="nc">form-select</span><span class="o">[</span><span class="nt">size</span><span class="o">]</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">])</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">-moz-focusring</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mh">#212529</span><span class="p">}.</span><span class="nc">form-select-sm</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select-lg</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-check</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.125</span><span class="kt">rem</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">-1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-reverse</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="p">}.</span><span class="nc">form-check-reverse</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">-1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="kc">contain</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">;</span><span class="kp">-webkit-</span><span class="n">print-color-adjust</span><span class="p">:</span><span class="n">exact</span><span class="p">;</span><span class="n">print-color-adjust</span><span class="p">:</span><span class="n">exact</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">radio</span><span class="o">]</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">brightness</span><span class="p">(</span><span class="mi">90</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ddb3d2</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 20 20&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23fff&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;3&#39; d=&#39;m6 10 3 3 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">radio</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;2&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">]</span><span class="p">:</span><span class="nd">indeterminate</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 20 20&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23fff&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;3&#39; d=&#39;M6 10h8&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">disabled</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;rgba(0, 0, 0, 0.25)&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">2</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">-2.5</span><span class="kt">em</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-position</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">2</span><span class="kt">em</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;%23ddb3d2&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">form-switch</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;-4 -4 8 8&#39;%3E%3Ccircle r=&#39;3&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">.</span><span class="nc">form-check-reverse</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-switch</span><span class="p">.</span><span class="nc">form-check-reverse</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">-2.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">{</span><span class="k">clip</span><span class="p">:</span><span class="nb">rect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">disabled</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">focus</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-focus-outer</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">-.25</span><span class="kt">rem</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#ebd1e4</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-webkit-slider-runnable-track</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="kp">-moz-</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">appearance</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="kp">-moz-</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#ebd1e4</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">::</span><span class="nd">-moz-range-track</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">::</span><span class="nd">-webkit-slider-thumb</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">form-range</span><span class="p">:</span><span class="nd">disabled</span><span class="p">::</span><span class="nd">-moz-range-thumb</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">form-floating</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.25</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="nt">label</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform-origin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.1</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">transform</span><span class="w"> </span><span class="mf">.1</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="nt">label</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">-moz-placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">::</span><span class="nd">placeholder</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">::</span><span class="nd">placeholder</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">),</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">)</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">),</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">)</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">-moz-placeholder-shown</span><span class="o">)~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">placeholder-shown</span><span class="o">)~</span><span class="nt">label</span><span class="o">,</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">-webkit-autofill</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.65</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">.85</span><span class="p">)</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mf">-.5</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mf">.15</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-floating</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control-plaintext</span><span class="o">~</span><span class="nt">label</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">input-group</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">%</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">input-group</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">input-group</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ced4da</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">input-group-text</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">4</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">nth-last-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">),</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">has-validation</span><span class="o">)&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">form-floating</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">valid-feedback</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">valid-tooltip</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">rem</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-tooltip</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">was-validated</span><span class="w"> </span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="kc">top</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">],</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">em</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">checked</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">valid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">~</span><span class="p">.</span><span class="nc">valid-feedback</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">invalid-feedback</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">invalid-tooltip</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">rem</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">5</span><span class="p">}.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-tooltip</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">was-validated</span><span class="w"> </span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="nt">textarea</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="kc">top</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.375</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.1875</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.5</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="p">)}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">],</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">size</span><span class="o">]),</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">not</span><span class="o">([</span><span class="nt">multiple</span><span class="o">])[</span><span class="nt">size</span><span class="o">=</span><span class="s2">&quot;1&quot;</span><span class="o">]</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">form-select</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-control-color</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control-color</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">3.75</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">em</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">checked</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">checked</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">form-check-input</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="p">:</span><span class="nd">invalid</span><span class="o">~</span><span class="p">.</span><span class="nc">form-check-label</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">form-check-inline</span><span class="w"> </span><span class="p">.</span><span class="nc">form-check-input</span><span class="o">~</span><span class="p">.</span><span class="nc">invalid-feedback</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-floating</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">form-select</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">4</span><span class="p">}.</span><span class="nc">btn</span><span class="p">{</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-family</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-btn-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-btn-disabled-opacity</span><span class="p">:</span><span class="mf">0.65</span><span class="p">;</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">),</span><span class="mf">.5</span><span class="p">);</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">);</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-family</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-line-height</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">btn</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">)}.</span><span class="nc">btn-check</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">)}.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-active-color</span><span class="p">)}.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="o">,</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-focus-box-shadow</span><span class="p">)}.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">disabled</span><span class="o">,</span><span class="nt">fieldset</span><span class="p">:</span><span class="nd">disabled</span><span class="w"> </span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-color</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-disabled-opacity</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-primary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#c57db3</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#c275ae</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">159</span><span class="p">,</span><span class="mi">87</span><span class="p">,</span><span class="mi">140</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#c985b7</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#c275ae</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">}.</span><span class="nc">btn-secondary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#5c636a</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#565e64</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">130</span><span class="p">,</span><span class="mi">138</span><span class="p">,</span><span class="mi">145</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#565e64</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#51585e</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">}.</span><span class="nc">btn-success</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#157347</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#146c43</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">60</span><span class="p">,</span><span class="mi">153</span><span class="p">,</span><span class="mi">110</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#146c43</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#13653f</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">}.</span><span class="nc">btn-info</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#31d2f2</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#25cff2</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">11</span><span class="p">,</span><span class="mi">172</span><span class="p">,</span><span class="mi">204</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#3dd5f3</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#25cff2</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">}.</span><span class="nc">btn-warning</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#ffca2c</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#ffc720</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">217</span><span class="p">,</span><span class="mi">164</span><span class="p">,</span><span class="mi">6</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#ffcd39</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#ffc720</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">}.</span><span class="nc">btn-danger</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#bb2d3b</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#b02a37</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">225</span><span class="p">,</span><span class="mi">83</span><span class="p">,</span><span class="mi">97</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#b02a37</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#a52834</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">}.</span><span class="nc">btn-light</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#d3d4d5</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#c6c7c8</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">211</span><span class="p">,</span><span class="mi">212</span><span class="p">,</span><span class="mi">213</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#c6c7c8</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#babbbc</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">}.</span><span class="nc">btn-dark</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#424649</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">66</span><span class="p">,</span><span class="mi">70</span><span class="p">,</span><span class="mi">73</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#4d5154</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#373b3e</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">}.</span><span class="nc">btn-blue</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0b5ed7</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">49</span><span class="p">,</span><span class="mi">132</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0a53be</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">}.</span><span class="nc">btn-black</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">38</span><span class="p">,</span><span class="mi">38</span><span class="p">,</span><span class="mi">38</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">btn-outline-primary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-secondary</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-success</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#198754</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-info</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-warning</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-danger</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-light</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-dark</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-blue</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-outline-black</span><span class="p">{</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-hover-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-btn-active-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-active-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-btn-disabled-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-gradient</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-link</span><span class="p">{</span><span class="nv">--bs-btn-font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="nv">--bs-btn-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-btn-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-btn-hover-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-active-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-btn-active-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-btn-disabled-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-btn-box-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="nv">--bs-btn-focus-shadow-rgb</span><span class="p">:</span><span class="mi">159</span><span class="p">,</span><span class="mi">87</span><span class="p">,</span><span class="mi">140</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="p">}.</span><span class="nc">btn-link</span><span class="p">:</span><span class="nd">focus-visible</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-color</span><span class="p">)}.</span><span class="nc">btn-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-btn-hover-color</span><span class="p">)}.</span><span class="nc">btn-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-lg</span><span class="p">{</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-sm</span><span class="p">{</span><span class="nv">--bs-btn-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-btn-border-radius</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">fade</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">fade</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">fade</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">collapse</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">collapsing</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">height</span><span class="w"> </span><span class="mf">.35</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">collapsing</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">collapsing</span><span class="p">.</span><span class="nc">collapse-horizontal</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">width</span><span class="w"> </span><span class="mf">.35</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">collapsing</span><span class="p">.</span><span class="nc">collapse-horizontal</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">dropdown</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-center</span><span class="o">,</span><span class="p">.</span><span class="nc">dropend</span><span class="o">,</span><span class="p">.</span><span class="nc">dropstart</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup-center</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="nv">--bs-dropdown-zindex</span><span class="p">:</span><span class="mi">1000</span><span class="p">;</span><span class="nv">--bs-dropdown-min-width</span><span class="p">:</span><span class="mi">10</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-dropdown-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-spacer</span><span class="p">:</span><span class="mf">0.125</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-dropdown-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-dropdown-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-divider-margin-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-dropdown-link-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">:</span><span class="mh">#1e2125</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-header-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-dropdown-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-dropdown-header-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-font-size</span><span class="p">);</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">min-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-min-width</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-zindex</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">dropdown-menu-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-sm-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-sm-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-md-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-md-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-md-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-md-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-lg-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-lg-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-xl-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-xl-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">dropdown-menu-xxl-start</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">start</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-start</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-end</span><span class="p">{</span><span class="nv">--bs-position</span><span class="p">:</span><span class="kc">end</span><span class="p">}.</span><span class="nc">dropdown-menu-xxl-end</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-left</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="o">[</span><span class="nt">data-bs-popper</span><span class="o">]</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-spacer</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mf">.3</span><span class="kt">em</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="mf">.255</span><span class="kt">em</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">empty</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-divider</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-divider-margin-y</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">)}.</span><span class="nc">dropdown-item</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-item</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">dropdown-header</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.875</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-header-padding-x</span><span class="p">);</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">dropdown-item-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dropdown-item-padding-x</span><span class="p">)}.</span><span class="nc">dropdown-menu-dark</span><span class="p">{</span><span class="nv">--bs-dropdown-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-dropdown-bg</span><span class="p">:</span><span class="mh">#343a40</span><span class="p">;</span><span class="nv">--bs-dropdown-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-box-shadow</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-dropdown-link-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-dropdown-link-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-divider-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-dropdown-link-hover-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-dropdown-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-dropdown-link-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-dropdown-link-disabled-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="nv">--bs-dropdown-header-color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">checked</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">focus</span><span class="o">+</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="w"> </span><span class="p">.</span><span class="nc">input-group</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">btn-group</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">first-child</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">n</span><span class="o">+</span><span class="nt">3</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">btn-check</span><span class="o">)+</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5625</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5625</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">dropend</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">dropup</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropstart</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-sm</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-lg</span><span class="o">+</span><span class="p">.</span><span class="nc">dropdown-toggle-split</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.75</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">),</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn-group</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-group-vertical</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">btn</span><span class="o">~</span><span class="p">.</span><span class="nc">btn</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">nav</span><span class="p">{</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-nav-link-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">)}.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">disabled</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">);</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">nav-tabs</span><span class="p">{</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-nav-tabs-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-hover-border-color</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="w"> </span><span class="mh">#e9ecef</span><span class="w"> </span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-nav-tabs-link-active-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="w"> </span><span class="mh">#dee2e6</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-radius</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-hover-border-color</span><span class="p">);</span><span class="k">isolation</span><span class="p">:</span><span class="kc">isolate</span><span class="p">}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="p">.</span><span class="nc">show</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-link-active-color</span><span class="p">)}.</span><span class="nc">nav-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-tabs-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="p">{</span><span class="nv">--bs-nav-pills-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-pills-link-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-nav-pills-link-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-border-radius</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">)}.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-pills</span><span class="w"> </span><span class="p">.</span><span class="nc">show</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-link-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-nav-pills-link-active-color</span><span class="p">)}.</span><span class="nc">nav-fill</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-fill</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">nav-justified</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-justified</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">flex-basis</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">nav-fill</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="o">,</span><span class="p">.</span><span class="nc">nav-justified</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-item</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">tab-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">tab-pane</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">tab-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">navbar</span><span class="p">{</span><span class="nv">--bs-navbar-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-navbar-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.55</span><span class="p">);</span><span class="nv">--bs-navbar-hover-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.7</span><span class="p">);</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.3</span><span class="p">);</span><span class="nv">--bs-navbar-active-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">:</span><span class="mf">0.3125</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-margin-end</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-brand-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.9</span><span class="p">);</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 30 30&#39;%3E%3Cpath stroke=&#39;rgba(0, 0, 0, 0.55)&#39; stroke-linecap=&#39;round&#39; stroke-miterlimit=&#39;10&#39; stroke-width=&#39;2&#39; d=&#39;M4 7h22M4 15h22M4 23h22&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-focus-width</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-transition</span><span class="p">:</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-fluid</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-md</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">container-xxl</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">}.</span><span class="nc">navbar-brand</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-font-size</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-margin-end</span><span class="p">);</span><span class="k">padding-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">);</span><span class="k">padding-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-padding-y</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">navbar-brand</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-brand</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">)}.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="nv">--bs-nav-link-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-nav-link-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-nav-link-font-weight</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-nav-link-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="nv">--bs-nav-link-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-hover-color</span><span class="p">);</span><span class="nv">--bs-nav-link-disabled-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">show</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-active-color</span><span class="p">)}.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">}.</span><span class="nc">navbar-text</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar-text</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-active-color</span><span class="p">)}.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-font-size</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-padding-x</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-transition</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">navbar-toggler</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-toggler</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-focus-width</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-toggler-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-scroll-height</span><span class="p">,</span><span class="mi">75</span><span class="kt">vh</span><span class="p">);</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-sm</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-md</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-lg</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-xl</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">navbar-expand-xxl</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">navbar-expand</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-navbar-nav-link-padding-x</span><span class="p">)}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-nav-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-collapse</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-basis</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-toggler</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar-expand</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar-dark</span><span class="p">{</span><span class="nv">--bs-navbar-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.55</span><span class="p">);</span><span class="nv">--bs-navbar-hover-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.75</span><span class="p">);</span><span class="nv">--bs-navbar-disabled-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-navbar-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-brand-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-brand-hover-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-navbar-toggler-border-color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.1</span><span class="p">);</span><span class="nv">--bs-navbar-toggler-icon-bg</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 30 30&#39;%3E%3Cpath stroke=&#39;rgba(255, 255, 255, 0.55)&#39; stroke-linecap=&#39;round&#39; stroke-miterlimit=&#39;10&#39; stroke-width=&#39;2&#39; d=&#39;M4 7h22M4 15h22M4 23h22&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">card</span><span class="p">{</span><span class="nv">--bs-card-spacer-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-spacer-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-card-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-card-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-box-shadow</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-cap-bg</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.03</span><span class="p">);</span><span class="nv">--bs-card-cap-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-height</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-card-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-card-img-overlay-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-card-group-margin</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">border-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-height</span><span class="p">);</span><span class="k">min-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="nt">hr</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group</span><span class="o">,</span><span class="p">.</span><span class="nc">card</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group</span><span class="o">+</span><span class="p">.</span><span class="nc">card-footer</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-body</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-color</span><span class="p">);</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-x</span><span class="p">)}.</span><span class="nc">card-title</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">)}.</span><span class="nc">card-subtitle</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-title-spacer-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-subtitle</span><span class="o">,</span><span class="p">.</span><span class="nc">card-text</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-link</span><span class="o">+</span><span class="p">.</span><span class="nc">card-link</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-spacer-x</span><span class="p">)}.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)}.</span><span class="nc">card-header</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-footer</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-bg</span><span class="p">);</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-color</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)}.</span><span class="nc">card-footer</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-header-tabs</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-y</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-header-tabs</span><span class="w"> </span><span class="p">.</span><span class="nc">nav-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">);</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-bg</span><span class="p">)}.</span><span class="nc">card-header-pills</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-cap-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">card-img-overlay</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-img-overlay-padding</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-img</span><span class="o">,</span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-inner-border-radius</span><span class="p">)}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-group-margin</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">card-group</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-flow</span><span class="p">:</span><span class="kc">row</span><span class="w"> </span><span class="kc">wrap</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="o">+</span><span class="p">.</span><span class="nc">card</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-header</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-header</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">card-group</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">card-img-bottom</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">accordion</span><span class="p">{</span><span class="nv">--bs-accordion-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-accordion-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-accordion-transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-radius</span><span class="w"> </span><span class="mf">0.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="nv">--bs-accordion-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-accordion-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-accordion-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-accordion-btn-padding-x</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-accordion-btn-bg</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-bg</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23212529&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-btn-icon-transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-180deg</span><span class="p">);</span><span class="nv">--bs-accordion-btn-icon-transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">0.2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="nv">--bs-accordion-btn-active-icon</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23a85c95&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="nv">--bs-accordion-btn-focus-border-color</span><span class="p">:</span><span class="mh">#ddb3d2</span><span class="p">;</span><span class="nv">--bs-accordion-btn-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-accordion-body-padding-x</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-body-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-accordion-active-color</span><span class="p">:</span><span class="mh">#a85c95</span><span class="p">;</span><span class="nv">--bs-accordion-active-bg</span><span class="p">:</span><span class="mh">#f8f0f6</span><span class="p">}.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="n">overflow-anchor</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-transition</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">collapsed</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-active-bg</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-active-color</span><span class="p">)}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">collapsed</span><span class="o">)</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-active-icon</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-transform</span><span class="p">)}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-transition</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-icon-width</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">accordion-button</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-focus-border-color</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-btn-focus-box-shadow</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">accordion-header</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-color</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-of-type</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-of-type</span><span class="o">)</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">.</span><span class="nc">collapsed</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-inner-border-radius</span><span class="p">)}.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-of-type</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-collapse</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-border-radius</span><span class="p">)}.</span><span class="nc">accordion-body</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-body-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-accordion-body-padding-x</span><span class="p">)}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-collapse</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="o">,</span><span class="p">.</span><span class="nc">accordion-flush</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-item</span><span class="w"> </span><span class="p">.</span><span class="nc">accordion-button</span><span class="p">.</span><span class="nc">collapsed</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">breadcrumb</span><span class="p">{</span><span class="nv">--bs-breadcrumb-padding-x</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-breadcrumb-padding-y</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="nv">--bs-breadcrumb-margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-breadcrumb-bg</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-breadcrumb-border-radius</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-breadcrumb-divider-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-breadcrumb-item-active-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-font-size</span><span class="p">);</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-margin-bottom</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="o">+</span><span class="p">.</span><span class="nc">breadcrumb-item</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="o">+</span><span class="p">.</span><span class="nc">breadcrumb-item</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-divider-color</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-divider</span><span class="p">,</span><span class="s2">&quot;/&quot;</span><span class="p">);</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-padding-x</span><span class="p">)}.</span><span class="nc">breadcrumb-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-breadcrumb-item-active-color</span><span class="p">)}.</span><span class="nc">pagination</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-color</span><span class="p">);</span><span class="nv">--bs-pagination-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-pagination-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-hover-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-pagination-hover-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-pagination-hover-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="nv">--bs-pagination-focus-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-link-hover-color</span><span class="p">);</span><span class="nv">--bs-pagination-focus-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-pagination-focus-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="nv">--bs-pagination-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-pagination-active-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-pagination-disabled-border-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-font-size</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">background-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">border-color</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">,</span><span class="k">box-shadow</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">page-link</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-hover-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">page-link</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-bg</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-focus-color</span><span class="p">);</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">active</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">page-link</span><span class="o">,</span><span class="p">.</span><span class="nc">page-link</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-active-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">3</span><span class="p">}.</span><span class="nc">disabled</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">page-link</span><span class="o">,</span><span class="p">.</span><span class="nc">page-link</span><span class="p">.</span><span class="nc">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">)}.</span><span class="nc">page-item</span><span class="p">:</span><span class="nd">last-child</span><span class="w"> </span><span class="p">.</span><span class="nc">page-link</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-pagination-border-radius</span><span class="p">)}.</span><span class="nc">pagination-lg</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">pagination-sm</span><span class="p">{</span><span class="nv">--bs-pagination-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-pagination-border-radius</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">badge</span><span class="p">{</span><span class="nv">--bs-badge-padding-x</span><span class="p">:</span><span class="mf">0.65</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-padding-y</span><span class="p">:</span><span class="mf">0.35</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-font-size</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-badge-font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="nv">--bs-badge-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-badge-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-font-size</span><span class="p">);</span><span class="k">font-weight</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-font-weight</span><span class="p">);</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-badge-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">badge</span><span class="p">:</span><span class="nd">empty</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn</span><span class="w"> </span><span class="p">.</span><span class="nc">badge</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">alert</span><span class="p">{</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-alert-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="nv">--bs-alert-border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border-color</span><span class="p">);</span><span class="nv">--bs-alert-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-color</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-margin-bottom</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-alert-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">alert-heading</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}.</span><span class="nc">alert-dismissible</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">alert-dismissible</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">alert-primary</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#703d63</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#f1e0ed</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#ebd1e4</span><span class="p">}.</span><span class="nc">alert-primary</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#5a314f</span><span class="p">}.</span><span class="nc">alert-secondary</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#d3d6d8</span><span class="p">}.</span><span class="nc">alert-secondary</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#34383c</span><span class="p">}.</span><span class="nc">alert-success</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#badbcc</span><span class="p">}.</span><span class="nc">alert-success</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0c4128</span><span class="p">}.</span><span class="nc">alert-info</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b6effb</span><span class="p">}.</span><span class="nc">alert-info</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#04414d</span><span class="p">}.</span><span class="nc">alert-warning</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#ffecb5</span><span class="p">}.</span><span class="nc">alert-warning</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#523e02</span><span class="p">}.</span><span class="nc">alert-danger</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#f5c2c7</span><span class="p">}.</span><span class="nc">alert-danger</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6a1a21</span><span class="p">}.</span><span class="nc">alert-light</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#fefefe</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#fdfdfe</span><span class="p">}.</span><span class="nc">alert-light</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#4f5050</span><span class="p">}.</span><span class="nc">alert-dark</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#d3d3d4</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#bcbebf</span><span class="p">}.</span><span class="nc">alert-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#101214</span><span class="p">}.</span><span class="nc">alert-blue</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#cfe2ff</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b6d4fe</span><span class="p">}.</span><span class="nc">alert-blue</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#06357a</span><span class="p">}.</span><span class="nc">alert-black</span><span class="p">{</span><span class="nv">--bs-alert-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-alert-bg</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">;</span><span class="nv">--bs-alert-border-color</span><span class="p">:</span><span class="mh">#b3b3b3</span><span class="p">}.</span><span class="nc">alert-black</span><span class="w"> </span><span class="p">.</span><span class="nc">alert-link</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">progress-bar-stripes</span><span class="p">{</span><span class="nt">0</span><span class="o">%</span><span class="p">{</span><span class="n">background-position-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}}.</span><span class="nc">progress</span><span class="p">{</span><span class="nv">--bs-progress-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-font-size</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-progress-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-progress-box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-progress-bar-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-progress-bar-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-progress-bar-transition</span><span class="p">:</span><span class="k">width</span><span class="w"> </span><span class="mf">0.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-border-radius</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-font-size</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)}.</span><span class="nc">progress</span><span class="o">,</span><span class="p">.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-color</span><span class="p">);</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-bar-transition</span><span class="p">);</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">progress-bar</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">progress-bar-striped</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">45</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">25</span><span class="kt">%</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="kc">transparent</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="kc">transparent</span><span class="p">);</span><span class="k">background-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-progress-height</span><span class="p">)}.</span><span class="nc">progress-bar-animated</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="kc">progress</span><span class="o">-</span><span class="n">bar-stripes</span><span class="w"> </span><span class="mi">1</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">progress-bar-animated</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">list-group</span><span class="p">{</span><span class="nv">--bs-list-group-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-list-group-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="nv">--bs-list-group-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-list-group-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-item-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-item-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-list-group-action-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-list-group-action-hover-color</span><span class="p">:</span><span class="mh">#495057</span><span class="p">;</span><span class="nv">--bs-list-group-action-hover-bg</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="p">;</span><span class="nv">--bs-list-group-action-active-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-list-group-action-active-bg</span><span class="p">:</span><span class="mh">#e9ecef</span><span class="p">;</span><span class="nv">--bs-list-group-disabled-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-list-group-disabled-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-active-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-list-group-active-bg</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="nv">--bs-list-group-active-border-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-numbered</span><span class="p">{</span><span class="k">counter-reset</span><span class="p">:</span><span class="n">section</span><span class="p">;</span><span class="k">list-style-type</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-numbered</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="nf">counters</span><span class="p">(</span><span class="n">section</span><span class="p">,</span><span class="s2">&quot;.&quot;</span><span class="p">)</span><span class="w"> </span><span class="s2">&quot;. &quot;</span><span class="p">;</span><span class="k">counter-increment</span><span class="p">:</span><span class="n">section</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-color</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-hover-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-hover-color</span><span class="p">);</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-active-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-action-active-color</span><span class="p">)}.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-item-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-item-padding-x</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">;</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="kc">inherit</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-disabled-bg</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-disabled-color</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-bg</span><span class="p">);</span><span class="k">border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-border-color</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-active-color</span><span class="p">);</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-sm</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-sm</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-md</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-md</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-lg</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-lg</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-xl</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">list-group-horizontal-xxl</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">first-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">first-child</span><span class="o">)</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-radius</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-horizontal-xxl</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="o">+</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">border-left-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">);</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)</span><span class="o">*</span><span class="nv">-1</span><span class="p">)}}.</span><span class="nc">list-group-flush</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-flush</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-list-group-border-width</span><span class="p">)}.</span><span class="nc">list-group-flush</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">:</span><span class="nd">last-child</span><span class="p">{</span><span class="k">border-bottom-width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f1e0ed</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#703d63</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d9cad5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#703d63</span><span class="p">}.</span><span class="nc">list-group-item-primary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#703d63</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#703d63</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e2e3e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cbccce</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">}.</span><span class="nc">list-group-item-secondary</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#41464b</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d1e7dd</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bcd0c7</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">}.</span><span class="nc">list-group-item-success</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#0f5132</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cff4fc</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#badce3</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">}.</span><span class="nc">list-group-item-info</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#055160</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff3cd</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e6dbb9</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">}.</span><span class="nc">list-group-item-warning</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#664d03</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f8d7da</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dfc2c4</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">}.</span><span class="nc">list-group-item-danger</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#842029</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fefefe</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e5e5e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">}.</span><span class="nc">list-group-item-light</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#636464</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d4</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bebebf</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">}.</span><span class="nc">list-group-item-dark</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#141619</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#cfe2ff</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bacbe6</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">}.</span><span class="nc">list-group-item-blue</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#084298</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#b8b8b8</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">list-group-item-black</span><span class="p">.</span><span class="nc">list-group-item-action</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="kc">transparent</span><span class="w"> </span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath d=&#39;M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="o">/</span><span class="mi">1</span><span class="kt">em</span><span class="w"> </span><span class="kc">auto</span><span class="w"> </span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mf">.375</span><span class="kt">rem</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">em</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.75</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">btn-close</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">btn-close</span><span class="p">:</span><span class="nd">disabled</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">btn-close-white</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">invert</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="nb">grayscale</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)</span><span class="w"> </span><span class="nb">brightness</span><span class="p">(</span><span class="mi">200</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">toast</span><span class="p">{</span><span class="nv">--bs-toast-zindex</span><span class="p">:</span><span class="mi">1090</span><span class="p">;</span><span class="nv">--bs-toast-padding-x</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-spacing</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-max-width</span><span class="p">:</span><span class="mi">350</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-toast-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-toast-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.85</span><span class="p">);</span><span class="nv">--bs-toast-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-toast-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-toast-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-toast-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-toast-header-color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="p">;</span><span class="nv">--bs-toast-header-bg</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.85</span><span class="p">);</span><span class="nv">--bs-toast-header-border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.05</span><span class="p">);</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">);</span><span class="k">box-shadow</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-box-shadow</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-font-size</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-max-width</span><span class="p">)}.</span><span class="nc">toast</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">toast</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">show</span><span class="o">)</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">toast-container</span><span class="p">{</span><span class="nv">--bs-toast-zindex</span><span class="p">:</span><span class="mi">1090</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="bp">-moz-</span><span class="n">max-content</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="n">max-content</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-zindex</span><span class="p">)}.</span><span class="nc">toast-container</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">last-child</span><span class="o">)</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-spacing</span><span class="p">)}.</span><span class="nc">toast-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">));</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-radius</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-border-width</span><span class="p">));</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-header-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)}.</span><span class="nc">toast-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)}.</span><span class="nc">toast-body</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-toast-padding-x</span><span class="p">)}.</span><span class="nc">modal</span><span class="p">{</span><span class="nv">--bs-modal-zindex</span><span class="p">:</span><span class="mi">1055</span><span class="p">;</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">500</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-margin</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-modal-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-modal-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-modal-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">);</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-header-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-modal-header-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-modal-title-line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="nv">--bs-modal-footer-gap</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-footer-bg</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-modal-footer-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">);</span><span class="nv">--bs-modal-footer-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-zindex</span><span class="p">)}.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">);</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">fade</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-50px</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-out</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">fade</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">show</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">modal-static</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mf">1.02</span><span class="p">)}.</span><span class="nc">modal-dialog-scrollable</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">)</span><span class="o">*</span><span class="mi">2</span><span class="p">)}.</span><span class="nc">modal-dialog-scrollable</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">modal-dialog-scrollable</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">modal-dialog-centered</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-margin</span><span class="p">)</span><span class="o">*</span><span class="mi">2</span><span class="p">)}.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-backdrop</span><span class="p">{</span><span class="nv">--bs-backdrop-zindex</span><span class="p">:</span><span class="mi">1050</span><span class="p">;</span><span class="nv">--bs-backdrop-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-backdrop-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-bg</span><span class="p">);</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-zindex</span><span class="p">)}.</span><span class="nc">modal-backdrop</span><span class="p">.</span><span class="nc">fade</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-backdrop</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-backdrop-opacity</span><span class="p">)}.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding</span><span class="p">)}.</span><span class="nc">modal-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">)</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-header-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">modal-title</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-title-line-height</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-padding</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">modal-footer</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-bg</span><span class="p">);</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-inner-border-radius</span><span class="p">);</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-border-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-padding</span><span class="p">)</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-gap</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">modal-footer</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-footer-gap</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal</span><span class="p">{</span><span class="nv">--bs-modal-margin</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-modal-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">)}.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-modal-width</span><span class="p">)}.</span><span class="nc">modal-sm</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">300</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-xl</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">800</span><span class="kt">px</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-xl</span><span class="p">{</span><span class="nv">--bs-modal-width</span><span class="p">:</span><span class="mi">1140</span><span class="kt">px</span><span class="p">}}.</span><span class="nc">modal-fullscreen</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-sm-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-sm-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-md-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-md-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-lg-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-lg-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-xl-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-xl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-footer</span><span class="o">,</span><span class="p">.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">modal-fullscreen-xxl-down</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-body</span><span class="p">{</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">}}.</span><span class="nc">tooltip</span><span class="p">{</span><span class="nv">--bs-tooltip-zindex</span><span class="p">:</span><span class="mi">1080</span><span class="p">;</span><span class="nv">--bs-tooltip-max-width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-tooltip-padding-x</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-padding-y</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-margin</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-tooltip-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-tooltip-bg</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="nv">--bs-tooltip-border-radius</span><span class="p">:</span><span class="mf">0.375</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-opacity</span><span class="p">:</span><span class="mf">0.9</span><span class="p">;</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">:</span><span class="mf">0.8</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">:</span><span class="mf">0.4</span><span class="kt">rem</span><span class="p">;</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-font-size</span><span class="p">);</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">letter-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-break</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-margin</span><span class="p">);</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-zindex</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-opacity</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)}.</span><span class="nc">tooltip</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-style</span><span class="p">:</span><span class="kc">solid</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-top</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-top</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-end</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-end</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-start</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">)}.</span><span class="nc">bs-tooltip-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-tooltip-start</span><span class="w"> </span><span class="p">.</span><span class="nc">tooltip-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-arrow-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">tooltip-inner</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-bg</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-color</span><span class="p">);</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-max-width</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-tooltip-padding-x</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">popover</span><span class="p">{</span><span class="nv">--bs-popover-zindex</span><span class="p">:</span><span class="mi">1070</span><span class="p">;</span><span class="nv">--bs-popover-max-width</span><span class="p">:</span><span class="mi">276</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-popover-font-size</span><span class="p">:</span><span class="mf">0.875</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-popover-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-popover-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-popover-border-radius</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="p">);</span><span class="nv">--bs-popover-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">);</span><span class="nv">--bs-popover-header-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-padding-y</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-header-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-popover-header-bg</span><span class="p">:</span><span class="mh">#f0f0f0</span><span class="p">;</span><span class="nv">--bs-popover-body-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-body-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-body-color</span><span class="p">:</span><span class="mh">#212529</span><span class="p">;</span><span class="nv">--bs-popover-arrow-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-arrow-height</span><span class="p">:</span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-popover-arrow-border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-radius</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-sans-serif</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-font-size</span><span class="p">);</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="p">;</span><span class="k">letter-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">line-break</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-max-width</span><span class="p">);</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">start</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">word-spacing</span><span class="p">:</span><span class="kc">normal</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-zindex</span><span class="p">)}.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)}.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">popover</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">))}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">top</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-top</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-top-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">));</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">right</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-end</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">))}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-bottom-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">bottom</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-bottom</span><span class="w"> </span><span class="p">.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-bg</span><span class="p">);</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="err">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">))</span><span class="o">*-</span><span class="mi">1</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">));</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-width</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-width</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-height</span><span class="p">)}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-arrow-border</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">bs-popover-auto</span><span class="o">[</span><span class="nt">data-popper-placement</span><span class="o">^=</span><span class="nt">left</span><span class="o">]&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">bs-popover-start</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">popover-arrow</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">border-left-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-bg</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)}.</span><span class="nc">popover-header</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-bg</span><span class="p">);</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-border-color</span><span class="p">);</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">);</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-inner-border-radius</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-color</span><span class="p">);</span><span class="k">font-size</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-font-size</span><span class="p">);</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-header-padding-x</span><span class="p">)}.</span><span class="nc">popover-header</span><span class="p">:</span><span class="nd">empty</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">popover-body</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-color</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-popover-body-padding-x</span><span class="p">)}.</span><span class="nc">carousel</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">carousel</span><span class="p">.</span><span class="nc">pointer-event</span><span class="p">{</span><span class="n">touch-action</span><span class="p">:</span><span class="kc">pan-y</span><span class="p">}.</span><span class="nc">carousel-inner</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">carousel-inner</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">backface-visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">backface-visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">-100</span><span class="kt">%</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-item-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-next</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">)</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">)</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">transition-property</span><span class="p">:</span><span class="k">opacity</span><span class="p">}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item-next</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item-prev</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-item</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mi">0</span><span class="kt">s</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-end</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-fade</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">.</span><span class="nc">carousel-item-start</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-control-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.15</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-control-next</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-control-next</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-next</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.9</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">carousel-control-prev</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">carousel-control-next</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">carousel-control-next-icon</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23fff&#39;%3E%3Cpath d=&#39;M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">carousel-control-next-icon</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23fff&#39;%3E%3Cpath d=&#39;M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">carousel-indicators</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">2</span><span class="p">}.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-top</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">flex</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">text-indent</span><span class="p">:</span><span class="mi">-999</span><span class="kt">px</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">opacity</span><span class="w"> </span><span class="mf">.6</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">30</span><span class="kt">px</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">carousel-caption</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">15</span><span class="kt">%</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-control-next-icon</span><span class="o">,</span><span class="p">.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-control-prev-icon</span><span class="p">{</span><span class="k">filter</span><span class="p">:</span><span class="nb">invert</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="nb">grayscale</span><span class="p">(</span><span class="mi">100</span><span class="p">)}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-indicators</span><span class="w"> </span><span class="o">[</span><span class="nt">data-bs-target</span><span class="o">]</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">carousel-dark</span><span class="w"> </span><span class="p">.</span><span class="nc">carousel-caption</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">}.</span><span class="nc">spinner-border</span><span class="o">,</span><span class="p">.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">)</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-animation-name</span><span class="p">);</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-height</span><span class="p">);</span><span class="k">vertical-align</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-width</span><span class="p">)}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">spinner-border</span><span class="p">{</span><span class="nt">to</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="mi">1</span><span class="kt">turn</span><span class="p">)}}.</span><span class="nc">spinner-border</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">:</span><span class="mf">-0.125</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-border-width</span><span class="p">:</span><span class="mf">0.25</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">s</span><span class="p">;</span><span class="nv">--bs-spinner-animation-name</span><span class="p">:</span><span class="n">spinner-border</span><span class="p">;</span><span class="k">border-right-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-spinner-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">spinner-border-sm</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-border-width</span><span class="p">:</span><span class="mf">0.2</span><span class="kt">em</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">spinner-grow</span><span class="p">{</span><span class="nt">0</span><span class="o">%</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">scale</span><span class="p">(</span><span class="mi">0</span><span class="p">)}</span><span class="nt">50</span><span class="o">%</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-vertical-align</span><span class="p">:</span><span class="mf">-0.125</span><span class="kt">em</span><span class="p">;</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">0.75</span><span class="kt">s</span><span class="p">;</span><span class="nv">--bs-spinner-animation-name</span><span class="p">:</span><span class="n">spinner-grow</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">spinner-grow-sm</span><span class="p">{</span><span class="nv">--bs-spinner-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-spinner-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">spinner-border</span><span class="o">,</span><span class="p">.</span><span class="nc">spinner-grow</span><span class="p">{</span><span class="nv">--bs-spinner-animation-speed</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">s</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">:</span><span class="mi">1045</span><span class="p">;</span><span class="nv">--bs-offcanvas-width</span><span class="p">:</span><span class="mi">400</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="mi">30</span><span class="kt">vh</span><span class="p">;</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="nv">--bs-offcanvas-color</span><span class="p">:</span><span class="w"> </span><span class="p">;</span><span class="nv">--bs-offcanvas-bg</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color-translucent</span><span class="p">);</span><span class="nv">--bs-offcanvas-box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">0.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">575</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-sm</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-sm</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-sm</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">767</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-md</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-md</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-md</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">991</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-lg</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-lg</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-lg</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1199</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xl</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">max-width</span><span class="p">:</span><span class="nd">1399</span><span class="p">.</span><span class="nc">98px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas-xxl</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas-xxl</span><span class="p">{</span><span class="nv">--bs-offcanvas-height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas-xxl</span><span class="w"> </span><span class="p">.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">background-clip</span><span class="p">:</span><span class="kc">padding-box</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-bg</span><span class="p">);</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-color</span><span class="p">);</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">;</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-zindex</span><span class="p">)}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">offcanvas</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-start</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-end</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">);</span><span class="k">width</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-width</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-top</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-height</span><span class="p">);</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">offcanvas-bottom</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-border-color</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">)}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">show</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">hiding</span><span class="o">),</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">hiding</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">show</span><span class="o">,</span><span class="p">.</span><span class="nc">offcanvas</span><span class="p">.</span><span class="nc">showing</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1040</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">.</span><span class="nc">fade</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-backdrop</span><span class="p">.</span><span class="nc">show</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">offcanvas-header</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)}.</span><span class="nc">offcanvas-header</span><span class="w"> </span><span class="p">.</span><span class="nc">btn-close</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-right</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">margin-top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">-.5</span><span class="p">);</span><span class="k">padding</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)</span><span class="o">*</span><span class="mf">.5</span><span class="p">)}.</span><span class="nc">offcanvas-title</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="p">;</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">offcanvas-body</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-y</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-offcanvas-padding-x</span><span class="p">)}.</span><span class="nc">placeholder</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">wait</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">placeholder</span><span class="p">.</span><span class="nc">btn</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">}.</span><span class="nc">placeholder-xs</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">.6</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-sm</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">.8</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-lg</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.2</span><span class="kt">em</span><span class="p">}.</span><span class="nc">placeholder-glow</span><span class="w"> </span><span class="p">.</span><span class="nc">placeholder</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="n">placeholder-glow</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="w"> </span><span class="kc">infinite</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">placeholder-glow</span><span class="p">{</span><span class="nt">50</span><span class="o">%</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.2</span><span class="p">}}.</span><span class="nc">placeholder-wave</span><span class="p">{</span><span class="k">animation</span><span class="p">:</span><span class="n">placeholder-wave</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">mask-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">130</span><span class="kt">deg</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">55</span><span class="kt">%</span><span class="p">,</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.8</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">95</span><span class="kt">%</span><span class="p">);</span><span class="k">mask-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">130</span><span class="kt">deg</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">55</span><span class="kt">%</span><span class="p">,</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.8</span><span class="p">)</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">,</span><span class="mh">#000</span><span class="w"> </span><span class="mi">95</span><span class="kt">%</span><span class="p">);</span><span class="kp">-webkit-</span><span class="k">mask-size</span><span class="p">:</span><span class="mi">200</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">mask-size</span><span class="p">:</span><span class="mi">200</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">}@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">placeholder-wave</span><span class="p">{</span><span class="nt">to</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">mask-position</span><span class="p">:</span><span class="mi">-200</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">mask-position</span><span class="p">:</span><span class="mi">-200</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}}.</span><span class="nc">clearfix</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">clear</span><span class="p">:</span><span class="kc">both</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">text-bg-primary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-secondary</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">108</span><span class="p">,</span><span class="mi">117</span><span class="p">,</span><span class="mi">125</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-success</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">25</span><span class="p">,</span><span class="mi">135</span><span class="p">,</span><span class="mi">84</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-info</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">13</span><span class="p">,</span><span class="mi">202</span><span class="p">,</span><span class="mi">240</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-warning</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">193</span><span class="p">,</span><span class="mi">7</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-danger</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">220</span><span class="p">,</span><span class="mi">53</span><span class="p">,</span><span class="mi">69</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-light</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">248</span><span class="p">,</span><span class="mi">249</span><span class="p">,</span><span class="mi">250</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-dark</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span><span class="mi">37</span><span class="p">,</span><span class="mi">41</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-blue</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">13</span><span class="p">,</span><span class="mi">110</span><span class="p">,</span><span class="mi">253</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-bg-black</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="nf">RGBA</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">,</span><span class="mi">1</span><span class="p">))</span><span class="cp">!important</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-primary</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-primary</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-primary</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#c985b7</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-secondary</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-secondary</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-secondary</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#565e64</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-success</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#198754</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-success</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-success</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#146c43</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-info</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0dcaf0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-info</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-info</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#3dd5f3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-warning</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#ffc107</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-warning</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-warning</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#ffcd39</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-danger</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#dc3545</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-danger</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-danger</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#b02a37</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-light</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#f8f9fa</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-light</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-light</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#f9fafb</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-dark</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#212529</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-dark</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-dark</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#1a1e21</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-blue</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0d6efd</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-blue</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-blue</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#0a58ca</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">link-black</span><span class="o">,</span><span class="p">.</span><span class="nc">link-black</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">link-black</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ratio</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-aspect-ratio</span><span class="p">)}.</span><span class="nc">ratio</span><span class="o">&gt;*</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-1x1</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-4x3</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-16x9</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mf">56.25</span><span class="kt">%</span><span class="p">}.</span><span class="nc">ratio-21x9</span><span class="p">{</span><span class="nv">--bs-aspect-ratio</span><span class="p">:</span><span class="mf">42.8571428571</span><span class="kt">%</span><span class="p">}.</span><span class="nc">fixed-top</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">fixed-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">fixed-top</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1030</span><span class="p">}.</span><span class="nc">fixed-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">sticky-top</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">sticky-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">sticky-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-sm-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-sm-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-md-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-md-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-lg-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-lg-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-xl-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-xl-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">sticky-xxl-top</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}.</span><span class="nc">sticky-xxl-bottom</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1020</span><span class="p">}}.</span><span class="nc">hstack</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">hstack</span><span class="o">,</span><span class="p">.</span><span class="nc">vstack</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">}.</span><span class="nc">vstack</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="p">}.</span><span class="nc">visually-hidden</span><span class="o">,</span><span class="p">.</span><span class="nc">visually-hidden-focusable</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus</span><span class="o">)</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">:</span><span class="nd">focus-within</span><span class="o">)</span><span class="p">{</span><span class="k">clip</span><span class="p">:</span><span class="nb">rect</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">-1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="cp">!important</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">stretched-link</span><span class="p">:</span><span class="nd">after</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">content</span><span class="p">:</span><span class="s2">&quot;&quot;</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">text-truncate</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">vr</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="n">currentcolor</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">min-height</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">align-baseline</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-top</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-middle</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-bottom</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">bottom</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-text-bottom</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">bottom</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-text-top</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">top</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-0</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-25</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.25</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-50</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-75</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.75</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">opacity-100</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-auto</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-hidden</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-visible</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">overflow-scroll</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">scroll</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.15</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-sm</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.125</span><span class="kt">rem</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.075</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-lg</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="w"> </span><span class="mi">3</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.175</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">shadow-none</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-static</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">static</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-relative</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-absolute</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-fixed</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">position-sticky</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">sticky</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-0</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-50</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">top-100</span><span class="p">{</span><span class="k">top</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-0</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-50</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bottom-100</span><span class="p">{</span><span class="k">bottom</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-0</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-50</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">start-100</span><span class="p">{</span><span class="k">left</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-0</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-50</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">end-100</span><span class="p">{</span><span class="k">right</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translate</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">,</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle-x</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">translate-middle-y</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateY</span><span class="p">(</span><span class="nv">-50</span><span class="err">%</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-0</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-top</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-top-0</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-end</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-end-0</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-bottom</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-bottom-0</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-start</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-width</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-style</span><span class="p">)</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-color</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-start-0</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-primary</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-secondary</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-success</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-info</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-warning</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-danger</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-light</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-dark</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-blue</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-black</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-white</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">border-1</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-2</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-3</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-4</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-5</span><span class="p">{</span><span class="nv">--bs-border-width</span><span class="p">:</span><span class="mi">5</span><span class="kt">px</span><span class="p">}.</span><span class="nc">border-opacity-10</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.1</span><span class="p">}.</span><span class="nc">border-opacity-25</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">border-opacity-50</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">border-opacity-75</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">border-opacity-100</span><span class="p">{</span><span class="nv">--bs-border-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">w-25</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-50</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-75</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-100</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">w-auto</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mw-100</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">vw-100</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">min-vw-100</span><span class="p">{</span><span class="k">min-width</span><span class="p">:</span><span class="mi">100</span><span class="kt">vw</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-25</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">25</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-50</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-75</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">75</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-100</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">h-auto</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mh-100</span><span class="p">{</span><span class="k">max-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">vh-100</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">min-vh-100</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">font-monospace</span><span class="p">{</span><span class="k">font-family</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-font-monospace</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.375</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1.5</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.325</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.9</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.3</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.6</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mf">1.275</span><span class="kt">rem</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.3</span><span class="kt">vw</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-5</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-6</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fst-italic</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">italic</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fst-normal</span><span class="p">{</span><span class="k">font-style</span><span class="p">:</span><span class="kc">normal</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-light</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">300</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-lighter</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">lighter</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-normal</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">400</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-bold</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-semibold</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">600</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fw-bolder</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="kc">bolder</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-1</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-sm</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.25</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-base</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mf">1.5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">lh-lg</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-none</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-underline</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">underline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-decoration-line-through</span><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">line-through</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lowercase</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">lowercase</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-uppercase</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">uppercase</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-capitalize</span><span class="p">{</span><span class="k">text-transform</span><span class="p">:</span><span class="kc">capitalize</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-wrap</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-nowrap</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-break</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="cp">!important</span><span class="p">;</span><span class="k">word-break</span><span class="p">:</span><span class="kc">break-word</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-primary</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-secondary</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-success</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-info</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-warning</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-danger</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-light</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-dark</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-blue</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-black</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-white</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-body</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-color-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-text-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-muted</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#6c757d</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-black-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.5</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-white-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.5</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-reset</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="kc">inherit</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-opacity-25</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">text-opacity-50</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">text-opacity-75</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">text-opacity-100</span><span class="p">{</span><span class="nv">--bs-text-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">bg-primary</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-primary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-secondary</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-secondary-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-success</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-success-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-info</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-info-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-warning</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-warning-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-danger</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-danger-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-light</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-light-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-dark</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-dark-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-blue</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-blue-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-black</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-black-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-white</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-white-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-body</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="nb">rgba</span><span class="p">(</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-body-bg-rgb</span><span class="p">),</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-bg-opacity</span><span class="p">))</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-transparent</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">bg-opacity-10</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.1</span><span class="p">}.</span><span class="nc">bg-opacity-25</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.25</span><span class="p">}.</span><span class="nc">bg-opacity-50</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.5</span><span class="p">}.</span><span class="nc">bg-opacity-75</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mf">0.75</span><span class="p">}.</span><span class="nc">bg-opacity-100</span><span class="p">{</span><span class="nv">--bs-bg-opacity</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">bg-gradient</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-gradient</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-all</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">all</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-auto</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">user-select-none</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-none</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-auto</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-0</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-1</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-sm</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-2</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-3</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-lg</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-4</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-xl</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-5</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-2xl</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-circle</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-pill</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius-pill</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-top</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-end</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-top</span><span class="p">{</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-end</span><span class="p">{</span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-bottom</span><span class="o">,</span><span class="p">.</span><span class="nc">rounded-start</span><span class="p">{</span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">rounded-start</span><span class="p">{</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-border-radius</span><span class="p">)</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">visible</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">invisible</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="cp">!important</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">576px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-sm-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-sm-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-sm-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-sm-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-sm-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-sm-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-sm-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-sm-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-sm-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-sm-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-sm-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-sm-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-sm-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-sm-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-sm-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-sm-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-sm-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-sm-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-sm-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-sm-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-sm-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-sm-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-sm-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-sm-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-sm-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-sm-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">768px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-md-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-md-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-md-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-md-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-md-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-md-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-md-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-md-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-md-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-md-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-md-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-md-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-md-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-md-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-md-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-md-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-md-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-md-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-md-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-md-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-md-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-md-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-md-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-md-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-md-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-md-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">992px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-lg-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-lg-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-lg-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-lg-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-lg-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-lg-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-lg-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-lg-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-lg-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-lg-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-lg-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-lg-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-lg-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-lg-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-lg-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-lg-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-lg-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-lg-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-lg-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-lg-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-lg-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-lg-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-lg-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-lg-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-lg-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-lg-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-xl-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xl-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xl-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xl-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xl-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xl-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xl-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xl-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xl-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xl-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xl-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xl-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xl-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xl-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xl-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xl-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xl-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xl-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1400px</span><span class="o">)</span><span class="p">{.</span><span class="nc">float-xxl-start</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xxl-end</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">float-xxl-none</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-xxl-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-fill</span><span class="p">{</span><span class="k">flex</span><span class="p">:</span><span class="mi">1</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-row</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-column</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-row-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-column-reverse</span><span class="p">{</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">column-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-grow-0</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-grow-1</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-shrink-0</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-shrink-1</span><span class="p">{</span><span class="k">flex-shrink</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-wrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-nowrap</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">nowrap</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">flex-xxl-wrap-reverse</span><span class="p">{</span><span class="k">flex-wrap</span><span class="p">:</span><span class="kc">wrap-reverse</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-start</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-end</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-center</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-between</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-around</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">justify-content-xxl-evenly</span><span class="p">{</span><span class="k">justify-content</span><span class="p">:</span><span class="kc">space</span><span class="o">-</span><span class="n">evenly</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-start</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-end</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-center</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-baseline</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-items-xxl-stretch</span><span class="p">{</span><span class="k">align-items</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-start</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-end</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-center</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-between</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-between</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-around</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">space-around</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-content-xxl-stretch</span><span class="p">{</span><span class="k">align-content</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-auto</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-start</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-start</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-end</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">flex-end</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-center</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-baseline</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">baseline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">align-self-xxl-stretch</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">stretch</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-first</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">-1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-0</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-1</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">1</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-2</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">2</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-3</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">3</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-4</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">4</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-5</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">order-xxl-last</span><span class="p">{</span><span class="k">order</span><span class="p">:</span><span class="mi">6</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-0</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-1</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-2</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-3</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-4</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-5</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">m-xxl-auto</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mx-xxl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">my-xxl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-0</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-1</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-2</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-3</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-4</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-5</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mt-xxl-auto</span><span class="p">{</span><span class="k">margin-top</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-0</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-1</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-2</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-3</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-4</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-5</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">me-xxl-auto</span><span class="p">{</span><span class="k">margin-right</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-0</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-1</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-2</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-3</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-4</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-5</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">mb-xxl-auto</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-0</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-1</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-2</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-3</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-4</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-5</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ms-xxl-auto</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-0</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-1</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-2</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-3</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-4</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">p-xxl-5</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">px-xxl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">py-xxl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-0</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-1</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-2</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-3</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-4</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pt-xxl-5</span><span class="p">{</span><span class="k">padding-top</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-0</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-1</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-2</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-3</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-4</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pe-xxl-5</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-0</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-1</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-2</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-3</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-4</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">pb-xxl-5</span><span class="p">{</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-0</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-1</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-2</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-3</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-4</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">ps-xxl-5</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-0</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-1</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.25</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-2</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-3</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-4</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">gap-xxl-5</span><span class="p">{</span><span class="n">gap</span><span class="p">:</span><span class="mi">3</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-start</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">left</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-end</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">right</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">text-xxl-center</span><span class="p">{</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="p">:</span><span class="nd">1200px</span><span class="o">)</span><span class="p">{.</span><span class="nc">fs-1</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">2.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-2</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">2</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-3</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.75</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">fs-4</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}}@</span><span class="k">media</span><span class="w"> </span><span class="nt">print</span><span class="p">{.</span><span class="nc">d-print-inline</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-inline-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-block</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-grid</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="k">grid</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table-row</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-row</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-table-cell</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">table-cell</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-inline-flex</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-flex</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">d-print-none</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">d1</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">170</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">d3</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">300</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">table</span><span class="p">.</span><span class="nc">dlong</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">560</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-navbutton</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-now</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d3</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">d1</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">d3</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="p">.</span><span class="nc">dlong</span><span class="w"> </span><span class="nt">td</span><span class="p">{</span><span class="k">width</span><span class="p">:</span><span class="mi">80</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">td</span><span class="o">&gt;</span><span class="nt">div</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">28</span><span class="kt">px</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="nt">select</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">125</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="nt">tr</span><span class="p">:</span><span class="nd">first-child</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="nt">input</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">60</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#eee</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-oom</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-oor</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-sel</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">days</span><span class="w"> </span><span class="nt">td</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-cal-sel</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">linear-gradient</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">,</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mf">.15</span><span class="p">),</span><span class="nb">hsla</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="mi">0</span><span class="p">));</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-cal</span><span class="w"> </span><span class="p">.</span><span class="nc">form-select</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-cal-year</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">min-height</span><span class="p">:</span><span class="mf">1.5</span><span class="kt">em</span><span class="cp">!important</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mf">.2</span><span class="kt">em</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-calendar</span><span class="w"> </span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">initial</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z&#39;/%3E%3Cpath d=&#39;M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-dateedit</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">Wt-datepicker</span><span class="w"> </span><span class="nt">input</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">Wt-datepicker-icon</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.5</span><span class="p">}.</span><span class="nc">Wt-datepicker-icon</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.8</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="kc">unset</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-content</span><span class="p">.</span><span class="nc">movable</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-header</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">move</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-body</span><span class="p">.</span><span class="nc">Wt-msgbox-body</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-msgbox-icon</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="w"> </span><span class="mi">15</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">25</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="w"> </span><span class="p">.</span><span class="nc">modal-content</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-body</span><span class="p">.</span><span class="nc">Wt-msgbox-body</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-msgbox-text</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">pop</span><span class="p">.</span><span class="nc">fade</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-dialog</span><span class="p">.</span><span class="nc">modal</span><span class="p">.</span><span class="nc">Wt-resizable</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-dialog</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">modal-content</span><span class="p">{</span><span class="k">background-attachment</span><span class="p">:</span><span class="kc">scroll</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/resizable.png</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#d3d3d3</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="kc">thick</span><span class="w"> </span><span class="kc">dashed</span><span class="w"> </span><span class="kc">grey</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-hover</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">green</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-hover</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="n">pointer-events</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-dragstyle</span><span class="p">{</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">20001</span><span class="p">}.</span><span class="nc">Wt-filedropzone</span><span class="p">.</span><span class="nc">Wt-dropzone-indication</span><span class="p">{</span><span class="k">border-color</span><span class="p">:</span><span class="kc">green</span><span class="p">}.</span><span class="nc">Wt-fileupload-hidden</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-dropcover</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">-100</span><span class="p">}.</span><span class="nc">Wt-dropcover</span><span class="p">.</span><span class="nc">Wt-dropzone-dragstyle</span><span class="p">{</span><span class="k">z-index</span><span class="p">:</span><span class="mi">20000</span><span class="p">}.</span><span class="nc">Wt-googlemap</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">max-width</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vsh2</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">row-resize</span><span class="p">}.</span><span class="nc">Wt-hsh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vrh2</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">col-resize</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/splitter-v.png</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-vrh2</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/splitter-h.png</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">Wt-hrh2</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-hsh2</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vrh2</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-vsh2</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-icon</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">inline-block</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">text</span><span class="o">-</span><span class="kc">top</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="p">.</span><span class="nc">Wt-itemview-paged</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spacer</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/loading.png</span><span class="p">)}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="kp">-webkit-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">user-select</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-headerdiv</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rowc</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="nt">th</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-wwrap</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">visible</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">normal</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">col-resize</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#999</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-no-rh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-bottom</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-none</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-none.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-up</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-up.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh-down</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/sort-arrow-down.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.2</span><span class="p">)}.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-drop-site</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#eee</span><span class="p">;</span><span class="k">outline</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">dotted</span><span class="w"> </span><span class="mh">#000</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-rh</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-sh</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-itemview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-no-rh</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">.</span><span class="nc">Wt-striped</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">odd</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#f9f9f9</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="p">.</span><span class="nc">Wt-striped</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">active</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">odd</span><span class="o">)</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spacer</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="nt">table</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="nt">th</span><span class="p">{</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">td</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">th</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-plaintable</span><span class="w"> </span><span class="nt">tbody</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tableview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-contents</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-tv-root</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">7</span><span class="kt">px</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">button</span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-right-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">content-box</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">text-overflow</span><span class="p">:</span><span class="kc">ellipsis</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">nowrap</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-scroll</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">22</span><span class="kt">px</span><span class="p">;</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-scroll</span><span class="w"> </span><span class="nt">div</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">{</span><span class="err">*</span><span class="n">zoom</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-trunk.gif</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">repeat-y</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/tv-line-last.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">expand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-plus.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">collapse</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-minus.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">noexpand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-tv-root</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">img</span><span class="p">.</span><span class="nc">icon</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">input</span><span class="p">.</span><span class="nc">icon</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">7</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-br</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="nt">ul</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">border-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ddd</span><span class="p">;</span><span class="k">border-right</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-row</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tv-c</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/tv-line-last-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">expand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-plus-rtl.gif</span><span class="p">)}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">collapse</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/themes/bootstrap/5/nav-minus-rtl.gif</span><span class="p">)}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-treeview</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">noexpand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle-rtl.gif</span><span class="p">)}.</span><span class="nc">Wt-pagingbar</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">35</span><span class="kt">px</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">}.</span><span class="nc">Wt-pagingbar</span><span class="w"> </span><span class="nt">button</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-pagingbar</span><span class="w"> </span><span class="nt">span</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">4</span><span class="kt">px</span><span class="p">}.</span><span class="nc">nav-link</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">ex</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">active</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">}.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-close-icon</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#000</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">font-size</span><span class="p">:</span><span class="mi">23</span><span class="kt">px</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">1</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mf">-.3</span><span class="kt">em</span><span class="cp">!important</span><span class="p">;</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.2</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span><span class="k">z-index</span><span class="p">:</span><span class="mi">10</span><span class="p">}.</span><span class="nc">Wt-close-icon</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.7</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">navbar-inner</span><span class="w"> </span><span class="p">.</span><span class="nc">container</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">submenu</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="p">.</span><span class="nc">submenu</span><span class="o">&gt;</span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e7e7e7</span><span class="p">;</span><span class="k">box-shadow</span><span class="p">:</span><span class="kc">inset</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="mi">8</span><span class="kt">px</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.125</span><span class="p">);</span><span class="k">color</span><span class="p">:</span><span class="mh">#555</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">submenu</span><span class="p">:</span><span class="nd">after</span><span class="o">,</span><span class="p">.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">submenu</span><span class="p">:</span><span class="nd">before</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">navbar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#e5e5e5</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#555</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-body</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-width</span><span class="p">)</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--bs-card-border-color</span><span class="p">)}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">flex</span><span class="p">;</span><span class="k">flex-direction</span><span class="p">:</span><span class="kc">row</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">:</span><span class="nd">first-child</span><span class="p">{</span><span class="k">flex-grow</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">align-self</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23212529&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">flex</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="k">transform</span><span class="w"> </span><span class="mf">.2</span><span class="kt">s</span><span class="w"> </span><span class="kc">ease-in-out</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}@</span><span class="k">media</span><span class="w"> </span><span class="o">(</span><span class="nt">prefers-reduced-motion</span><span class="p">:</span><span class="nd">reduce</span><span class="o">)</span><span class="p">{.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">transition</span><span class="p">:</span><span class="kc">none</span><span class="p">}}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="o">&gt;</span><span class="nt">img</span><span class="o">,</span><span class="p">.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="o">&gt;</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">image</span><span class="o">]</span><span class="p">{</span><span class="k">height</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">1.25</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">card</span><span class="p">.</span><span class="nc">Wt-panel</span><span class="p">.</span><span class="nc">Wt-collapsible</span><span class="p">:</span><span class="nd">not</span><span class="o">(</span><span class="p">.</span><span class="nc">Wt-collapsed</span><span class="o">)&gt;</span><span class="p">.</span><span class="nc">card-header</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">Wt-collapse-button</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23a85c95&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-180deg</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">disabled</span><span class="w"> </span><span class="nt">a</span><span class="o">,</span><span class="p">.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">disabled</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#adb5bd</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-decoration</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-chkbox</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-right</span><span class="p">:</span><span class="mi">6</span><span class="kt">px</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="nt">label</span><span class="p">.</span><span class="nc">checkbox-inline</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-padded</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">39</span><span class="kt">px</span><span class="p">}.</span><span class="nc">dropdown-menu</span><span class="w"> </span><span class="nt">li</span><span class="w"> </span><span class="nt">label</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">inline</span><span class="p">}.</span><span class="nc">dropdown-item</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">progress</span><span class="p">{</span><span class="k">margin-bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">;</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">middle</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">200</span><span class="kt">px</span><span class="p">}.</span><span class="nc">progress</span><span class="w"> </span><span class="p">.</span><span class="nc">bar-label</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mf">.8</span><span class="kt">em</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">text-align</span><span class="p">:</span><span class="kc">center</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mf">.1</span><span class="kt">em</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">btn</span><span class="p">.</span><span class="nc">with-label</span><span class="w"> </span><span class="nt">img</span><span class="o">,</span><span class="p">.</span><span class="nc">list-group-item</span><span class="p">.</span><span class="nc">with-label</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">10</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-bg</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-w</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">fill</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span><span class="k">margin-top</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">2</span><span class="kt">px</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mf">.55</span><span class="kt">rem</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">open</span><span class="w"> </span><span class="p">.</span><span class="nc">dropdown-toggle</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.4</span><span class="p">}.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">],</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-h</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-bg</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">5</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-w</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#dee2e6</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="kc">transparent</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">absolute</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mf">.5</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">fill</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">4</span><span class="kt">px</span><span class="p">;</span><span class="k">bottom</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">-5</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">8</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="p">;</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-radius</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="nb">calc</span><span class="p">(</span><span class="mi">50</span><span class="kt">%</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mf">.55</span><span class="kt">rem</span><span class="p">)</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">1</span><span class="kt">rem</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="p">{</span><span class="k">box-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="mh">#fff</span><span class="p">,</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mf">.25</span><span class="kt">rem</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">187</span><span class="p">,</span><span class="mi">102</span><span class="p">,</span><span class="mi">165</span><span class="p">,</span><span class="mf">.25</span><span class="p">)}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">opacity</span><span class="p">:</span><span class="mf">.4</span><span class="p">}.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">.</span><span class="nc">disabled</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">],</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">:</span><span class="nd">hover</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">focus</span><span class="o">,</span><span class="nt">fieldset</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-slider-v</span><span class="w"> </span><span class="p">.</span><span class="nc">handle</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">border-color</span><span class="p">:</span><span class="mh">#ccc</span><span class="p">}.</span><span class="nc">Wt-native-vertical-slider</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">rotate</span><span class="p">(</span><span class="nv">-90deg</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">up</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">dn</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6zM1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">up</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">up</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">dn</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-spinbox</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">dn</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1.2em&#39; height=&#39;1.2em&#39; viewBox=&#39;-5 0 30 16&#39;%3E%3Cpath stroke=&#39;%236c757d&#39; stroke-width=&#39;2&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.646-5.354a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8-4.293 2.354 1.354a.5.5 0 0 1-.708-.708l6-6z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; stroke=&#39;%23343a40&#39; stroke-width=&#39;2&#39; d=&#39;M1.646 14.646a.5.5 0 0 1 .708 0L8 20.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-stack</span><span class="p">.</span><span class="nc">Wt-animated</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">relative</span><span class="p">}.</span><span class="nc">Wt-suggest-dropdown</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%236c757d&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.75</span><span class="kt">rem</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="w"> </span><span class="mi">12</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-suggest-dropdown</span><span class="p">.</span><span class="nc">Wt-suggest-dropdown-hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 16 16&#39;%3E%3Cpath fill=&#39;none&#39; stroke=&#39;%23343a40&#39; stroke-linecap=&#39;round&#39; stroke-linejoin=&#39;round&#39; stroke-width=&#39;2&#39; d=&#39;m2 5 6 6 6-6&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">dropdown-menu</span><span class="p">.</span><span class="nc">typeahead</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">pointer</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">valid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; viewBox=&#39;0 0 8 8&#39;%3E%3Cpath fill=&#39;%23198754&#39; d=&#39;M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%236c757d&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="kc">right</span><span class="w"> </span><span class="mf">.73</span><span class="kt">em</span><span class="w"> </span><span class="kc">center</span><span class="p">,</span><span class="kc">center</span><span class="w"> </span><span class="kc">right</span><span class="w"> </span><span class="mf">2.25</span><span class="kt">rem</span><span class="p">;</span><span class="k">background-size</span><span class="p">:</span><span class="mf">1.125</span><span class="kt">em</span><span class="w"> </span><span class="mf">1.125</span><span class="kt">em</span><span class="p">,</span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">)</span><span class="w"> </span><span class="nb">calc</span><span class="p">(</span><span class="mf">.75</span><span class="kt">em</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">.375</span><span class="kt">rem</span><span class="p">);</span><span class="k">padding-right</span><span class="p">:</span><span class="mf">4.125</span><span class="kt">rem</span><span class="p">}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">is-invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">was-validated</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">invalid</span><span class="p">.</span><span class="nc">hover</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;1em&#39; height=&#39;1em&#39; viewBox=&#39;0 0 16 16&#39; fill=&#39;%23343a40&#39;%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z&#39;/%3E%3Cpath fill-rule=&#39;evenodd&#39; d=&#39;M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z&#39;/%3E%3C/svg%3E&quot;</span><span class="p">),</span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;12&#39; height=&#39;12&#39; fill=&#39;none&#39; stroke=&#39;%23dc3545&#39;%3E%3Ccircle cx=&#39;6&#39; cy=&#39;6&#39; r=&#39;4.5&#39;/%3E%3Cpath stroke-linejoin=&#39;round&#39; d=&#39;M5.8 3.6h.4L6 6.5z&#39;/%3E%3Ccircle cx=&#39;6&#39; cy=&#39;8.2&#39; r=&#39;.6&#39; fill=&#39;%23dc3545&#39; stroke=&#39;none&#39;/%3E%3C/svg%3E&quot;</span><span class="p">)}.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">form-control</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">.</span><span class="nc">hover</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-timeedit</span><span class="p">:</span><span class="nd">active</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">btn-toolbar</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="k">font-size</span><span class="p">:</span><span class="mi">14</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="p">{</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">list-style</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">div</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="o">,</span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-trunk.gif</span><span class="p">);</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">repeat-y</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">{</span><span class="err">*</span><span class="n">zoom</span><span class="p">:</span><span class="mi">1</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-last.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="k">background-repeat</span><span class="p">:</span><span class="kc">no-repeat</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">active</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#428bca</span><span class="p">;</span><span class="k">color</span><span class="p">:</span><span class="mh">#fff</span><span class="p">;</span><span class="k">cursor</span><span class="p">:</span><span class="kc">default</span><span class="p">;</span><span class="k">text-shadow</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">-1</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mf">.2</span><span class="p">)}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">display</span><span class="p">:</span><span class="kc">block</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">19</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">Wt-noexpand</span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle.gif</span><span class="p">)</span><span class="w"> </span><span class="kc">no-repeat</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="mi">0</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="w"> </span><span class="nt">img</span><span class="p">{</span><span class="k">vertical-align</span><span class="p">:</span><span class="kc">top</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">cols-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-label</span><span class="p">{</span><span class="k">line-height</span><span class="p">:</span><span class="mi">150</span><span class="kt">%</span><span class="p">;</span><span class="k">padding</span><span class="p">:</span><span class="mi">0</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="nt">ul</span><span class="p">{</span><span class="k">margin</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">20</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-root</span><span class="p">{</span><span class="k">padding-right</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="o">,</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="p">.</span><span class="nc">Wt-trunk</span><span class="p">{</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-item</span><span class="p">.</span><span class="nc">Wt-end</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-last-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-ctrl</span><span class="p">.</span><span class="nc">Wt-noexpand</span><span class="p">{</span><span class="k">background-image</span><span class="p">:</span><span class="nb">url</span><span class="p">(</span><span class="sx">../resources/line-middle-rtl.gif</span><span class="p">);</span><span class="k">background-position</span><span class="p">:</span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-tree</span><span class="w"> </span><span class="p">.</span><span class="nc">cols-row</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}.</span><span class="nc">Wt-treetable</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">auto</span><span class="p">}.</span><span class="nc">Wt-treetable</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-header</span><span class="p">{</span><span class="k">border-bottom</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">transparent</span><span class="p">;</span><span class="k">font-weight</span><span class="p">:</span><span class="mi">700</span><span class="p">;</span><span class="k">line-height</span><span class="p">:</span><span class="mi">28</span><span class="kt">px</span><span class="p">}.</span><span class="nc">Wt-sbspacer</span><span class="p">{</span><span class="k">border</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">float</span><span class="p">:</span><span class="kc">right</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">1</span><span class="kt">px</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">16</span><span class="kt">px</span><span class="p">}</span><span class="nt">body</span><span class="p">.</span><span class="nc">Wt-rtl</span><span class="w"> </span><span class="p">.</span><span class="nc">Wt-sbspacer</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">left</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="o">,</span><span class="p">.</span><span class="nc">wg-wrapper</span><span class="p">{</span><span class="k">overflow-x</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="p">{</span><span class="k">border-right</span><span class="p">:</span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#bb66a5</span><span class="cp">!important</span><span class="p">;</span><span class="k">box-sizing</span><span class="p">:</span><span class="kc">border-box</span><span class="p">;</span><span class="k">height</span><span class="p">:</span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="k">left</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">overflow-y</span><span class="p">:</span><span class="kc">auto</span><span class="p">;</span><span class="k">position</span><span class="p">:</span><span class="kc">fixed</span><span class="p">;</span><span class="k">top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="nv">-100</span><span class="err">%</span><span class="p">);</span><span class="k">transition</span><span class="p">:</span><span class="kc">all</span><span class="w"> </span><span class="mf">.3</span><span class="kt">s</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="mi">250</span><span class="kt">px</span><span class="p">}.</span><span class="nc">menu-open</span><span class="w"> </span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="p">{</span><span class="k">transform</span><span class="p">:</span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">)}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="p">{</span><span class="k">margin-left</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">{</span><span class="k">padding-left</span><span class="p">:</span><span class="mi">40</span><span class="kt">px</span><span class="p">;</span><span class="k">transition</span><span class="p">:</span><span class="kc">all</span><span class="w"> </span><span class="mf">.8</span><span class="kt">s</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">active</span><span class="o">,</span><span class="p">.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="o">&gt;</span><span class="nt">li</span><span class="o">&gt;</span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#eee</span><span class="p">}.</span><span class="nc">wg-sidebar</span><span class="w"> </span><span class="p">.</span><span class="nc">nav</span><span class="w"> </span><span class="nt">a</span><span class="p">{</span><span class="k">outline</span><span class="p">:</span><span class="mi">0</span><span class="p">}.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="p">.</span><span class="nc">h3</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h1</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h2</span><span class="o">,</span><span class="p">.</span><span class="nc">contents</span><span class="w"> </span><span class="nt">h3</span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="mh">#bb66a5</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">example</span><span class="o">&gt;</span><span class="nt">legend</span><span class="p">{</span><span class="k">float</span><span class="p">:</span><span class="kc">none</span><span class="cp">!important</span><span class="p">;</span><span class="k">width</span><span class="p">:</span><span class="kc">auto</span><span class="cp">!important</span><span class="p">}.</span><span class="nc">xhtml-output</span><span class="o">&gt;</span><span class="nt">pre</span><span class="p">{</span><span class="k">word-wrap</span><span class="p">:</span><span class="kc">break-word</span><span class="p">;</span><span class="k">white-space</span><span class="p">:</span><span class="kc">pre-wrap</span><span class="p">}.</span><span class="nc">tabwidget</span><span class="w"> </span><span class="nt">textarea</span><span class="p">{</span><span class="k">border-top</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">;</span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="mi">0</span><span class="p">}</span><span class="w"></span>
<span class="c">/*# sourceMappingURL=wt.css.map */</span><span class="w"></span>
</pre></div>
  </message>
</messages>
