@import url(/resource/style/sprite_map.css);
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    opacity: 0.5;
}

.xterm-underline {
    text-decoration: underline;
}

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-decoration-overview-ruler {
    z-index: 7;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}

@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.9.2
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2020 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2020-05-13T13:55:37.023Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

@font-face {
  font-family: "context-menu-icons";
  font-style: normal; 
  font-weight: normal;

  src: url(data:application/vnd.ms-fontobject;base64,yA0AAPgMAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAePjH6wAAAAAAAAAAAAAAAAAAAAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAAAAABAAAACwCAAAMAMEdTVUIgiyV6AAABOAAAAFRPUy8yQG9MCAAAAYwAAABWY21hcIsI7vIAAAIIAAAB0mdseWap/oa/AAAD8AAABhRoZWFkGMy1jwAAAOAAAAA2aGhlYQe/A8gAAAC8AAAAJGhtdHggAP/6AAAB5AAAACRsb2NhBp4H6AAAA9wAAAAUbWF4cAEaAI4AAAEYAAAAIG5hbWWhQ3MWAAAKBAAAAo5wb3N0ObP5owAADJQAAABjAAEAAAPA/8AAAAQA//r//gQCAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAABAADrx/h4Xw889QALBAAAAAAA2ti4iQAAAADa2LiJ//r/wAQCA8AAAAAIAAIAAAAAAAAAAQAAAAkAggAHAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAwAD4AAkRGTFQADmxhdG4AGgAEAAAAAAAAAAEAAAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAABA44BkAAFAAACiQLMAAAAjwKJAswAAAHrADIBCAAAAgAFAwAAAAAAAAAAAAAAAAAAAAAAAAAAAABQZkVkAEDqAeoIA8D/wABcA8AAQAAAAAEAAAAAAAAAAAAABAAAAAQAAAAEAP/6BAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABYgABAAAAAABcAAMAAQAAACwAAwAKAAABYgAEADAAAAAEAAQAAQAA6gj//wAA6gH//wAAAAEABAAAAAEAAgADAAQABQAGAAcACAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAcAAAAAAAAAAIAADqAQAA6gEAAAABAADqAgAA6gIAAAACAADqAwAA6gMAAAADAADqBAAA6gQAAAAEAADqBQAA6gUAAAAFAADqBgAA6gYAAAAGAADqBwAA6gcAAAAHAADqCAAA6ggAAAAIAAAAAAAAADIAjAFWAdYCSAJ8As4DCgABAAAAAAOTA3cAIwAAARUUBisBFRQGKwEiJj0BIyImPQE0NjsBNTQ2OwEyFh0BMzIWA5IgF+0gF24XIO0XICAX7SAXbhcg7RcgAhttFyDuFyAgF+4gF20XIO4XICAX7iAAAAAABQAA/8AEAAPAAB8AIgAlADMAPAAAATIWFREUBiMhIiY9ASEiJjURNDY/AT4BOwEyFh0BNjMPATMBBzMXNzUjFRQGKwERITU0NgERIxUUBisBEQPJFyAgF/3cFyD+yRcgFxDpEDcX7RcgJyJJq6v+k6urcLTbIBfuASUXAjLcIBbuAuUgF/1JFyAgF6QgFwGAFzcQ6RAXIBe7F3qrAYarxrTu7hcg/pOSFzf+RAKS7Rcg/pIAB//6AAAEAgMuAAgASwBZAGcAcgB7AIEAAAEyFhQGIiY0NhcFFgYPAQYiJyUHBgcWBw4BBwYjIicmNz4BNzYzMhc2PwEnJicGIyInLgEnJjY3NjMyFx4BFxYHMh8BJTYyHwEeAQcFNiYnJiMiBwYWFxYzMgM+AScmIyIHDgEXFjMyExc1ND8BJwcGDwEfAQEnBRUHHwEFNyUHBgcCJQ4WFh0WFroBIhAFEUkIEgj+dT8EAggDBDgvTFJOMTQHBDguTFMwJwUHRkYHBScwU0wuOAQDFxkwT1JMLzgEAwgCBD8BiwgSCEkRBRD9WRocLzQ5KxYaHC80OSsbLxwaFis5NC8cGhYrOZo3EwgtFQQDBHs3AaRJ/klbCRwB7Un+12UBBgHAFh0WFh0WJeMLKQklBAXdJgIBHBssUR4wLTBGK1IeMBIIBSkqBQgSMB5RLCI9Fy0wHlEsHBwCJt0FBCUJKQtPGEseIRQYTB0i/msdTBgUIR1MGBQBgCIHFAwEGxUFAgOFEwFJJfZBNwgctyTqTwICAAAFAAAAAAOTA3cADwAfAC8ANwBbAAAlETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNjcRNCYrASIGFREUFjsBMjYBIScmJyMGBwUVFAYrAREUBiMhIiY1ESMiJj0BNDY7ATc+ATsBMhYfATMyFgGSCgglCAoKCCUICpMLCCQICwsIJAgLkgoIJQgKCgglCAr+yQEAGwQGtQYEAfYKCDc2Jf4kJTY3CAoKCLEoCC0XthctCCixCAquAZIICgoI/m4ICwsIAZIICgoI/m4ICwsIAZIICgoI/m4ICwsCP0IGAQEGVSQIC/3jMEVDLwIgCwgkCAtfFR4eFV8LAAAABQAAAAAD/AN3AAYADwA5AD4ASAAAATcnBxUzFQEmDwEGFj8BNhMVFAYjISImNRE0NjMhMhceAQ8BBicmIyEiBhURFBYzITI2PQE0PwE2FgMXASM1AQcnNzYyHwEWFAH7Q1dCNgEcCQrIChMJyAolYUT+JURhYUQB2yQfCAQHHAgKDQ3+JSY2NiYB2yY1BiQJFzek/oCkAn00pTUQLhBWEAEbQ1dDIDcBnAkKyAkTCsgK/rVsRGFhRAHbRGEOBBMHHAgDBDYm/iUmNjYmSAcFJQkKAZqk/oCkATU1pTQQEFcQLQAAAQAA/9ID7gOpACEAAAEUDgIiLgI1ND4BNxUOARUUHgIyPgI1NCYnNR4CA+5PhLbKtoRPb8B2fqc7YYiUiGE7p352wG8BwGW2hE9PhLZletSJEoMZyoNKiGE7O2GISoPKGYMSidQAAAAEAAD/wAQAA8AACAAYABsANwAAJSERIyImPQEjNzU0JiMhIgYdARQWMyEyNhMzJwURFAYjISImPQEhIiY1ETQ2MyEyFh0BFh8BHgEBtwIA7hcg25ILB/5uCAsLCAGSBwuSq6sBJSAX/dwXIP7JFyAgFwJuFiAMCekQFwkBbiAX7aUlBwsLByUHCwv+h6v0/oAXICAXWyAXAwAXICAXuwgI6RA3AAEAAAAAA1QC7wAkAAAlFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWA1MQTRAuEKioEC4QTRAQqKgQEE0QLhCoqBAuEE0QEKioEM0XEE4QEKioEBBOEC0QqKgQLhBOEBCoqBAQThAuEKioEAAAAAAAEADGAAEAAAAAAAEAEgAAAAEAAAAAAAIABwASAAEAAAAAAAMAEgAZAAEAAAAAAAQAEgArAAEAAAAAAAUACwA9AAEAAAAAAAYAEgBIAAEAAAAAAAoAKwBaAAEAAAAAAAsAEwCFAAMAAQQJAAEAJACYAAMAAQQJAAIADgC8AAMAAQQJAAMAJADKAAMAAQQJAAQAJADuAAMAAQQJAAUAFgESAAMAAQQJAAYAJAEoAAMAAQQJAAoAVgFMAAMAAQQJAAsAJgGiY29udGV4dC1tZW51LWljb25zUmVndWxhcmNvbnRleHQtbWVudS1pY29uc2NvbnRleHQtbWVudS1pY29uc1ZlcnNpb24gMS4wY29udGV4dC1tZW51LWljb25zR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAQIBAwEEAQUBBgEHAQgBCQEKAANhZGQEY29weQNjdXQGZGVsZXRlBGVkaXQHbG9hZGluZwVwYXN0ZQRxdWl0AAAA);
  src: url(data:application/vnd.ms-fontobject;base64,yA0AAPgMAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAePjH6wAAAAAAAAAAAAAAAAAAAAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAAAAABAAAACwCAAAMAMEdTVUIgiyV6AAABOAAAAFRPUy8yQG9MCAAAAYwAAABWY21hcIsI7vIAAAIIAAAB0mdseWap/oa/AAAD8AAABhRoZWFkGMy1jwAAAOAAAAA2aGhlYQe/A8gAAAC8AAAAJGhtdHggAP/6AAAB5AAAACRsb2NhBp4H6AAAA9wAAAAUbWF4cAEaAI4AAAEYAAAAIG5hbWWhQ3MWAAAKBAAAAo5wb3N0ObP5owAADJQAAABjAAEAAAPA/8AAAAQA//r//gQCAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAABAADrx/h4Xw889QALBAAAAAAA2ti4iQAAAADa2LiJ//r/wAQCA8AAAAAIAAIAAAAAAAAAAQAAAAkAggAHAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAwAD4AAkRGTFQADmxhdG4AGgAEAAAAAAAAAAEAAAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAABA44BkAAFAAACiQLMAAAAjwKJAswAAAHrADIBCAAAAgAFAwAAAAAAAAAAAAAAAAAAAAAAAAAAAABQZkVkAEDqAeoIA8D/wABcA8AAQAAAAAEAAAAAAAAAAAAABAAAAAQAAAAEAP/6BAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABYgABAAAAAABcAAMAAQAAACwAAwAKAAABYgAEADAAAAAEAAQAAQAA6gj//wAA6gH//wAAAAEABAAAAAEAAgADAAQABQAGAAcACAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAcAAAAAAAAAAIAADqAQAA6gEAAAABAADqAgAA6gIAAAACAADqAwAA6gMAAAADAADqBAAA6gQAAAAEAADqBQAA6gUAAAAFAADqBgAA6gYAAAAGAADqBwAA6gcAAAAHAADqCAAA6ggAAAAIAAAAAAAAADIAjAFWAdYCSAJ8As4DCgABAAAAAAOTA3cAIwAAARUUBisBFRQGKwEiJj0BIyImPQE0NjsBNTQ2OwEyFh0BMzIWA5IgF+0gF24XIO0XICAX7SAXbhcg7RcgAhttFyDuFyAgF+4gF20XIO4XICAX7iAAAAAABQAA/8AEAAPAAB8AIgAlADMAPAAAATIWFREUBiMhIiY9ASEiJjURNDY/AT4BOwEyFh0BNjMPATMBBzMXNzUjFRQGKwERITU0NgERIxUUBisBEQPJFyAgF/3cFyD+yRcgFxDpEDcX7RcgJyJJq6v+k6urcLTbIBfuASUXAjLcIBbuAuUgF/1JFyAgF6QgFwGAFzcQ6RAXIBe7F3qrAYarxrTu7hcg/pOSFzf+RAKS7Rcg/pIAB//6AAAEAgMuAAgASwBZAGcAcgB7AIEAAAEyFhQGIiY0NhcFFgYPAQYiJyUHBgcWBw4BBwYjIicmNz4BNzYzMhc2PwEnJicGIyInLgEnJjY3NjMyFx4BFxYHMh8BJTYyHwEeAQcFNiYnJiMiBwYWFxYzMgM+AScmIyIHDgEXFjMyExc1ND8BJwcGDwEfAQEnBRUHHwEFNyUHBgcCJQ4WFh0WFroBIhAFEUkIEgj+dT8EAggDBDgvTFJOMTQHBDguTFMwJwUHRkYHBScwU0wuOAQDFxkwT1JMLzgEAwgCBD8BiwgSCEkRBRD9WRocLzQ5KxYaHC80OSsbLxwaFis5NC8cGhYrOZo3EwgtFQQDBHs3AaRJ/klbCRwB7Un+12UBBgHAFh0WFh0WJeMLKQklBAXdJgIBHBssUR4wLTBGK1IeMBIIBSkqBQgSMB5RLCI9Fy0wHlEsHBwCJt0FBCUJKQtPGEseIRQYTB0i/msdTBgUIR1MGBQBgCIHFAwEGxUFAgOFEwFJJfZBNwgctyTqTwICAAAFAAAAAAOTA3cADwAfAC8ANwBbAAAlETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNjcRNCYrASIGFREUFjsBMjYBIScmJyMGBwUVFAYrAREUBiMhIiY1ESMiJj0BNDY7ATc+ATsBMhYfATMyFgGSCgglCAoKCCUICpMLCCQICwsIJAgLkgoIJQgKCgglCAr+yQEAGwQGtQYEAfYKCDc2Jf4kJTY3CAoKCLEoCC0XthctCCixCAquAZIICgoI/m4ICwsIAZIICgoI/m4ICwsIAZIICgoI/m4ICwsCP0IGAQEGVSQIC/3jMEVDLwIgCwgkCAtfFR4eFV8LAAAABQAAAAAD/AN3AAYADwA5AD4ASAAAATcnBxUzFQEmDwEGFj8BNhMVFAYjISImNRE0NjMhMhceAQ8BBicmIyEiBhURFBYzITI2PQE0PwE2FgMXASM1AQcnNzYyHwEWFAH7Q1dCNgEcCQrIChMJyAolYUT+JURhYUQB2yQfCAQHHAgKDQ3+JSY2NiYB2yY1BiQJFzek/oCkAn00pTUQLhBWEAEbQ1dDIDcBnAkKyAkTCsgK/rVsRGFhRAHbRGEOBBMHHAgDBDYm/iUmNjYmSAcFJQkKAZqk/oCkATU1pTQQEFcQLQAAAQAA/9ID7gOpACEAAAEUDgIiLgI1ND4BNxUOARUUHgIyPgI1NCYnNR4CA+5PhLbKtoRPb8B2fqc7YYiUiGE7p352wG8BwGW2hE9PhLZletSJEoMZyoNKiGE7O2GISoPKGYMSidQAAAAEAAD/wAQAA8AACAAYABsANwAAJSERIyImPQEjNzU0JiMhIgYdARQWMyEyNhMzJwURFAYjISImPQEhIiY1ETQ2MyEyFh0BFh8BHgEBtwIA7hcg25ILB/5uCAsLCAGSBwuSq6sBJSAX/dwXIP7JFyAgFwJuFiAMCekQFwkBbiAX7aUlBwsLByUHCwv+h6v0/oAXICAXWyAXAwAXICAXuwgI6RA3AAEAAAAAA1QC7wAkAAAlFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWA1MQTRAuEKioEC4QTRAQqKgQEE0QLhCoqBAuEE0QEKioEM0XEE4QEKioEBBOEC0QqKgQLhBOEBCoqBAQThAuEKioEAAAAAAAEADGAAEAAAAAAAEAEgAAAAEAAAAAAAIABwASAAEAAAAAAAMAEgAZAAEAAAAAAAQAEgArAAEAAAAAAAUACwA9AAEAAAAAAAYAEgBIAAEAAAAAAAoAKwBaAAEAAAAAAAsAEwCFAAMAAQQJAAEAJACYAAMAAQQJAAIADgC8AAMAAQQJAAMAJADKAAMAAQQJAAQAJADuAAMAAQQJAAUAFgESAAMAAQQJAAYAJAEoAAMAAQQJAAoAVgFMAAMAAQQJAAsAJgGiY29udGV4dC1tZW51LWljb25zUmVndWxhcmNvbnRleHQtbWVudS1pY29uc2NvbnRleHQtbWVudS1pY29uc1ZlcnNpb24gMS4wY29udGV4dC1tZW51LWljb25zR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAQIBAwEEAQUBBgEHAQgBCQEKAANhZGQEY29weQNjdXQGZGVsZXRlBGVkaXQHbG9hZGluZwVwYXN0ZQRxdWl0AAAA#iefix) format("embedded-opentype"), url(data:font/woff2;base64,d09GMgABAAAAAAaUAAsAAAAADPgAAAZFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCDUgqMFIoSATYCJAMkCxQABCAFhQ4HYxscCxEVpHmS/UzI3LzQrNryNVzHQVwiFCHL2nz5zVFEm2eC5/m83nPzEn+VTgF40nqmslaC90wAXJvabmNfmEyZq06qp8x+IPMpPBlDbunxSiB1omoQc5nwqsJUMxuz/acq/O9+v/o3zCPnR85OJzSLhTjB7raHiA9R614hFE0m0qBkQo2AAHhriYeV34IALkWohFajVmouSBjQtbsVpEdHmClgN5cBfesqgH1IRI/xE+wYM+RMNQ9aAAzQZsuuA/P1OvKNYgIzN4ZCOLJJr7hqUOWrfLXVhfASHdRkqpSXD7BvhAIKtCdZuoVmdkCZUEBXblimTpF4qdPuqx2Gh6+iitZy6moodIzbP56FDWIiqDichlTa8FVkia41JGiFBK0jQRtI0CYStIUEbYPJBEdtmxzIBJpF0jQgeJbACAYWypi3o8S3VPIEx6mekOA5ZtL6NratWiefEsmus1ZuajceRHYgrmKPCpDYAxH1/GOHADCkgx6LE1BcYxUcNSD4u9tap70WLdBeUlbL1lAZTbV4CY52KB1pw2OH9J9fFCbEvAp2q20us6hfmcpgmwy3PivzDImmP2i9/mX5l2gsiDcgcE7/FBLFz7zIvP2oy0U0lnf6eaZNhkt6aVW88st5+7ZhzeKLcg+QqOPB52Xvo7H8sy/zCUg09dSzvIfQWFEaFDgYlMuzBMNaJtXh5aBFKqeuRGUug1XJA65nhgFahG3uRHjCHd+4qhHPRBisAkSWIK4eeebGRV+I4UY5SAIe9VqvPpsk7bRRnnIMW0fgucCj9zIslzk0HskFIOkxKnjpxcfs2E2Y4xJ9zguPiobHwNMCdjaIWL6vMK8akeFN8Jx+lbHjQ+PPBNfow1oSvHzUGjuNyANcY4+MBC9aCVndE9X0ZLSWoLB0BtBWygJ8Adqqq2xqwJo3nAhLS7UdltiIK1xJ4CaGmMFrFAAbRQkcZJ1hoIGU5scKDJLjf2rp35fPY9HyAY5vkB+/JWDTPmJQK33+HNamSb3N6VrrxAFBEJtnqNd2/fDhlWd5t/nZkpMyqPU6S71L0DH1z1b886tbZhK/4rSt1dvfT7iO37W+e/Hdh6JrxzuHlG6irV84O123siquXEDT9/YTcjwrEqrjHOOcqhMqPHNSPN4HZIZYDZj9m5G9Qtqru4yXFV1efD4ieVeiLZz4e386b5KsLRKUv7num6IpmpZ+iWZXxee4BBXhW1eOVahTugy/U6OEVbFx05V7EhNtT3yLKvSfO6s5VsfG8Ut1I6gpC/dS8Eo4p0xBq9psptSL4J2wDwXtmk0g1bHb+4eTvqpf5vFMv28tbL3blzYrUrKG3Ts7v2oelqWP/LLFQYfS7vtpThjc7zaiD3M18Ns4OhrHo6It/UtnWD2/6ealFdkXlLBW+snNseXlsW/P8LVdxWrP9lFX45/lyrOXrxJnn6huUWK+wX/Tnj1jY3v3Dvv6cqUYqVDYspVUkEpvLvVsdHxq6nj6HYlq1LpizWDr0/OzetZNjRjuvz21XvBceflcMLOma7qOS57y0qDoqYj2F+dbn3LMZtC01f3xduEWO7XQSSozPQ5eRBeyXxQE2y+RJwC3B3AdpJ9x+uTcQmhDySI3DKQGDRsB2wWmMTtowVAKFZJHwPpAtVg+OvyNrqlCbqHjvw3Cu+qn2kl2C+3X/3Qvnl26R+fECt9s77db8vTxidmbfOl3eKGcphcAG+3rqPhXsjuLsf2P+ltGCkkOlwh5Zvhbd4cjcgQ4TMEyGuCKJRAiZCdxsdxsIXlqP9Cs5DYo00oH0p3yEwOPisQkOXWIS37ane+RgukoRHcQfFasiEYCZ4jC5yrSnX4Sg9Synpj44khcWkmD63hAcsmmhmbGjb0JZ+d1h1XYF0o3ViZwAN9f/NDYjmaI/DDiJRnOaCrGFuod7CJjZgHC0ARpunuNI4E21GPDvmLWSRCIsHf7DU2HhmbGjT0mnJ1HF55uX4f1l26sTOohx8NvXWFs5155IMInzKUyP8+pqlTQkl7val27yPhmWIBsDE1mbFomjGIFATo8vcd1BfuoHEYnBJvxRFrl12xNz/08wEX4ekc0UaKLIaZYYosjLqpr214a0vu5cXxrcUTGC7Yd30eqtDqzvOrKel3/LuFwAAAAAA==) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAAAiEAAsAAAAADPgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAb0wIY21hcAAAAYgAAABuAAAB0osI7vJnbHlmAAAB+AAABGMAAAYUqf6Gv2hlYWQAAAZcAAAAMQAAADYYzLWPaGhlYQAABpAAAAAgAAAAJAe/A8hobXR4AAAGsAAAABUAAAAkIAD/+mxvY2EAAAbIAAAAFAAAABQGngfobWF4cAAABtwAAAAfAAAAIAEaAI5uYW1lAAAG/AAAATwAAAKOoUNzFnBvc3QAAAg4AAAATAAAAGM5s/mjeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTuY5zAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwOrxhfcTAf+H+AIYb5AIMDUJgRJAcAElcM+QB4nO2R0Q2EQAhE37q4EmMpflxB92UFV/c24TFgGZK8mTAhfACwAj04A4N20VB9I22Zd/bMjU/OmPLp9x3apNFb6hKzFhsHGx7B4K0j9fd0rpsVecWlQN4LfWNaobvOtdCn5iiQbwVyL/A/vZIXbwAAeJyFVEtoXFUYPv99z0w7uZOZuSfpvO487r2N6Tycx70JsQk2MXTaaUITNZQsyiyCCzUVwQotlkiqtribuCouE1oZEAptCnYzK2kDbqTgIu2quFDIuJEu1Nz6n7lJWgriXfznf5zzP8757keA4Mev8Z+SLCEQjUjDnsiYxyHLRNUegxoTZS0BlbLGt3S6o9Nlqu9Q/SWVi31I9S5zdXX6QmXpRUKedwTCd0iKZIhBKuQNrFXWoqGIlE2zIihqoao9AePgFbIrfVABuUKdWrbXTyiNTUBoz+Afsuy7j6nuokbV31SHYg9Wpt5uu2vt9kd3trE4GJQrP9a1Lvcrbq6zI+s6hRXq4AE8dp9easOX7R/vdLFZd61FHXeKa2Eet0Xk538RInB8gSjkNDlH3iMfk8vk817fESljVm0qalIfSBnLkCVZk4MgS9mMZTrj4NiVMsVhLNNirgIqds+XBKrJ5RQYNookyKJtWmY2I0sa1Splfhx6VhCYFaa1KqaQsUYKwBKjcgpEh9XijKCmJTTtB8ioYqiu9CvuJxMCp/DCSLExN/N6VRZGCo35kiXK09OyaJXmG4URgaeDpdm5RhE1hRMm4Gs8Vw+J6u65I/FidXRY85ZYMX5EGx6tessNJ6zkowIvXHZgve7WF31x2Km7vyyBBB3WQ0IzngaGfIYgPjE5iMeOnU2W8qXp4blkqV8Rh14Tlf5S8uyxzHGaZ2s8zplPRMHwDQVmB04n05GBRiLjvp9oDETSTMBKRo4cEmJRkeO/CEPdePamo8Tv5X6f5bgejvaw2odIKhKHLBJihKomwlVCMGmIHdv5HxvS+CxZSRY9JHkIrIUOsO54EEwxrEPLrxiKvyfWAkpOCfTES173IZCYIN2VBHjmVxzbcHOG7bDg7aNKnm7SvHL0tuL/HlrM5y6zDP+hcxMnJADpHSyw+7T01mSR03vVzkeTyej5ANmf/x+cX8IbGCXj5CTi0bHkaCUKJmJRmwA7HN0fqWpX0gxzGEBcpb0rQJeNg+JGjaeQrYFsOQyNWgT+nlw4YUPc53/gD/se+I3mlGtMNZtTsJ1LKYIcV/yHD7uGadsmbJs1Keejzrq7ss59Vt2oqQX1XRVikwuTugPfYgpfGNO4dz/wEkw1g0IYM/CCbXopTsqi4fPDDZYBarWNqqouqHkcB7niZ77Lf0fSaESCXKbA1ar4T0WDSExJrjyOpmnVkhzfnb26ubV5dfZC5+KVm2PNa99ca47dvHKxcwE6S+jG6NKlR9f7Vwe3Vk9hCHecWt0aXO2//givUTjgJIUMkBhiiRhpDwVZByuw+0qAd1/hiiW+SlXoR5rS2G8M9ziCBLLdCsj7jyoHWu02GC8oSqfcsqYf8iHv+GAZaXPDkAMBmQn3q/af7grbsqhTnjDlvqIgoxGPm9/m/iA57C7CyKaILIPCZNTABHu6vffrQ9rg59Uz+BS3bqE4o7L1Vfsnqs54gRk17wUO7N5GQv4FV5EzGAB4nGNgZGBgAOLXxy8zxPPbfGXgZmEAgVs3dnTC6P+//h9gYWI+AORyMDCBRAGNQQ6nAAAAeJxjYGRgYD7w/wADAwvD/1///7EwMQBFUAAnAKWfBo54nGNgYGBggeP/v1hQ+BAMACzQAhoAAAAAAAAAADIAjAFWAdYCSAJ8As4DCnicY2BkYGDgZGhiYGcAASYg5gJCBob/YD4DABaQAakAeJyNjrtOwzAUhn/TC6KVECoSEpuHCiGhppexEmvLwNShA1uaOm2qJI4ct2ofgHdg5jmYGXgYnoE/xmKgS23p+DvfuSQArvAJgeoIdFyszhnOmf1yjXTruU5+8NxAG4+em/RPnlvsePHcxjVeuUHUL2i6ePN8hkt8eK7Rf3muk789N3AjOp6b6Ip7zy3MxbPnNu7Ee6Rzq/a2l6l820uYlTO12qahOS4cm7kyZaJzOQwGx8WpypUJrVrKxUGWu9XI2ljGRmdyUvWmqZaF0RsV2WBtbTHu92Pvg0hniKCRw0Jhz9hDRsqxJSW+VmJGt6JLEcKcNHFKz5zO8E1cLjFEgMFJk1PnqunQdS45vcCBscSOfzqitYiZx+zR3CEx+dub8mqawtU2NBF9gLWbKjBGnzf+1x+4r2c/1uR9/3icbcjLCoAgEAXQuT7TvxRnCEHSaFz09wVtO8tDhj6Z/iUYWDh4BERsSMhkC7OrY962Lg0sXVSccNPYR+F27H6W661zNSV6AHljD4A=) format("woff"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJAb0wIAAABjAAAAFZjbWFwiwju8gAAAggAAAHSZ2x5Zqn+hr8AAAPwAAAGFGhlYWQYzLWPAAAA4AAAADZoaGVhB78DyAAAALwAAAAkaG10eCAA//oAAAHkAAAAJGxvY2EGngfoAAAD3AAAABRtYXhwARoAjgAAARgAAAAgbmFtZaFDcxYAAAoEAAACjnBvc3Q5s/mjAAAMlAAAAGMAAQAAA8D/wAAABAD/+v/+BAIAAQAAAAAAAAAAAAAAAAAAAAkAAQAAAAEAAOvH+HhfDzz1AAsEAAAAAADa2LiJAAAAANrYuIn/+v/ABAIDwAAAAAgAAgAAAAAAAAABAAAACQCCAAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEDjgGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoB6ggDwP/AAFwDwABAAAAAAQAAAAAAAAAAAAAEAAAABAAAAAQA//oEAAAABAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFiAAEAAAAAAFwAAwABAAAALAADAAoAAAFiAAQAMAAAAAQABAABAADqCP//AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABwAAAAAAAAAAgAAOoBAADqAQAAAAEAAOoCAADqAgAAAAIAAOoDAADqAwAAAAMAAOoEAADqBAAAAAQAAOoFAADqBQAAAAUAAOoGAADqBgAAAAYAAOoHAADqBwAAAAcAAOoIAADqCAAAAAgAAAAAAAAAMgCMAVYB1gJIAnwCzgMKAAEAAAAAA5MDdwAjAAABFRQGKwEVFAYrASImPQEjIiY9ATQ2OwE1NDY7ATIWHQEzMhYDkiAX7SAXbhcg7RcgIBftIBduFyDtFyACG20XIO4XICAX7iAXbRcg7hcgIBfuIAAAAAAFAAD/wAQAA8AAHwAiACUAMwA8AAABMhYVERQGIyEiJj0BISImNRE0Nj8BPgE7ATIWHQE2Mw8BMwEHMxc3NSMVFAYrAREhNTQ2AREjFRQGKwERA8kXICAX/dwXIP7JFyAXEOkQNxftFyAnIkmrq/6Tq6twtNsgF+4BJRcCMtwgFu4C5SAX/UkXICAXpCAXAYAXNxDpEBcgF7sXeqsBhqvGtO7uFyD+k5IXN/5EApLtFyD+kgAH//oAAAQCAy4ACABLAFkAZwByAHsAgQAAATIWFAYiJjQ2FwUWBg8BBiInJQcGBxYHDgEHBiMiJyY3PgE3NjMyFzY/AScmJwYjIicuAScmNjc2MzIXHgEXFgcyHwElNjIfAR4BBwU2JicmIyIHBhYXFjMyAz4BJyYjIgcOARcWMzITFzU0PwEnBwYPAR8BAScFFQcfAQU3JQcGBwIlDhYWHRYWugEiEAURSQgSCP51PwQCCAMEOC9MUk4xNAcEOC5MUzAnBQdGRgcFJzBTTC44BAMXGTBPUkwvOAQDCAIEPwGLCBIISREFEP1ZGhwvNDkrFhocLzQ5KxsvHBoWKzk0LxwaFis5mjcTCC0VBAMEezcBpEn+SVsJHAHtSf7XZQEGAcAWHRYWHRYl4wspCSUEBd0mAgEcGyxRHjAtMEYrUh4wEggFKSoFCBIwHlEsIj0XLTAeUSwcHAIm3QUEJQkpC08YSx4hFBhMHSL+ax1MGBQhHUwYFAGAIgcUDAQbFQUCA4UTAUkl9kE3CBy3JOpPAgIAAAUAAAAAA5MDdwAPAB8ALwA3AFsAACURNCYrASIGFREUFjsBMjY3ETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNgEhJyYnIwYHBRUUBisBERQGIyEiJjURIyImPQE0NjsBNz4BOwEyFh8BMzIWAZIKCCUICgoIJQgKkwsIJAgLCwgkCAuSCgglCAoKCCUICv7JAQAbBAa1BgQB9goINzYl/iQlNjcICgoIsSgILRe2Fy0IKLEICq4BkggKCgj+bggLCwgBkggKCgj+bggLCwgBkggKCgj+bggLCwI/QgYBAQZVJAgL/eMwRUMvAiALCCQIC18VHh4VXwsAAAAFAAAAAAP8A3cABgAPADkAPgBIAAABNycHFTMVASYPAQYWPwE2ExUUBiMhIiY1ETQ2MyEyFx4BDwEGJyYjISIGFREUFjMhMjY9ATQ/ATYWAxcBIzUBByc3NjIfARYUAftDV0I2ARwJCsgKEwnICiVhRP4lRGFhRAHbJB8IBAccCAoNDf4lJjY2JgHbJjUGJAkXN6T+gKQCfTSlNRAuEFYQARtDV0MgNwGcCQrICRMKyAr+tWxEYWFEAdtEYQ4EEwccCAMENib+JSY2NiZIBwUlCQoBmqT+gKQBNTWlNBAQVxAtAAABAAD/0gPuA6kAIQAAARQOAiIuAjU0PgE3FQ4BFRQeAjI+AjU0Jic1HgID7k+Etsq2hE9vwHZ+pzthiJSIYTunfnbAbwHAZbaET0+EtmV61IkSgxnKg0qIYTs7YYhKg8oZgxKJ1AAAAAQAAP/ABAADwAAIABgAGwA3AAAlIREjIiY9ASM3NTQmIyEiBh0BFBYzITI2EzMnBREUBiMhIiY9ASEiJjURNDYzITIWHQEWHwEeAQG3AgDuFyDbkgsH/m4ICwsIAZIHC5KrqwElIBf93Bcg/skXICAXAm4WIAwJ6RAXCQFuIBftpSUHCwsHJQcLC/6Hq/T+gBcgIBdbIBcDABcgIBe7CAjpEDcAAQAAAAADVALvACQAACUUDwEGIi8BBwYiLwEmND8BJyY0PwE2Mh8BNzYyHwEWFA8BFxYDUxBNEC4QqKgQLhBNEBCoqBAQTRAuEKioEC4QTRAQqKgQzRcQThAQqKgQEE4QLRCoqBAuEE4QEKioEBBOEC4QqKgQAAAAAAAQAMYAAQAAAAAAAQASAAAAAQAAAAAAAgAHABIAAQAAAAAAAwASABkAAQAAAAAABAASACsAAQAAAAAABQALAD0AAQAAAAAABgASAEgAAQAAAAAACgArAFoAAQAAAAAACwATAIUAAwABBAkAAQAkAJgAAwABBAkAAgAOALwAAwABBAkAAwAkAMoAAwABBAkABAAkAO4AAwABBAkABQAWARIAAwABBAkABgAkASgAAwABBAkACgBWAUwAAwABBAkACwAmAaJjb250ZXh0LW1lbnUtaWNvbnNSZWd1bGFyY29udGV4dC1tZW51LWljb25zY29udGV4dC1tZW51LWljb25zVmVyc2lvbiAxLjBjb250ZXh0LW1lbnUtaWNvbnNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAGMAbwBuAHQAZQB4AHQALQBtAGUAbgB1AC0AaQBjAG8AbgBzAGMAbwBuAHQAZQB4AHQALQBtAGUAbgB1AC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkBAgEDAQQBBQEGAQcBCAEJAQoAA2FkZARjb3B5A2N1dAZkZWxldGUEZWRpdAdsb2FkaW5nBXBhc3RlBHF1aXQAAAA=) format("truetype");
}

.context-menu-icon-add:before {
  content: "\EA01";
}

.context-menu-icon-copy:before {
  content: "\EA02";
}

.context-menu-icon-cut:before {
  content: "\EA03";
}

.context-menu-icon-delete:before {
  content: "\EA04";
}

.context-menu-icon-edit:before {
  content: "\EA05";
}

.context-menu-icon-loading:before {
  content: "\EA06";
}

.context-menu-icon-paste:before {
  content: "\EA07";
}

.context-menu-icon-quit:before {
  content: "\EA08";
}

.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
       -o-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
  line-height: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon--fa5 {
  display: list-item;
  font-family: inherit;
  line-height: inherit;
}
.context-menu-icon.context-menu-icon--fa5 i, .context-menu-icon.context-menu-icon--fa5 svg {
  position: absolute;
  top: .3em; 
  left: .5em;
  color: #2980b9;
}
.context-menu-icon.context-menu-icon--fa5.context-menu-hover > i, .context-menu-icon.context-menu-icon--fa5.context-menu-hover > svg {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa5.context-menu-disabled i, .context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg {
  color: #bbb;
}

.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  padding: .2em 2em;
  color: #2f2f2f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
  background-color: #fff;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer; 
  background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent; }

.c3 path, .c3 line {
  fill: none;
  stroke: #000; }

.c3 text {
  user-select: none; }

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges; }

.c3-chart-arc path {
  stroke: #fff; }

.c3-chart-arc rect {
  stroke: white;
  stroke-width: 1; }

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px; }

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa; }

.c3-grid text {
  fill: #aaa; }

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3; }

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em; }

/*-- Line --*/
.c3-line {
  stroke-width: 1px; }

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white; }

.c3-selected-circle {
  fill: white;
  stroke-width: 2px; }

/*-- Bar --*/
.c3-bar {
  stroke-width: 0; }

.c3-bar._expanded_ {
  fill-opacity: 0.75; }

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1; }

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px; }

.c3-target.c3-defocused {
  opacity: 0.3 !important; }

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1; }

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1; }

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px; }

.c3-legend-item-hidden {
  opacity: 0.15; }

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1; }

/*-- Title --*/
.c3-title {
  font: 14px sans-serif; }

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10; }

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9; }

.c3-tooltip tr {
  border: 1px solid #CCC; }

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px; }

.c3-tooltip td.value {
  text-align: right; }

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2; }

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em; }

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #FFF; }

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777; }

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777; }

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/ }

.c3-chart-arc.c3-target g path {
  opacity: 1; }

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1; }

.icon13.country_flag,
.icon16.country_flag,
.country_flag {
  display: inline-block;
  background-image:url(/static/dist/flag_icons_16x11.c4a1d12e.png);
  background-repeat:no-repeat;
  background-color:transparent;
  background-position: -100px, -100px;
  width:  16px;
  height: 11px;
  border: 0px;
  vertical-align:middle;
}

.tooltip_flag {
  text-align: right;
  float: right;
}

.country_NO { background-position: 0px -0px; }
.country_JP { background-position: 0px -11px; }
.country_MS { background-position: 0px -22px; }
.country_RU { background-position: 0px -33px; }
.country_FJ { background-position: 0px -44px; }
.country_GR { background-position: 0px -55px; }
.country_LT { background-position: 0px -66px; }
.country_BR { background-position: 0px -77px; }
.country_NP { background-position: 0px -88px; }
.country_KP { background-position: 0px -99px; }
.country_GL { background-position: 0px -110px; }
.country_LV { background-position: 0px -121px; }
.country_ID { background-position: 0px -132px; }
.country_PS { background-position: 0px -143px; }
.country_ES { background-position: 0px -154px; }
.country_DJ { background-position: 0px -165px; }
.country_GN { background-position: 0px -176px; }
.country_MW { background-position: 0px -187px; }
.country_TJ { background-position: 0px -198px; }
.country_KI { background-position: 0px -209px; }
.country_TV { background-position: 0px -220px; }
.country_RE { background-position: 0px -231px; }
.country_AE { background-position: 0px -242px; }
.country_BY { background-position: 0px -253px; }
.country_PA { background-position: 0px -264px; }
.country_NE { background-position: 0px -275px; }
.country_PE { background-position: 0px -286px; }
.country_MH { background-position: 0px -297px; }
.country_NU { background-position: 0px -308px; }
.country_TL { background-position: 0px -319px; }
.country_QA { background-position: 0px -330px; }
.country_CZ { background-position: 0px -341px; }
.country_AZ { background-position: 0px -352px; }
.country_CN { background-position: 0px -363px; }
.country_EG { background-position: 0px -374px; }
.country_PF { background-position: 0px -385px; }
.country_ME { background-position: 0px -396px; }
.country_AR { background-position: 0px -407px; }
.country_MY { background-position: 0px -418px; }
.country_YT { background-position: 0px -429px; }
.country_LU { background-position: 0px -440px; }
.country_LR { background-position: 0px -451px; }
.country_LY { background-position: 0px -462px; }
.country_SR { background-position: 0px -473px; }
.country_BS { background-position: 0px -484px; }
.country_ZA { background-position: 0px -495px; }
.country_MP { background-position: 0px -506px; }
.country_NG { background-position: 0px -517px; }
.country_BO { background-position: 0px -528px; }
.country_AU { background-position: 0px -539px; }
.country_SE { background-position: 0px -550px; }
.country_AX { background-position: 0px -561px; }
.country_BB { background-position: 0px -572px; }
.country_CR { background-position: 0px -583px; }
.country_GM { background-position: 0px -594px; }
.country_MD { background-position: 0px -605px; }
.country_GU { background-position: 0px -616px; }
.country_MO { background-position: 0px -627px; }
.country_TH { background-position: 0px -638px; }
.country_GE { background-position: 0px -649px; }
.country_MC { background-position: 0px -660px; }
.country_EE { background-position: 0px -671px; }
.country_LA { background-position: 0px -682px; }
.country_FK { background-position: 0px -693px; }
.country_MX { background-position: 0px -704px; }
.country_BN { background-position: 0px -715px; }
.country_BH { background-position: 0px -726px; }
.country_CO { background-position: 0px -737px; }
.country_KZ { background-position: 0px -748px; }
.country_SJ { background-position: 0px -759px; }
.country_WTF { background-position: 0px -770px; }
.country_TO { background-position: 0px -781px; }
.country_PG { background-position: 0px -792px; }
.country_BG { background-position: 0px -803px; }
.country_BJ { background-position: 0px -814px; }
.country_BI { background-position: 0px -825px; }
.country_OM { background-position: 0px -836px; }
.country_CU { background-position: 0px -847px; }
.country_SV { background-position: 0px -858px; }
.country_BE { background-position: 0px -869px; }
.country_NZ { background-position: 0px -880px; }
.country_SN { background-position: 0px -891px; }
.country_GQ { background-position: 0px -902px; }
.country_PT { background-position: 0px -913px; }
.country_JM { background-position: 0px -924px; }
.country_EC { background-position: 0px -935px; }
.country_PW { background-position: 0px -946px; }
.country_BF { background-position: 0px -957px; }
.country_GA { background-position: 0px -968px; }
.country_ST { background-position: 0px -979px; }
.country_GT { background-position: 0px -990px; }
.country_CF { background-position: 0px -1001px; }
.country_TK { background-position: 0px -1012px; }
.country_ML { background-position: 0px -1023px; }
.country_CV { background-position: 0px -1034px; }
.country_PY { background-position: 0px -1045px; }
.country_CG { background-position: 0px -1056px; }
.country_WF { background-position: 0px -1067px; }
.country_HN { background-position: 0px -1078px; }
.country_KR { background-position: 0px -1089px; }
.country_IT { background-position: 0px -1100px; }
.country_PN { background-position: 0px -1111px; }
.country_SI { background-position: 0px -1122px; }
.country_ER { background-position: 0px -1133px; }
.country_AN { background-position: 0px -1144px; }
.country_MG { background-position: 0px -1155px; }
.country_SZ { background-position: 0px -1166px; }
.country_SB { background-position: 0px -1177px; }
.country_TC { background-position: 0px -1188px; }
.country_TN { background-position: 0px -1199px; }
.country_MR { background-position: 0px -1210px; }
.country_KG { background-position: 0px -1221px; }
.country_MN { background-position: 0px -1232px; }
.country_PK { background-position: 0px -1243px; }
.country_MT { background-position: 0px -1254px; }
.country_KW { background-position: 0px -1265px; }
.country_SY { background-position: 0px -1276px; }
.country_TR { background-position: 0px -1287px; }
.country_NR { background-position: 0px -1298px; }
.country_GY { background-position: 0px -1309px; }
.country_VA { background-position: 0px -1320px; }
.country_NC { background-position: 0px -1331px; }
.country_HT { background-position: 0px -1342px; }
.country_CI { background-position: 0px -1353px; }
.country_MU { background-position: 0px -1364px; }
.country_PM { background-position: 0px -1375px; }
.country_NF { background-position: 0px -1386px; }
.country_BM { background-position: 0px -1397px; }
.country_MK { background-position: 0px -1408px; }
.country_LI { background-position: 0px -1419px; }
.country_KE { background-position: 0px -1430px; }
.country_AI { background-position: 0px -1441px; }
.country_SM { background-position: 0px -1452px; }
.country_DK { background-position: 0px -1463px; }
.country_SC { background-position: 0px -1474px; }
.country_UG { background-position: 0px -1485px; }
.country_SO { background-position: 0px -1496px; }
.country_CX { background-position: 0px -1507px; }
.country_IL { background-position: 0px -1518px; }
.country_ZM { background-position: 0px -1529px; }
.country_LC { background-position: 0px -1540px; }
.country_MZ { background-position: 0px -1551px; }
.country_UM { background-position: 0px -1562px; }
.country_FM { background-position: 0px -1573px; }
.country_IE { background-position: 0px -1584px; }
.country_RO { background-position: 0px -1595px; }
.country_VI { background-position: 0px -1606px; }
.country_MV { background-position: 0px -1617px; }
.country_TF { background-position: 0px -1628px; }
.country_AG { background-position: 0px -1639px; }
.country_FI { background-position: 0px -1650px; }
.country_CA { background-position: 0px -1661px; }
.country_MQ { background-position: 0px -1672px; }
.country_VC { background-position: 0px -1683px; }
.country_GW { background-position: 0px -1694px; }
.country_BA { background-position: 0px -1705px; }
.country_MM { background-position: 0px -1716px; }
.country_SK { background-position: 0px -1727px; }
.country_PR { background-position: 0px -1738px; }
.country_CD { background-position: 0px -1749px; }
.country_SD { background-position: 0px -1760px; }
.country_AM { background-position: 0px -1771px; }
.country_VG { background-position: 0px -1782px; }
.country_US { background-position: 0px -1793px; }
.country_UA { background-position: 0px -1804px; }
.country_RW { background-position: 0px -1815px; }
.country_AO { background-position: 0px -1826px; }
.country_CK { background-position: 0px -1837px; }
.country_KH { background-position: 0px -1848px; }
.country_AT { background-position: 0px -1859px; }
.country_YE { background-position: 0px -1870px; }
.country_CM { background-position: 0px -1881px; }
.country_DM { background-position: 0px -1892px; }
.country_SA { background-position: 0px -1903px; }
.country_DE { background-position: 0px -1914px; }
.country_WS { background-position: 0px -1925px; }
.country_FR { background-position: 0px -1936px; }
.country_RS { background-position: 0px -1947px; }
.country_GH { background-position: 0px -1958px; }
.country_BZ { background-position: 0px -1969px; }
.country_IO { background-position: 0px -1980px; }
.country_LS { background-position: 0px -1991px; }
.country_GD { background-position: 0px -2002px; }
.country_LK { background-position: 0px -2013px; }
.country_BD { background-position: 0px -2024px; }
.country_CH { background-position: 0px -2035px; }
.country_HR { background-position: 0px -2046px; }
.country_TD { background-position: 0px -2057px; }
.country_PH { background-position: 0px -2068px; }
.country_UZ { background-position: 0px -2079px; }
.country_TG { background-position: 0px -2090px; }
.country_SG { background-position: 0px -2101px; }
.country_AL { background-position: 0px -2112px; }
.country_CL { background-position: 0px -2123px; }
.country_JO { background-position: 0px -2134px; }
.country_HM { background-position: 0px -2145px; }
.country_VE { background-position: 0px -2156px; }
.country_GI { background-position: 0px -2167px; }
.country_ET { background-position: 0px -2178px; }
.country_TW { background-position: 0px -2189px; }
.country_GB { background-position: 0px -2200px; }
.country_NI { background-position: 0px -2211px; }
.country_LB { background-position: 0px -2222px; }
.country_GF { background-position: 0px -2233px; }
.country_SL { background-position: 0px -2244px; }
.country_BT { background-position: 0px -2255px; }
.country_AF { background-position: 0px -2266px; }
.country_MA { background-position: 0px -2277px; }
.country_PL { background-position: 0px -2288px; }
.country_KN { background-position: 0px -2299px; }
.country_CY { background-position: 0px -2310px; }
.country_AS { background-position: 0px -2321px; }
.country_IR { background-position: 0px -2332px; }
.country_UY { background-position: 0px -2343px; }
.country_SH { background-position: 0px -2354px; }
.country_TM { background-position: 0px -2365px; }
.country_VU { background-position: 0px -2376px; }
.country_FO { background-position: 0px -2387px; }
.country_HK { background-position: 0px -2398px; }
.country_AW { background-position: 0px -2409px; }
.country_BW { background-position: 0px -2420px; }
.country_KM { background-position: 0px -2431px; }
.country_GP { background-position: 0px -2442px; }
.country_HU { background-position: 0px -2453px; }
.country_NL { background-position: 0px -2464px; }
.country_IS { background-position: 0px -2475px; }
.country_EH { background-position: 0px -2486px; }
.country_IQ { background-position: 0px -2497px; }
.country_VN { background-position: 0px -2508px; }
.country_TT { background-position: 0px -2519px; }
.country_ZW { background-position: 0px -2530px; }
.country_DO { background-position: 0px -2541px; }
.country_CS { background-position: 0px -2552px; }
.country_KY { background-position: 0px -2563px; }
.country_IN { background-position: 0px -2574px; }
.country_GS { background-position: 0px -2585px; }
.country_BV { background-position: 0px -2596px; }
.country_CC { background-position: 0px -2607px; }
.country_AD { background-position: 0px -2618px; }
.country_DZ { background-position: 0px -2629px; }
.country_NA { background-position: 0px -2640px; }
.country_TZ { background-position: 0px -2651px; }

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
.cm-s-twilight .CodeMirror-selected { background: #323232 !important; } /**/
.cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); }
.cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); }

.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
.cm-s-twilight .CodeMirror-guttermarker { color: white; }
.cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }
.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white !important; }

.cm-s-twilight .cm-keyword {  color: #f9ee98; } /**/
.cm-s-twilight .cm-atom { color: #FC0; }
.cm-s-twilight .cm-number { color:  #ca7841; } /**/
.cm-s-twilight .cm-def { color: #8DA6CE; }
.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
.cm-s-twilight .cm-operator { color: #cda869; } /**/
.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
.cm-s-twilight .cm-string-2 { color:#bd6b18 } /*?*/
.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
.cm-s-twilight .cm-tag { color: #997643; } /**/
.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-twilight .cm-header { color: #FF6400; }
.cm-s-twilight .cm-hr { color: #AEAEAE; }
.cm-s-twilight .cm-link {   color:#ad9361; font-style:italic; text-decoration:none; } /**/
.cm-s-twilight .cm-error { border-bottom: 1px solid red; }

.cm-s-twilight .CodeMirror-activeline-background {background: #27282E !important;}
.cm-s-twilight .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material-darker.CodeMirror {
  background-color: #212121;
  color: #EEFFFF;
}

.cm-s-material-darker .CodeMirror-gutters {
  background: #212121;
  color: #545454;
  border: none;
}

.cm-s-material-darker .CodeMirror-guttermarker,
.cm-s-material-darker .CodeMirror-guttermarker-subtle,
.cm-s-material-darker .CodeMirror-linenumber {
  color: #545454;
}

.cm-s-material-darker .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}

.cm-s-material-darker div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker .CodeMirror-line::selection,
.cm-s-material-darker .CodeMirror-line>span::selection,
.cm-s-material-darker .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-line::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material-darker .cm-keyword {
  color: #C792EA;
}

.cm-s-material-darker .cm-operator {
  color: #89DDFF;
}

.cm-s-material-darker .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #f07178;
}

.cm-s-material-darker .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-atom {
  color: #F78C6C;
}

.cm-s-material-darker .cm-number {
  color: #FF5370;
}

.cm-s-material-darker .cm-def {
  color: #82AAFF;
}

.cm-s-material-darker .cm-string {
  color: #C3E88D;
}

.cm-s-material-darker .cm-string-2 {
  color: #f07178;
}

.cm-s-material-darker .cm-comment {
  color: #545454;
}

.cm-s-material-darker .cm-variable {
  color: #f07178;
}

.cm-s-material-darker .cm-tag {
  color: #FF5370;
}

.cm-s-material-darker .cm-meta {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-attribute {
  color: #C792EA;
}

.cm-s-material-darker .cm-property {
  color: #C792EA;
}

.cm-s-material-darker .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #DECB6B;
}


.cm-s-material-darker .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material-darker .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.CodeMirror-merge {
  position: relative;
  border: 1px solid #ddd;
  white-space: pre;
}

.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
  height: 55vh;
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; }
.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; }
.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }

.CodeMirror-merge-pane {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.CodeMirror-merge-pane-rightmost {
  /*position: absolute;*/
  right: 0px;
  z-index: 1;
}

.CodeMirror-merge-gap {
  z-index: 2;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  background: #f8f8f8;
}

.CodeMirror-merge-scrolllock-wrap {
  position: absolute;
  bottom: 0; left: 50%;
}
.CodeMirror-merge-scrolllock {
  position: relative;
  left: -50%;
  cursor: pointer;
  color: #555;
  line-height: 1;
}

.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
  position: absolute;
  left: 0; top: 0;
  right: 0; bottom: 0;
  line-height: 1;
}

.CodeMirror-merge-copy {
  position: absolute;
  cursor: pointer;
  color: #44c;
  z-index: 3;
}

.CodeMirror-merge-copy-reverse {
  position: absolute;
  cursor: pointer;
  color: #44c;
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }

.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAABHNCSVQICAgIfAhkiAAAABlJREFUCJljZGph+s/AwMDwt/ovAxMDEgAASkgEABOuxHkAAAAASUVORK5CYII=);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-chunk { background: #ffffe0; }
.CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
.CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }

.CodeMirror-merge-l-chunk { background: #eef; }
.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }

.CodeMirror-merge-collapsed-widget:before {
  content: "(...)";
}
.CodeMirror-merge-collapsed-widget {
  cursor: pointer;
  color: #88b;
  background: #eef;
  border: 1px solid #ddf;
  font-size: 90%;
  padding: 0 3px;
  border-radius: 4px;
}
.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }

.CodeMirror-pane-background-left { background: #ffe7eb; } 
.CodeMirror-pane-background-right { background: #daf8cf; }
.CodeMirror-hints {
  position: absolute;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  /*font-size: 80%;*/
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  width: 50vw;
}

.CodeMirror-hint:not(.divider) {
  margin: 0;
  padding: 2px 8px;
  border-radius: 2px;
  /*white-space: pre;*/
  color: #369;
  cursor: pointer;
}
.CodeMirror-hint:not(.divider):hover {
  text-decoration: underline;
}

li.CodeMirror-hint-active {
  background: #fec;
}

li.CodeMirror-hint.divider {
  color: black;
  padding-left: 0;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: red;
  outline:1px solid darkgray;
  font-weight: bold;
  background-color: gold;
}
/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}

.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
  background-image:
  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
  ;
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}

.croppie-container {
    width: 100%;
    height: 100%;
}
.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
    max-width: none;
}
.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
    width: 100%;
    height: 100%;
}
.croppie-container .cr-viewport {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
	z-index: 0;
}
.croppie-container .cr-original-image {
    display: none;
}
.croppie-container .cr-vp-circle {
	border-radius: 50%;
}
.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
}
.croppie-container .cr-slider-wrap {
	width: 75%;
	margin: 15px auto;
	text-align: center;
}
.croppie-result {
	position: relative;
	overflow: hidden;
}
.croppie-result img {
	position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;/*required for proper track sizing in FF*/
    max-width: 100%;
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}

.y-tick {
    stroke: black;
    fill: none;
    stroke-width: 1px;
}

.axis g.tick line {
    stroke: #777;
    fill: none;
    stroke-width: 1px;
}

.line-separator,
.x-axis {
    stroke: #777;
    fill: none;
    stroke-width: 1px;
}

.drop-line:last-child .line-separator {
    display: none;
}

text {
    stroke: none;
    fill: black;
}

/*
  Icon Font: flatuifont
*/

@font-face {
  font-family: "flatuifont";
  src: url(/static/dist/flatuifont.a19e7ff1.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}


.ffg-12 { font-size:12px;}
.ffg-14 { font-size:14px;}
.ffg-16 { font-size:16px;}
.ffg-18 { font-size:18px;}
.ffg-24 { font-size:24px;}
.ffg-48 { font-size:48px;}


.ffg:before {
  display: inline-block;
  font-family: "flatuifont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  width: 1em;
  content: '?';
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}

.ffg.loading:before {
  animation: spin 1s infinite steps(8); /* Chrome, Firefox 16+, IE 10+, Opera */
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ffg-nbsp:before { content: "\00a0"; }

.ffg-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
}
.ffg-stack .ffg {
  position: absolute;
}
.ffg-stack .ffg-indent {
  left: 0.2em;
}

.ffg-1col:before { content: "\f100"; }
.ffg-2col:before { content: "\f101"; }
.ffg-3col:before { content: "\f102"; }
.ffg-4col:before { content: "\f103"; }
.ffg-acknowledge:before { content: "\f104"; }
.ffg-acs:before { content: "\f105"; }
.ffg-active-directory:before { content: "\f106"; }
.ffg-add:before { content: "\f107"; }
.ffg-address:before { content: "\f108"; }
.ffg-address-explicit-proxy:before { content: "\f109"; }
.ffg-address-explicit-proxy-group:before { content: "\f10a"; }
.ffg-address-fqdn:before { content: "\f10b"; }
.ffg-address-geo:before { content: "\f10c"; }
.ffg-address-geo-graph:before { content: "\f10d"; }
.ffg-address-group:before { content: "\f10e"; }
.ffg-address-iprange:before { content: "\f10f"; }
.ffg-address-ipv4:before { content: "\f110"; }
.ffg-address-ipv6:before { content: "\f111"; }
.ffg-address-mac:before { content: "\f112"; }
.ffg-address-multicast:before { content: "\f113"; }
.ffg-address-nsx:before { content: "\f114"; }
.ffg-address-vip:before { content: "\f115"; }
.ffg-address-vipgroup:before { content: "\f116"; }
.ffg-address-wildcard-fqdn:before { content: "\f117"; }
.ffg-adhoc:before { content: "\f118"; }
.ffg-adhoc-wifi-networks:before { content: "\f119"; }
.ffg-administrator:before { content: "\f11a"; }
.ffg-administrators:before { content: "\f11b"; }
.ffg-adom-folder:before { content: "\f11c"; }
.ffg-advanced:before { content: "\f11d"; }
.ffg-advanced-search:before { content: "\f11e"; }
.ffg-advanced-settings:before { content: "\f11f"; }
.ffg-aggregate:before { content: "\f120"; }
.ffg-alert-triage:before { content: "\f121"; }
.ffg-alladoms:before { content: "\f122"; }
.ffg-amazon:before { content: "\f123"; }
.ffg-amazon-o:before { content: "\f124"; }
.ffg-analytics:before { content: "\f125"; }
.ffg-and:before { content: "\f126"; }
.ffg-android:before { content: "\f127"; }
.ffg-antivirus:before { content: "\f128"; }
.ffg-ap-on-floor:before { content: "\f129"; }
.ffg-application-control:before { content: "\f12a"; }
.ffg-applications:before { content: "\f12b"; }
.ffg-arrow-down:before { content: "\f12c"; }
.ffg-arrow-left:before { content: "\f12d"; }
.ffg-arrow-right:before { content: "\f12e"; }
.ffg-arrow-up:before { content: "\f12f"; }
.ffg-authentication-scheme:before { content: "\f130"; }
.ffg-automation:before { content: "\f131"; }
.ffg-aws:before { content: "\f132"; }
.ffg-aws-lambda:before { content: "\f133"; }
.ffg-azure:before { content: "\f134"; }
.ffg-azure-o:before { content: "\f135"; }
.ffg-azure-o-no-border:before { content: "\f136"; }
.ffg-bell:before { content: "\f137"; }
.ffg-blackberry:before { content: "\f138"; }
.ffg-book:before { content: "\f139"; }
.ffg-bridging:before { content: "\f13a"; }
.ffg-bubbles:before { content: "\f13b"; }
.ffg-ca-certificates:before { content: "\f13c"; }
.ffg-ca-certificates-top:before { content: "\f13d"; }
.ffg-calendar:before { content: "\f13e"; }
.ffg-cancel:before { content: "\f13f"; }
.ffg-case-insensitive:before { content: "\f140"; }
.ffg-case-sensitive:before { content: "\f141"; }
.ffg-certificate:before { content: "\f142"; }
.ffg-certificate-local:before { content: "\f143"; }
.ffg-certificate-local-top:before { content: "\f144"; }
.ffg-certificate-remote:before { content: "\f145"; }
.ffg-certificate-remote-top:before { content: "\f146"; }
.ffg-chart-area:before { content: "\f147"; }
.ffg-chart-bar:before { content: "\f148"; }
.ffg-chart-bubble:before { content: "\f149"; }
.ffg-chart-chord:before { content: "\f14a"; }
.ffg-chart-donut:before { content: "\f14b"; }
.ffg-chart-library:before { content: "\f14c"; }
.ffg-chart-line:before { content: "\f14d"; }
.ffg-chart-map:before { content: "\f14e"; }
.ffg-chart-pie:before { content: "\f14f"; }
.ffg-chart-radar:before { content: "\f150"; }
.ffg-chart-sankey:before { content: "\f151"; }
.ffg-chart-stack-bar:before { content: "\f152"; }
.ffg-chart-table:before { content: "\f153"; }
.ffg-chart-treemap:before { content: "\f154"; }
.ffg-check:before { content: "\f155"; }
.ffg-check-empty:before { content: "\f156"; }
.ffg-check-selected:before { content: "\f157"; }
.ffg-checkered-top-left-bottom-right:before { content: "\f158"; }
.ffg-checkered-top-right-bottom-left:before { content: "\f159"; }
.ffg-chip:before { content: "\f15a"; }
.ffg-circle-thin:before { content: "\f15b"; }
.ffg-cisco:before { content: "\f15c"; }
.ffg-cisco-aci:before { content: "\f15d"; }
.ffg-cli:before { content: "\f15e"; }
.ffg-cli-group:before { content: "\f15f"; }
.ffg-clients-connected:before { content: "\f160"; }
.ffg-clone:before { content: "\f161"; }
.ffg-close:before { content: "\f162"; }
.ffg-cloud:before { content: "\f163"; }
.ffg-cloud-flow:before { content: "\f164"; }
.ffg-cloud-flow-trans:before { content: "\f165"; }
.ffg-cloud-group:before { content: "\f166"; }
.ffg-cloud-o:before { content: "\f167"; }
.ffg-cloud-proxy:before { content: "\f168"; }
.ffg-cloud-proxy-trans:before { content: "\f169"; }
.ffg-cloud-vm:before { content: "\f16a"; }
.ffg-cloud-vm-current:before { content: "\f16b"; }
.ffg-cmgmt-ro-o:before { content: "\f16c"; }
.ffg-cmgmt-rw-o:before { content: "\f16d"; }
.ffg-col-settings:before { content: "\f16e"; }
.ffg-collapse-all:before { content: "\f16f"; }
.ffg-config-status:before { content: "\f170"; }
.ffg-connected:before { content: "\f171"; }
.ffg-connection-down:before { content: "\f172"; }
.ffg-connectors:before { content: "\f173"; }
.ffg-copy:before { content: "\f174"; }
.ffg-correlation-rules:before { content: "\f175"; }
.ffg-cpu:before { content: "\f176"; }
.ffg-crl:before { content: "\f177"; }
.ffg-crl-top:before { content: "\f178"; }
.ffg-csv-format:before { content: "\f179"; }
.ffg-cursor:before { content: "\f17a"; }
.ffg-custom:before { content: "\f17b"; }
.ffg-custom-schedule:before { content: "\f17c"; }
.ffg-custom-view:before { content: "\f17d"; }
.ffg-cut:before { content: "\f17e"; }
.ffg-dashboard:before { content: "\f17f"; }
.ffg-data-leak-prevention:before { content: "\f180"; }
.ffg-dataset:before { content: "\f181"; }
.ffg-delete:before { content: "\f182"; }
.ffg-deselect:before { content: "\f183"; }
.ffg-deselect-all:before { content: "\f184"; }
.ffg-detail:before { content: "\f185"; }
.ffg-device:before { content: "\f186"; }
.ffg-device-dashboard:before { content: "\f187"; }
.ffg-device-group-custom:before { content: "\f188"; }
.ffg-device-lock:before { content: "\f189"; }
.ffg-device-log-settings:before { content: "\f18a"; }
.ffg-device-model:before { content: "\f18b"; }
.ffg-device-total:before { content: "\f18c"; }
.ffg-dial-up:before { content: "\f18d"; }
.ffg-diff:before { content: "\f18e"; }
.ffg-disable:before { content: "\f18f"; }
.ffg-disconnected:before { content: "\f190"; }
.ffg-disk:before { content: "\f191"; }
.ffg-doc-arrows:before { content: "\f192"; }
.ffg-dot:before { content: "\f193"; }
.ffg-dot-round:before { content: "\f194"; }
.ffg-down:before { content: "\f195"; }
.ffg-download:before { content: "\f196"; }
.ffg-download-csv:before { content: "\f197"; }
.ffg-download-pdf:before { content: "\f198"; }
.ffg-drag:before { content: "\f199"; }
.ffg-dynamic-objects:before { content: "\f19a"; }
.ffg-edit:before { content: "\f19b"; }
.ffg-email:before { content: "\f19c"; }
.ffg-emailfilter:before { content: "\f19d"; }
.ffg-ems-antivirus:before { content: "\f19e"; }
.ffg-ems-connection:before { content: "\f19f"; }
.ffg-ems-software-inventory:before { content: "\f1a0"; }
.ffg-ems-vulnerability-scan:before { content: "\f1a1"; }
.ffg-enable:before { content: "\f1a2"; }
.ffg-esxi:before { content: "\f1a3"; }
.ffg-event:before { content: "\f1a4"; }
.ffg-event-monitor:before { content: "\f1a5"; }
.ffg-event-trigger:before { content: "\f1a6"; }
.ffg-eventlog:before { content: "\f1a7"; }
.ffg-exclamation:before { content: "\f1a8"; }
.ffg-exit-full-screen:before { content: "\f1a9"; }
.ffg-expand-all:before { content: "\f1aa"; }
.ffg-expand-arrow:before { content: "\f1ab"; }
.ffg-export:before { content: "\f1ac"; }
.ffg-external-resource-address:before { content: "\f1ad"; }
.ffg-external-resource-category:before { content: "\f1ae"; }
.ffg-external-resource-domain:before { content: "\f1af"; }
.ffg-external-resource-malware:before { content: "\f1b0"; }
.ffg-eye-close:before { content: "\f1b1"; }
.ffg-eye-open:before { content: "\f1b2"; }
.ffg-fabric-device:before { content: "\f1b3"; }
.ffg-facebook:before { content: "\f1b4"; }
.ffg-fan:before { content: "\f1b5"; }
.ffg-faz-collector:before { content: "\f1b6"; }
.ffg-faz-standalone:before { content: "\f1b7"; }
.ffg-fems-logo:before { content: "\f1b8"; }
.ffg-firewall:before { content: "\f1b9"; }
.ffg-fmg-backup-mode:before { content: "\f1ba"; }
.ffg-folder:before { content: "\f1bb"; }
.ffg-folder-group:before { content: "\f1bc"; }
.ffg-folder-open-twotabs:before { content: "\f1bd"; }
.ffg-folder-twotabs:before { content: "\f1be"; }
.ffg-fortiadc:before { content: "\f1bf"; }
.ffg-fortiai:before { content: "\f1c0"; }
.ffg-fortianalyzer:before { content: "\f1c1"; }
.ffg-fortianalyzer-o-no-border:before { content: "\f1c2"; }
.ffg-fortiap:before { content: "\f1c3"; }
.ffg-fortiap-marketing:before { content: "\f1c4"; }
.ffg-fortiauthenticator:before { content: "\f1c5"; }
.ffg-forticache:before { content: "\f1c6"; }
.ffg-forticarrier:before { content: "\f1c7"; }
.ffg-forticasb:before { content: "\f1c8"; }
.ffg-forticlient:before { content: "\f1c9"; }
.ffg-forticlient-ems:before { content: "\f1ca"; }
.ffg-forticlient-o:before { content: "\f1cb"; }
.ffg-forticlient-solid:before { content: "\f1cc"; }
.ffg-forticloud:before { content: "\f1cd"; }
.ffg-fortiddos:before { content: "\f1ce"; }
.ffg-fortideceptor:before { content: "\f1cf"; }
.ffg-fortiextender:before { content: "\f1d0"; }
.ffg-fortifirewall:before { content: "\f1d1"; }
.ffg-fortigate:before { content: "\f1d2"; }
.ffg-fortigate-marketing:before { content: "\f1d3"; }
.ffg-fortigate-marketing-current:before { content: "\f1d4"; }
.ffg-fortigate-marketing-fwf:before { content: "\f1d5"; }
.ffg-fortigate-marketing-fwf-current:before { content: "\f1d6"; }
.ffg-fortigate-marketing-vm:before { content: "\f1d7"; }
.ffg-fortigate-marketing-vm-current:before { content: "\f1d8"; }
.ffg-fortiguard:before { content: "\f1d9"; }
.ffg-fortiguard-dashboard:before { content: "\f1da"; }
.ffg-fortimail:before { content: "\f1db"; }
.ffg-fortimanager:before { content: "\f1dc"; }
.ffg-fortimanager-map:before { content: "\f1dd"; }
.ffg-fortinac:before { content: "\f1de"; }
.ffg-fortinet-grid:before { content: "\f1df"; }
.ffg-fortiproxy:before { content: "\f1e0"; }
.ffg-fortirecorder:before { content: "\f1e1"; }
.ffg-fortisandbox:before { content: "\f1e2"; }
.ffg-fortisoar:before { content: "\f1e3"; }
.ffg-fortiswitch:before { content: "\f1e4"; }
.ffg-fortiswitch-ha:before { content: "\f1e5"; }
.ffg-fortiswitch-marketing:before { content: "\f1e6"; }
.ffg-fortitoken:before { content: "\f1e7"; }
.ffg-fortitoken-revoke:before { content: "\f1e8"; }
.ffg-fortitoken-send:before { content: "\f1e9"; }
.ffg-fortiview:before { content: "\f1ea"; }
.ffg-fortiweb:before { content: "\f1eb"; }
.ffg-fortiwifi:before { content: "\f1ec"; }
.ffg-fortiwlc:before { content: "\f1ed"; }
.ffg-freebsd:before { content: "\f1ee"; }
.ffg-fsso-service:before { content: "\f1ef"; }
.ffg-ftp-server:before { content: "\f1f0"; }
.ffg-full-meshed:before { content: "\f1f1"; }
.ffg-full-screen:before { content: "\f1f2"; }
.ffg-gaming-console:before { content: "\f1f3"; }
.ffg-gcp:before { content: "\f1f4"; }
.ffg-gcp-o:before { content: "\f1f5"; }
.ffg-gcp-o-no-border:before { content: "\f1f6"; }
.ffg-globe:before { content: "\f1f7"; }
.ffg-google:before { content: "\f1f8"; }
.ffg-group:before { content: "\f1f9"; }
.ffg-grouping:before { content: "\f1fa"; }
.ffg-gtp-log:before { content: "\f1fb"; }
.ffg-ha:before { content: "\f1fc"; }
.ffg-hamburger:before { content: "\f1fd"; }
.ffg-heartbeat:before { content: "\f1fe"; }
.ffg-help-o:before { content: "\f1ff"; }
.ffg-help-solid:before { content: "\f200"; }
.ffg-history:before { content: "\f201"; }
.ffg-hook-triangle-left:before { content: "\f202"; }
.ffg-hook-triangle-right-bottom:before { content: "\f203"; }
.ffg-hub:before { content: "\f204"; }
.ffg-ibm-cloud:before { content: "\f205"; }
.ffg-import:before { content: "\f206"; }
.ffg-incidents:before { content: "\f207"; }
.ffg-incidents-add:before { content: "\f208"; }
.ffg-incidents-new:before { content: "\f209"; }
.ffg-insert-above:before { content: "\f20a"; }
.ffg-insert-below:before { content: "\f20b"; }
.ffg-install:before { content: "\f20c"; }
.ffg-interface:before { content: "\f20d"; }
.ffg-interface-filtered:before { content: "\f20e"; }
.ffg-interface-fortilink:before { content: "\f20f"; }
.ffg-interface-modem:before { content: "\f210"; }
.ffg-interface-rj11:before { content: "\f211"; }
.ffg-interface-rj11-half-duplex:before { content: "\f212"; }
.ffg-interface-rj45:before { content: "\f213"; }
.ffg-interface-rj45-half-duplex:before { content: "\f214"; }
.ffg-interface-sfp:before { content: "\f215"; }
.ffg-interface-sfp-half-duplex:before { content: "\f216"; }
.ffg-intrusion-prevention:before { content: "\f217"; }
.ffg-ioc:before { content: "\f218"; }
.ffg-ios:before { content: "\f219"; }
.ffg-ip:before { content: "\f21a"; }
.ffg-ip-pool:before { content: "\f21b"; }
.ffg-ipfix:before { content: "\f21c"; }
.ffg-iphone:before { content: "\f21d"; }
.ffg-ipv6-template:before { content: "\f21e"; }
.ffg-kubernetes:before { content: "\f21f"; }
.ffg-language:before { content: "\f220"; }
.ffg-laptop:before { content: "\f221"; }
.ffg-last:before { content: "\f222"; }
.ffg-launch-portal:before { content: "\f223"; }
.ffg-ldap:before { content: "\f224"; }
.ffg-ldap-address:before { content: "\f225"; }
.ffg-ldap-city:before { content: "\f226"; }
.ffg-ldap-cn:before { content: "\f227"; }
.ffg-ldap-country:before { content: "\f228"; }
.ffg-ldap-dc:before { content: "\f229"; }
.ffg-ldap-organization:before { content: "\f22a"; }
.ffg-ldap-ou:before { content: "\f22b"; }
.ffg-ldap-server:before { content: "\f22c"; }
.ffg-ldap-state:before { content: "\f22d"; }
.ffg-ldap-uid:before { content: "\f22e"; }
.ffg-line-graph:before { content: "\f22f"; }
.ffg-linkedin:before { content: "\f230"; }
.ffg-linux:before { content: "\f231"; }
.ffg-local:before { content: "\f232"; }
.ffg-lock:before { content: "\f233"; }
.ffg-lock-by-user:before { content: "\f234"; }
.ffg-log:before { content: "\f235"; }
.ffg-log-array:before { content: "\f236"; }
.ffg-log-browse:before { content: "\f237"; }
.ffg-log-report:before { content: "\f238"; }
.ffg-log-view:before { content: "\f239"; }
.ffg-logout:before { content: "\f23a"; }
.ffg-logout-o:before { content: "\f23b"; }
.ffg-loopback:before { content: "\f23c"; }
.ffg-mac-os-x:before { content: "\f23d"; }
.ffg-macos:before { content: "\f23e"; }
.ffg-macro-library:before { content: "\f23f"; }
.ffg-mail:before { content: "\f240"; }
.ffg-mail-server:before { content: "\f241"; }
.ffg-malware:before { content: "\f242"; }
.ffg-matrix:before { content: "\f243"; }
.ffg-mesh:before { content: "\f244"; }
.ffg-meta-fields:before { content: "\f245"; }
.ffg-money:before { content: "\f246"; }
.ffg-monitor:before { content: "\f247"; }
.ffg-multiple-devices:before { content: "\f248"; }
.ffg-nav-user:before { content: "\f249"; }
.ffg-network:before { content: "\f24a"; }
.ffg-new:before { content: "\f24b"; }
.ffg-news:before { content: "\f24c"; }
.ffg-next:before { content: "\f24d"; }
.ffg-no:before { content: "\f24e"; }
.ffg-np-accelerated:before { content: "\f24f"; }
.ffg-nuage-networks:before { content: "\f250"; }
.ffg-null:before { content: "\f251"; }
.ffg-nutanix:before { content: "\f252"; }
.ffg-nutanix-small:before { content: "\f253"; }
.ffg-object-selector:before { content: "\f254"; }
.ffg-on-bottom:before { content: "\f255"; }
.ffg-on-left:before { content: "\f256"; }
.ffg-online-help:before { content: "\f257"; }
.ffg-opc:before { content: "\f258"; }
.ffg-opc-o:before { content: "\f259"; }
.ffg-openstack:before { content: "\f25a"; }
.ffg-openstack-text:before { content: "\f25b"; }
.ffg-or:before { content: "\f25c"; }
.ffg-oracle-oci:before { content: "\f25d"; }
.ffg-output-profile:before { content: "\f25e"; }
.ffg-packet-download:before { content: "\f25f"; }
.ffg-paste-above:before { content: "\f260"; }
.ffg-paste-below:before { content: "\f261"; }
.ffg-peer:before { content: "\f262"; }
.ffg-pen:before { content: "\f263"; }
.ffg-pending:before { content: "\f264"; }
.ffg-pin:before { content: "\f265"; }
.ffg-place-ap:before { content: "\f266"; }
.ffg-playbook-monitor:before { content: "\f267"; }
.ffg-playbooks:before { content: "\f268"; }
.ffg-policy-objects:before { content: "\f269"; }
.ffg-policy-package:before { content: "\f26a"; }
.ffg-port:before { content: "\f26b"; }
.ffg-ports:before { content: "\f26c"; }
.ffg-power:before { content: "\f26d"; }
.ffg-printer:before { content: "\f26e"; }
.ffg-profile:before { content: "\f26f"; }
.ffg-profile-antivirus:before { content: "\f270"; }
.ffg-profile-application:before { content: "\f271"; }
.ffg-profile-dlp:before { content: "\f272"; }
.ffg-profile-dos:before { content: "\f273"; }
.ffg-profile-emailfilter:before { content: "\f274"; }
.ffg-profile-ips:before { content: "\f275"; }
.ffg-profile-package:before { content: "\f276"; }
.ffg-profile-proxy-option:before { content: "\f277"; }
.ffg-profile-ssl-ssh-inspection:before { content: "\f278"; }
.ffg-profile-webfilter:before { content: "\f279"; }
.ffg-protected-schedule:before { content: "\f27a"; }
.ffg-purge:before { content: "\f27b"; }
.ffg-quarantine:before { content: "\f27c"; }
.ffg-radio-empty:before { content: "\f27d"; }
.ffg-radio-selected:before { content: "\f27e"; }
.ffg-radius:before { content: "\f27f"; }
.ffg-radius-server:before { content: "\f280"; }
.ffg-ram:before { content: "\f281"; }
.ffg-reboot:before { content: "\f282"; }
.ffg-redo:before { content: "\f283"; }
.ffg-refresh:before { content: "\f284"; }
.ffg-refresh-rectangle:before { content: "\f285"; }
.ffg-regular-search:before { content: "\f286"; }
.ffg-remote:before { content: "\f287"; }
.ffg-remove-all:before { content: "\f288"; }
.ffg-report:before { content: "\f289"; }
.ffg-report-home:before { content: "\f28a"; }
.ffg-reset:before { content: "\f28b"; }
.ffg-responsive:before { content: "\f28c"; }
.ffg-retrieve-diagnostic:before { content: "\f28d"; }
.ffg-ring-network:before { content: "\f28e"; }
.ffg-rogue:before { content: "\f28f"; }
.ffg-rogue-ap:before { content: "\f290"; }
.ffg-rsso:before { content: "\f291"; }
.ffg-run-report:before { content: "\f292"; }
.ffg-salesforce:before { content: "\f293"; }
.ffg-salesforce-o:before { content: "\f294"; }
.ffg-samba-server:before { content: "\f295"; }
.ffg-save:before { content: "\f296"; }
.ffg-schedule:before { content: "\f297"; }
.ffg-schedule-group:before { content: "\f298"; }
.ffg-schedule-recurrence:before { content: "\f299"; }
.ffg-schedule-recurring:before { content: "\f29a"; }
.ffg-schedule-trigger:before { content: "\f29b"; }
.ffg-sd-wan:before { content: "\f29c"; }
.ffg-sdn-conntector:before { content: "\f29d"; }
.ffg-search:before { content: "\f29e"; }
.ffg-search-contextmenu:before { content: "\f29f"; }
.ffg-security:before { content: "\f2a0"; }
.ffg-security-fabric:before { content: "\f2a1"; }
.ffg-select:before { content: "\f2a2"; }
.ffg-select-all:before { content: "\f2a3"; }
.ffg-send-logs:before { content: "\f2a4"; }
.ffg-service:before { content: "\f2a5"; }
.ffg-service-group:before { content: "\f2a6"; }
.ffg-sessions:before { content: "\f2a7"; }
.ffg-settings:before { content: "\f2a8"; }
.ffg-share:before { content: "\f2a9"; }
.ffg-shopping-cart:before { content: "\f2aa"; }
.ffg-shutdown:before { content: "\f2ab"; }
.ffg-siem:before { content: "\f2ac"; }
.ffg-simple-view:before { content: "\f2ad"; }
.ffg-skype:before { content: "\f2ae"; }
.ffg-sms:before { content: "\f2af"; }
.ffg-snmp:before { content: "\f2b0"; }
.ffg-solid:before { content: "\f2b1"; }
.ffg-spinner:before { content: "\f2b2"; }
.ffg-ssh:before { content: "\f2b3"; }
.ffg-ssl:before { content: "\f2b4"; }
.ffg-star:before { content: "\f2b5"; }
.ffg-summary:before { content: "\f2b6"; }
.ffg-support:before { content: "\f2b7"; }
.ffg-supress:before { content: "\f2b8"; }
.ffg-switch:before { content: "\f2b9"; }
.ffg-switch-2:before { content: "\f2ba"; }
.ffg-switch-vdom:before { content: "\f2bb"; }
.ffg-symantec:before { content: "\f2bc"; }
.ffg-syslog:before { content: "\f2bd"; }
.ffg-system-settings:before { content: "\f2be"; }
.ffg-table:before { content: "\f2bf"; }
.ffg-tacacs:before { content: "\f2c0"; }
.ffg-tacacs-server:before { content: "\f2c1"; }
.ffg-tag:before { content: "\f2c2"; }
.ffg-tag-category:before { content: "\f2c3"; }
.ffg-task-manager:before { content: "\f2c4"; }
.ffg-temperature:before { content: "\f2c5"; }
.ffg-templates:before { content: "\f2c6"; }
.ffg-terminal:before { content: "\f2c7"; }
.ffg-third-party-threat-feed:before { content: "\f2c8"; }
.ffg-threats:before { content: "\f2c9"; }
.ffg-timeline:before { content: "\f2ca"; }
.ffg-toggle-off:before { content: "\f2cb"; }
.ffg-toggle-on:before { content: "\f2cc"; }
.ffg-tools:before { content: "\f2cd"; }
.ffg-top-help:before { content: "\f2ce"; }
.ffg-top-message:before { content: "\f2cf"; }
.ffg-top-task:before { content: "\f2d0"; }
.ffg-top-user:before { content: "\f2d1"; }
.ffg-traffic:before { content: "\f2d2"; }
.ffg-traffic-shaper:before { content: "\f2d3"; }
.ffg-traffic-shaper-reverse:before { content: "\f2d4"; }
.ffg-tray-alert:before { content: "\f2d5"; }
.ffg-tray-running:before { content: "\f2d6"; }
.ffg-tree-close-light:before { content: "\f2d7"; }
.ffg-tree-collapsed:before { content: "\f2d8"; }
.ffg-tree-open:before { content: "\f2d9"; }
.ffg-tree-open-light:before { content: "\f2da"; }
.ffg-triangle-down:before { content: "\f2db"; }
.ffg-triangle-right:before { content: "\f2dc"; }
.ffg-twitter:before { content: "\f2dd"; }
.ffg-undo:before { content: "\f2de"; }
.ffg-unlocked:before { content: "\f2df"; }
.ffg-unpin:before { content: "\f2e0"; }
.ffg-unregistered:before { content: "\f2e1"; }
.ffg-up:before { content: "\f2e2"; }
.ffg-upgrade:before { content: "\f2e3"; }
.ffg-usb:before { content: "\f2e4"; }
.ffg-usb-o:before { content: "\f2e5"; }
.ffg-usb-warn-o:before { content: "\f2e6"; }
.ffg-user:before { content: "\f2e7"; }
.ffg-user-o:before { content: "\f2e8"; }
.ffg-user-radius:before { content: "\f2e9"; }
.ffg-user-secret:before { content: "\f2ea"; }
.ffg-users:before { content: "\f2eb"; }
.ffg-validate:before { content: "\f2ec"; }
.ffg-validate-all:before { content: "\f2ed"; }
.ffg-vdom:before { content: "\f2ee"; }
.ffg-vdom-flow:before { content: "\f2ef"; }
.ffg-vdom-flow-transparent:before { content: "\f2f0"; }
.ffg-vdom-proxy:before { content: "\f2f1"; }
.ffg-vdom-proxy-transparent:before { content: "\f2f2"; }
.ffg-video:before { content: "\f2f3"; }
.ffg-view:before { content: "\f2f4"; }
.ffg-view-detail:before { content: "\f2f5"; }
.ffg-virtual-domain:before { content: "\f2f6"; }
.ffg-virtual-ip:before { content: "\f2f7"; }
.ffg-virtual-ip-group:before { content: "\f2f8"; }
.ffg-virtual-machine:before { content: "\f2f9"; }
.ffg-virtual-server-load-balance:before { content: "\f2fa"; }
.ffg-virtual-wan-link:before { content: "\f2fb"; }
.ffg-virtual-wire-pair:before { content: "\f2fc"; }
.ffg-vlan:before { content: "\f2fd"; }
.ffg-vm:before { content: "\f2fe"; }
.ffg-vmware:before { content: "\f2ff"; }
.ffg-vmware-esxi:before { content: "\f300"; }
.ffg-vmware-nsx:before { content: "\f301"; }
.ffg-voip:before { content: "\f302"; }
.ffg-vpn:before { content: "\f303"; }
.ffg-vpn-lock:before { content: "\f304"; }
.ffg-vpn-lock-o:before { content: "\f305"; }
.ffg-vpn-manager:before { content: "\f306"; }
.ffg-vpn-tunnel:before { content: "\f307"; }
.ffg-vpn-wzd-arrow:before { content: "\f308"; }
.ffg-vpn-wzd-device:before { content: "\f309"; }
.ffg-vpn-wzd-interface:before { content: "\f30a"; }
.ffg-vpn-wzd-protected-network:before { content: "\f30b"; }
.ffg-vpn-wzd-vpn:before { content: "\f30c"; }
.ffg-vulnerability-scan:before { content: "\f30d"; }
.ffg-wan-opt:before { content: "\f30e"; }
.ffg-warning:before { content: "\f30f"; }
.ffg-warning-out-of-memory:before { content: "\f310"; }
.ffg-web-server:before { content: "\f311"; }
.ffg-webfilter:before { content: "\f312"; }
.ffg-where-used:before { content: "\f313"; }
.ffg-wifi:before { content: "\f314"; }
.ffg-wifi-bridging:before { content: "\f315"; }
.ffg-wifi-controller:before { content: "\f316"; }
.ffg-wifi-mesh:before { content: "\f317"; }
.ffg-windows13:before { content: "\f318"; }
.ffg-wizard-o:before { content: "\f319"; }
.ffg-yes:before { content: "\f31a"; }


.form-control-hover-effect {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover:not([disabled]) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover::placeholder {
  color: rgb(var(--nw-color-green-900));
}
/*
 * Variables definitions.
 *
 * WARNING: Do not put any non-variable instruction here becuase it's
 * imported by themes and other less files which will do unnecessary or wrong
 * overwrites.
 */
/*
 * Please put "()" for all mixins here so the they will not be output to the
 * result.
 */
.color-background {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
}
.color-msg-yellow {
  color: rgb(var(--nw-color-on-msg-yellow));
  background-color: rgb(var(--nw-color-msg-yellow));
}
.color-msg-darkred {
  color: rgb(var(--nw-color-on-msg-darkred));
  background-color: rgb(var(--nw-color-msg-darkred));
}
.color-msg-red {
  color: rgb(var(--nw-color-on-msg-red));
  background-color: rgb(var(--nw-color-msg-red));
}
.color-msg-blue {
  color: rgb(var(--nw-color-on-msg-blue));
  background-color: rgb(var(--nw-color-msg-blue));
}
.color-msg-cyan {
  color: rgb(var(--nw-color-on-msg-cyan));
  background-color: rgb(var(--nw-color-msg-cyan));
}
.color-msg-orange {
  color: rgb(var(--nw-color-on-msg-orange));
  background-color: rgb(var(--nw-color-msg-orange));
}
.color-msg-gray {
  color: rgb(var(--nw-color-on-msg-gray));
  background-color: rgb(var(--nw-color-msg-gray));
}
.color-msg-green {
  color: rgb(var(--nw-color-on-msg-green));
  background-color: rgb(var(--nw-color-msg-green));
}
.color-msg-purple {
  color: rgb(var(--nw-color-on-msg-purple));
  background-color: rgb(var(--nw-color-msg-purple));
}
/*list table footer style mixin*/
/* menu bar mixin */
/* sprite image small size 16x16 mixn*/
.fi-form-row:hover > label,
.fi-form-row:hover > .control-label {
  text-decoration: underline;
}
.fi-form-row:hover .form-control:not([disabled]),
.fi-form-row:hover .fi-count-textarea:not([disabled]),
.fi-form-row:hover .fi-ctrl > textarea:not([disabled]),
.fi-form-row:hover .select2-choice:not(.select2-container-disabled .select2-choice):not([disabled]),
.fi-form-row:hover .selected-container:not([disabled]),
.fi-form-row:hover .select-widget:not([disabled]),
.fi-form-row:hover .fi-drop-box:not([disabled]) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.fi-form-row:hover .form-control::placeholder,
.fi-form-row:hover .fi-count-textarea::placeholder,
.fi-form-row:hover .fi-ctrl > textarea::placeholder,
.fi-form-row:hover .select2-choice:not(.select2-container-disabled .select2-choice)::placeholder,
.fi-form-row:hover .selected-container::placeholder,
.fi-form-row:hover .select-widget::placeholder,
.fi-form-row:hover .fi-drop-box::placeholder {
  color: rgb(var(--nw-color-green-900));
}
.fi-form-row:hover fi-sselect > [role="button"]:not([aria-disabled="true"]),
.fi-form-row:hover nw-input:not([disabled=true]):not(.no-form-hover)::part(base),
.fi-form-row:hover nw-textarea:not([disabled=true]):not(.no-form-hover)::part(base),
.fi-form-row:hover nw-radio:not([disabled=true]):not(.no-form-hover)::part(input),
.fi-form-row:hover nw-switch:not([disabled=true]):not(.no-form-hover)::part(control),
.fi-form-row:hover nw-checkbox:not([disabled=true]):not(.no-form-hover)::part(input),
.fi-form-row:hover nw-checkbox:not([disabled=true]):not(.no-form-hover)::part(label) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.fi-form-row:hover nw-input:not([disabled=true]):not(.no-form-hover)::part(input),
.fi-form-row:hover nw-textarea:not([disabled=true]):not(.no-form-hover)::part(textarea) {
  color: rgb(var(--nw-color-on-form-hover)) !important;
  --nw-input-autofill-background-color-hover: var(--nw-color-form-hover) !important;
  --nw-input-autofill-color-hover: rgb(var(--nw-color-on-form-hover)) !important;
  transition: box-shadow 0.25s linear;
}
.fi-form-row:hover .select-widget .selected-entries .wp:hover .selected-entry {
  color: rgb(var(--nw-color-neutral-1000));
}
.fi-form-row:hover .select-widget .selected-entries .selected-entry {
  color: #333;
}
.fi-form-row .checkbox label:hover:not([disabled]),
.fi-form-row .checkbox-inline label:hover:not([disabled]),
.fi-form-row label.checkbox-inline:hover:not([disabled]),
.fi-form-row .radio label:hover:not([disabled]),
.fi-form-row .radio-inline label:hover:not([disabled]),
.fi-form-row label.radio-inline:hover:not([disabled]) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.fi-form-row .checkbox label:hover::placeholder,
.fi-form-row .checkbox-inline label:hover::placeholder,
.fi-form-row label.checkbox-inline:hover::placeholder,
.fi-form-row .radio label:hover::placeholder,
.fi-form-row .radio-inline label:hover::placeholder,
.fi-form-row label.radio-inline:hover::placeholder {
  color: rgb(var(--nw-color-green-900));
}
.fi-form-row .checkbox label:hover .icons:before,
.fi-form-row .checkbox-inline label:hover .icons:before,
.fi-form-row label.checkbox-inline:hover .icons:before,
.fi-form-row .radio label:hover .icons:before,
.fi-form-row .radio-inline label:hover .icons:before,
.fi-form-row label.radio-inline:hover .icons:before {
  color: #333 !important;
}
.form-control {
  border: 1px solid rgb(var(--nw-color-border));
  font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.467;
  height: 25px;
  padding: 5px;
  border-radius: 3px;
  box-shadow: none;
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}
.form-control:focus,
.form-control:active:focus {
  border-color: rgb(var(--nw-color-primary-500)) !important;
  outline: none!important;
  box-shadow: 0 0 0 3px rgb(var(--nw-color-primary-300) / 0.8);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: rgb(var(--nw-color-neutral-200));
  color: rgb(var(--nw-color-neutral-1000));
  border-color: rgb(var(--nw-color-gray-200));
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.form-control.inline {
  display: inline;
}
input.form-control[type="number"] {
  padding-top: 3px;
  padding-bottom: 3px;
}
select.form-control {
  padding-top: 2px;
  padding-bottom: 2px;
}
.checkbox-inline,
radio-inline {
  position: relative;
}
.checkbox-inline.disabled,
radio-inline.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox,
.radio {
  margin-top: 0;
  margin-bottom: 0;
}
.checkbox label,
.radio label {
  position: relative;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 2px;
}
.form-horizontal .control-label {
  padding-top: 2px;
  text-align: left;
}
.form-horizontal .fi-value-text {
  padding-top: 2px;
}
.form-horizontal .form-inline .form-group {
  margin-left: 0;
  margin-right: 0;
}
.input-group .form-control {
  position: static;
}
.form-group {
  margin-bottom: 5px;
}
.form-group .col-group:not(:first-child) {
  padding-left: 2px;
}
.form-group .col-group:not(:last-child) {
  padding-right: 2px;
}
.input-sm,
.form-group-sm .form-control {
  height: 20px;
  padding: 6px 10px;
  font-size: 0.867rem;
  line-height: 1.462;
  border-radius: 6px;
}
select.input-sm,
select.form-group-sm .form-control {
  height: 20px;
  line-height: 20px;
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.input-lg,
.form-group-lg .form-control {
  height: 30px;
  padding: 10px 15px;
  font-size: 1.133rem;
  line-height: 1.235;
  border-radius: 6px;
}
select.input-lg,
select.form-group-lg .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.input-hg,
.form-group-hg .form-control {
  height: 35px;
  padding: 10px 16px;
  font-size: 1.467rem;
  line-height: 1.318;
  border-radius: 6px;
}
select.input-hg,
select.form-group-hg .form-control {
  height: 35px;
  line-height: 35px;
}
textarea.input-hg,
textarea.form-group-hg .form-control,
select[multiple].input-hg,
select[multiple].form-group-hg .form-control {
  height: auto;
}
.form-group .btn,
.form-group .btn-group > .btn {
  line-height: 1.1;
  padding: 5px 10px;
  font-size: 1rem;
  border-radius: 3px;
}
.progress {
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 4px;
  overflow: hidden;
  --webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.progress-bar-warning {
  color: rgb(var(--nw-color-on-msg-yellow));
  background-color: rgb(var(--nw-color-msg-yellow));
}
.progress-bar {
  float: left;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  --webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.fi-form {
  padding: 15px;
}
.fi-form .progress {
  margin: 5px 0;
}
.fi-form h3 {
  font-size: 1rem;
  font-weight: bold;
}
.fi-form .group-header {
  cursor: pointer;
}
.fi-form-container {
  height: 100%;
  overflow: auto;
  padding-bottom: 39px;
}
.fi-form-container .form-body {
  height: 100%;
  overflow: auto;
  background-color: white;
}
.fi-form-container .fi-form-footer {
  margin: 0;
  border-radius: 0;
  text-align: center;
  padding: 5px;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.fi-form-container .fi-form-footer .btn {
  min-width: 9rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 1rem;
}
.fi-form-container .fi-form-footer .btn:focus,
.fi-form-container .fi-form-footer .btn:active:focus {
  border-color: rgb(var(--nw-color-primary-500)) !important;
  outline: none!important;
  box-shadow: 0 0 0 3px rgb(var(--nw-color-primary-300) / 0.8);
}
.fi-form-container .fi-form-footer .btn + .btn {
  margin-left: 0.375rem;
  margin-bottom: 0;
}
.white-bg {
  background-color: #fff;
}
.input-calendar .btn-calendar {
  cursor: pointer;
}
form.ng-invalid {
  border: none;
}
form .debug {
  width: 400px;
  height: 100%;
  overflow-y: auto;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  box-shadow: none;
  transition: inherit;
}
.pass-input-wrapper {
  position: relative;
}
.input-group .pass-input-wrapper {
  float: left;
  width: 100%;
  border-radius: 3px;
  border: 1px solid rgb(var(--nw-color-border));
}
.input-group .pass-input-wrapper .form-control {
  border: 0;
  background-color: transparent;
}
.input-group .pass-input-wrapper:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
input[type='password']::-ms-reveal {
  display: none;
}
/**
 * form related
 **/
form {
  width: 100%;
}
.form-label-text {
  font-size: 1rem !important;
  font-weight: normal !important;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.form-field-optional-text {
  font-size: 0.9rem;
  padding-top: 3px;
}
.fi-meta-fields .form-field-optional-text {
  padding-left: 3px;
}
a {
  color: rgb(var(--nw-color-link));
  background-color: transparent;
  text-decoration: none;
  box-sizing: border-box;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dcdc;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-border));
  pisition: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  box-sizing: border-box;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  box-size: border-box;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  box-sizing: border-box;
  /* word-break: break-all; */
  /* word-wrap: break-word; */
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:active,
a:hover {
  outline: 0;
}
.pull-right {
  float: right;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(var(--nw-color-border));
}
*:before,
*:after {
  box-sizing: border-box;
}

.form-control-hover-effect {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover:not([disabled]) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover::placeholder {
  color: rgb(var(--nw-color-green-900));
}
.open > .dropdown-toggle.form-group .btn-default {
  background-color: rgb(var(--nw-color-primary));
  color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-border));
}
.form-control.select2-container.select2-dropdown-open,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-drop-active {
  border-color: rgb(var(--nw-color-border)) !important;
}
.select2-container-active .select2-choice:focus,
.select2-container-active .select2-choices:focus,
.select2-container-active .select2-choice:active:focus,
.select2-container-active .select2-choices:active:focus {
  border-color: rgb(var(--nw-color-primary-500)) !important;
  outline: none!important;
  box-shadow: 0 0 0 3px rgb(var(--nw-color-primary-500) / 0.8);
}
.dashboard-wrapper .dvm-dashboard-tab > div > ul.nav-tabs > li > a#add-board {
  background-color: rgb(var(--nw-color-primary));
}
.dashboard-wrapper .dvm-dashboard-tab > div > ul.nav-tabs > li.active > a {
  background-color: rgb(var(--nw-color-primary));
}
.dashboard-wrapper .dvm-dashboard-tab > div > ul.nav-tabs > li.active:hover > a {
  background-color: rgb(var(--nw-color-primary));
}
.dashboard-wrapper .dvm-dashboard-tab > div .tab-content .tab-pane .board-action-row .action-link {
  color: rgb(var(--nw-color-link));
}
.dashboard-wrapper .dvm-dashboard-tab > div .tab-content .tab-pane .board-action-row .action-link:hover {
  background-color: transparent;
}
.tw-dark nw-checkbox[checked]::part(control) {
  border-color: white;
  background-color: white;
  color: rgb(var(--nw-color-primary-400));
}
.tw-dark nw-checkbox[checked]::part(control)::after {
  border-color: white;
}
nw-card::part(base) {
  outline: none;
}

/*
 * Variables definitions.
 *
 * WARNING: Do not put any non-variable instruction here becuase it's
 * imported by themes and other less files which will do unnecessary or wrong
 * overwrites.
 */
/* start of Loading spinner */
.fi-spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(var(--nw-color-neutral-200));
  z-index: 10;
}
.fi-spinner-container.fadeout {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.fi-spinner-container .fi-spinner {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
div.fi-spinner-container > .ffg.ffg-spinner.loading,
.ffg.ffg-spinner.loading {
  color: rgb(var(--nw-color-primary));
}
div.fi-loader-bar > .bar {
  background-color: rgb(var(--nw-color-primary));
}
.flipped .fi-spinner-container {
  transform: rotateY(180deg);
}
.fi-loader-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.fi-loader-bar > .bar {
  height: 4/14rem;
  transition: opacity 0.5s ease-in;
}
[fi-spin-button] {
  position: relative;
  min-width: 5rem;
}
[fi-spin-button] .ffg.ffg-spinner.loading {
  color: #fff;
  top: 0;
  bottom: 0;
  left: 4/14rem;
  margin: auto 0;
  position: absolute;
  height: 1rem;
  width: 1rem;
}

.color-orange {
  color: rgb(var(--nw-color-warning-500)) !important;
}
.color-green {
  color: rgb(var(--nw-color-success-500));
}
.color-grey {
  color: rgb(var(--nw-color-neutral-500));
}
.color-red {
  color: rgb(var(--nw-color-danger-500));
}
.color-yellow {
  color: #FFCC00;
}
.color-blue {
  color: rgb(var(--nw-color-info-500));
}
.color-black {
  color: #000;
}
.color-white {
  color: #fff;
}
.color-light-grey {
  color: #9E9E9E;
}
.color-info {
  color: rgb(var(--nw-color-info));
}
.color-unset {
  color: unset !important;
}
.bg-color-red {
  background-color: #FF0000 !important;
}
.bg-color-green {
  background-color: #83BB21 !important;
}
.fill-on-background {
  fill: rgb(var(--nw-color-neutral-1000));
}
.fill-on-primary {
  fill: rgb(var(--nw-color-neutral-0));
}
.color-success {
  color: rgb(var(--nw-color-success));
}
.color-error {
  color: rgb(var(--nw-color-danger));
}
.color-warning {
  color: rgb(var(--nw-color-warning));
}
.color-info {
  color: rgb(var(--nw-color-info));
}
.color-default {
  color: rgb(var(--nw-color-neutral-1000));
}
/***
 * Color options in the color picker
 * using in policy objects and cross all FMG modules
 ***/
.clr-opt-1 {
  color: rgb(var(--nw-color-neutral-1000));
}
.clr-opt-2 {
  color: #2196F3;
}
.clr-opt-3 {
  color: #4CAF50;
}
.clr-opt-4 {
  color: #E57373;
}
.clr-opt-5 {
  color: #EF9A9A;
}
.clr-opt-6 {
  color: #FF5722;
}
.clr-opt-7 {
  color: #F4511E;
}
.clr-opt-8 {
  color: #EF6C00;
}
.clr-opt-9 {
  color: #F57F17;
}
.clr-opt-10 {
  color: #FFCA28;
}
.clr-opt-11 {
  color: #FFB300;
}
.clr-opt-12 {
  color: #388E3C;
}
.clr-opt-13 {
  color: #7CB342;
}
.clr-opt-14 {
  color: #81C784;
}
.clr-opt-15 {
  color: #43A047;
}
.clr-opt-16 {
  color: #689F38;
}
.clr-opt-17 {
  color: #039BE5;
}
.clr-opt-18 {
  color: #03A9F4;
}
.clr-opt-19 {
  color: #2196F3;
}
.clr-opt-20 {
  color: #7986CB;
}
.clr-opt-21 {
  color: #B39DDB;
}
.clr-opt-22 {
  color: #CE93D8;
}
.clr-opt-23 {
  color: #F48FB1;
}
.clr-opt-24 {
  color: #F06292;
}
.clr-opt-25 {
  color: #FE615C;
}
.clr-opt-26 {
  color: #BDBDBD;
}
.clr-opt-27 {
  color: #949494;
}
.clr-opt-28 {
  color: #FFA726;
}
.clr-opt-29 {
  color: #9E9D24;
}
.clr-opt-30 {
  color: #9FA8DA;
}
.clr-opt-31 {
  color: #E1BEE7;
}
.clr-opt-32 {
  color: #A1887F;
}
.clr-icon-container {
  padding: 2px;
}
/***
 used by icon_color_picker.js
*/
.bg-clr-opt-1 {
  background-color: rgb(var(--nw-color-neutral-1000));
  color: rgb(var(--nw-color-neutral-0));
}
.bg-clr-opt-2 {
  background-color: #2196F3;
  color: #222;
}
.bg-clr-opt-3 {
  background-color: #4CAF50;
  color: #222;
}
.bg-clr-opt-4 {
  background-color: #E57373;
  color: #222;
}
.bg-clr-opt-5 {
  background-color: #EF9A9A;
  color: #222;
}
.bg-clr-opt-6 {
  background-color: #FF5722;
  color: #222;
}
.bg-clr-opt-7 {
  background-color: #F4511E;
  color: #222;
}
.bg-clr-opt-8 {
  background-color: #EF6C00;
  color: #222;
}
.bg-clr-opt-9 {
  background-color: #F57F17;
  color: #222;
}
.bg-clr-opt-10 {
  background-color: #FFCA28;
  color: #222;
}
.bg-clr-opt-11 {
  background-color: #FFB300;
  color: #222;
}
.bg-clr-opt-12 {
  background-color: #388E3C;
  color: #222;
}
.bg-clr-opt-13 {
  background-color: #7CB342;
  color: #222;
}
.bg-clr-opt-14 {
  background-color: #81C784;
  color: #222;
}
.bg-clr-opt-15 {
  background-color: #43A047;
  color: #222;
}
.bg-clr-opt-16 {
  background-color: #689F38;
  color: #222;
}
.bg-clr-opt-17 {
  background-color: #039BE5;
  color: #222;
}
.bg-clr-opt-18 {
  background-color: #03A9F4;
  color: #222;
}
.bg-clr-opt-19 {
  background-color: #2196F3;
  color: #222;
}
.bg-clr-opt-20 {
  background-color: #7986CB;
  color: #222;
}
.bg-clr-opt-21 {
  background-color: #B39DDB;
  color: #222;
}
.bg-clr-opt-22 {
  background-color: #CE93D8;
  color: #222;
}
.bg-clr-opt-23 {
  background-color: #F48FB1;
  color: #222;
}
.bg-clr-opt-24 {
  background-color: #F06292;
  color: #222;
}
.bg-clr-opt-25 {
  background-color: #FE615C;
  color: #222;
}
.bg-clr-opt-26 {
  background-color: #BDBDBD;
  color: #222;
}
.bg-clr-opt-27 {
  background-color: #949494;
  color: #222;
}
.bg-clr-opt-28 {
  background-color: #FFA726;
  color: #222;
}
.bg-clr-opt-29 {
  background-color: #9E9D24;
  color: #222;
}
.bg-clr-opt-30 {
  background-color: #9FA8DA;
  color: #222;
}
.bg-clr-opt-31 {
  background-color: #E1BEE7;
  color: #222;
}
.bg-clr-opt-32 {
  background-color: #A1887F;
  color: #222;
}
span.fi-popularity {
  color: #F0AD4E;
}
.fill-white {
  fill: #fff;
}
.fill-on-background {
  fill: rgb(var(--nw-color-neutral-1000));
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url(/static/dist/lato-regular.1d2ca94d.woff) format('woff');
}
html {
  font-size: 15px;
}
body {
  margin: 0;
}
.fafm-app-icon {
  background-image: url('/resource/images/small_sprite.png');
  background-color: transparent;
  background-repeat: no-repeat;
  display: inline-block;
  height: 96px;
  overflow: hidden;
  vertical-align: middle;
  width: 96px;
}
.fafm-app-icon-container {
  --fafm-app-icon-size: 16;
  height: calc(var(--fafm-app-icon-size) * 1px);
  width: calc(var(--fafm-app-icon-size) * 1px);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.fafm-app-icon-container .fafm-app-icon {
  position: absolute;
  transform-origin: 0 0;
  transform: scale(calc(var(--fafm-app-icon-size) / 96));
}
.fafm-app-icon-container.large-icon {
  --fafm-app-icon-size: 64;
}
@keyframes resizeanim {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
body {
  min-height: 100vh;
}
#id_spinner {
  transition: opacity 800ms ease-in;
}
#id_layout_main {
  transition: opacity 500ms ease-out;
  background-position: 100% 100%;
  font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
  color: rgb(var(--nw-color-neutral-1000));
}
.resize-triggers {
  animation: 1ms resizeanim;
  visibility: hidden;
  opacity: 0;
}
.resize-triggers,
.resize-triggers > div,
.contract-trigger:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
.resize-triggers > div {
  background: #eee;
  overflow: auto;
}
.contract-trigger:before {
  width: 200%;
  height: 200%;
}
.fi-search-highlight {
  background-color: yellow !important;
  box-shadow: 0px 0px 0.1em 0px rgba(0, 0, 0, 0.15);
  color: #000;
}
.fi-box-shadow-grey {
  box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgb(var(--nw-color-neutral-400));
  border-radius: 5px;
  min-height: 9px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto;
    /* thin | auto */
    scrollbar-color: rgb(var(--nw-color-neutral-400)) transparent;
    /* thumb color | track color */
  }
}
text {
  fill: rgb(var(--nw-color-neutral-1000));
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}

:root,
:host {
  --nw-border-radius-small: 0;
  --nw-border-radius-medium: 0;
  --nw-border-radius-large: 0;
  --nw-border-radius-x-large: 0;

  --nw-border-radius-circle: 50%;
  --nw-border-radius-pill: 9999px;

  --nw-spacing-xxx-small: 0.125rem;
  --nw-spacing-xx-small: 0.25rem;
  --nw-spacing-x-small: 0.25rem;
  --nw-spacing-small: 0.25rem;
  --nw-spacing-medium: 0.5rem;
  --nw-spacing-large: 0.5rem;
  --nw-spacing-x-large: 1rem;
  --nw-spacing-xx-large: 1.25rem;
  --nw-spacing-xxx-large: 1.75rem;
  --nw-spacing-xxxx-large: 2rem;

  --nw-transition-x-slow: 1000ms;
  --nw-transition-slow: 500ms;
  --nw-transition-medium: 250ms;
  --nw-transition-fast: 150ms;
  --nw-transition-x-fast: 50ms;

  --nw-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  --nw-font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --nw-font-serif: Georgia, "Times New Roman", serif;

  --nw-font-size-xx-small: 0.625rem;
  --nw-font-size-x-small: 0.75rem;
  --nw-font-size-small: 0.875rem;
  --nw-font-size-medium: 1rem;
  --nw-font-size-large: 1.25rem;
  --nw-font-size-x-large: 1.5rem;
  --nw-font-size-xx-large: 2.25rem;
  --nw-font-size-xxx-large: 3rem;
  --nw-font-size-xxxx-large: 4.5rem;

  --nw-font-weight-light: 300;
  --nw-font-weight-normal: 400;
  --nw-font-weight-semibold: 500;
  --nw-font-weight-bold: 700;

  --nw-letter-spacing-denser: -0.03em;
  --nw-letter-spacing-dense: -0.015em;
  --nw-letter-spacing-normal: normal;
  --nw-letter-spacing-loose: 0.075em;
  --nw-letter-spacing-looser: 0.15em;

  --nw-line-height-denser: 1;
  --nw-line-height-dense: 1.4;
  --nw-line-height-normal: 1.8;
  --nw-line-height-loose: 2.2;
  --nw-line-height-looser: 2.6;

  --nw-button-font-size-small: var(--nw-font-size-small);
  --nw-button-font-size-medium: var(--nw-font-size-medium);
  --nw-button-font-size-large: var(--nw-font-size-large);

  --nw-input-height-small: 1.25rem;
  --nw-input-height-medium: 1.875rem;
  --nw-input-height-large: 2.5rem;

  --nw-input-border-width: 1px;

  --nw-input-border-radius-small: var(--nw-border-radius-medium);
  --nw-input-border-radius-medium: var(--nw-border-radius-medium);
  --nw-input-border-radius-large: var(--nw-border-radius-medium);

  --nw-input-font-family: var(--nw-font-sans);
  --nw-input-font-weight: var(--nw-font-weight-normal);
  --nw-input-font-size-small: var(--nw-font-size-small);
  --nw-input-font-size-medium: var(--nw-font-size-medium);
  --nw-input-font-size-large: var(--nw-font-size-large);
  --nw-input-letter-spacing: var(--nw-letter-spacing-normal);

  --nw-input-spacing-small: 6px;
  --nw-input-spacing-medium: 8px;
  --nw-input-spacing-large: 10px;

  --nw-input-label-font-size-small: var(--nw-font-size-small);
  --nw-input-label-font-size-medium: var(--nw-font-size-medium);
  --nw-input-label-font-size-large: var(--nw-font-size-large);

  --nw-input-label-color: inherit;

  --nw-input-help-text-font-size-small: var(--nw-font-size-x-small);
  --nw-input-help-text-font-size-medium: var(--nw-font-size-small);
  --nw-input-help-text-font-size-large: var(--nw-font-size-medium);

  --nw-toggle-size: 1rem;

  --nw-overlay-opacity: 33%;

  --nw-tooltip-border-radius: var(--nw-border-radius-medium);
  --nw-tooltip-font-family: var(--nw-font-sans);
  --nw-tooltip-font-weight: var(--nw-font-weight-normal);
  --nw-tooltip-font-size: var(--nw-font-size-small);
  --nw-tooltip-line-height: var(--nw-line-height-dense);
  --nw-tooltip-padding: 10px 15px;
  --nw-tooltip-arrow-size: 5px;
  --nw-tooltip-arrow-start-end-offset: 8px;

  --nw-z-index-drawer: 700;
  --nw-z-index-dialog: 800;
  --nw-z-index-dropdown: 900;
  --nw-z-index-toast: 950;
  --nw-z-index-tooltip: 1000;
}
nw-menu {
  max-height: 5000px;
  height: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
nw-menu[closed] {
  max-height: 0;
}

.nw-light {
  --nw-shadow-x-small: 0 1px 3px rgb(var(--nw-color-neutral-1000) / 12%),
    0 1px 2px rgb(var(--nw-color-neutral-1000) / 23%);
  --nw-shadow-small: 0 10px 10px rgb(var(--nw-color-neutral-1000) / 19%),
    0 6px 5px rgb(var(--nw-color-neutral-1000) / 23%);
  --nw-shadow-medium: 0 15px 15px rgb(var(--nw-color-neutral-1000) / 19%),
    0 5px 4px rgb(var(--nw-color-neutral-1000) / 23%);
  --nw-shadow-large: 0 20px 20px rgb(var(--nw-color-neutral-1000) / 19%),
    0 7px 6px rgb(var(--nw-color-neutral-1000) / 23%);
  --nw-shadow-x-large: 0 23px 23px rgb(var(--nw-color-neutral-1000) / 19%),
    0 8px 7px rgb(var(--nw-color-neutral-1000) / 23%);

  --nw-input-color: var(--nw-color-neutral-700);
  --nw-input-color-valid: var(--nw-color-success-400);
  --nw-input-color-hover: var(--nw-color-neutral-700);
  --nw-input-color-focus: var(--nw-color-neutral-700);
  --nw-input-color-disabled: var(--nw-color-neutral-900);
  --nw-input-icon-color-hover: var(--nw-color-neutral-600);
  --nw-input-icon-color-focus: var(--nw-color-neutral-600);
  --nw-input-placeholder-color: var(--nw-color-neutral-500);
  --nw-input-placeholder-color-disabled: var(--nw-color-neutral-600);

  --nw-input-icon-color: var(--nw-color-neutral-500);
  --nw-overlay-background-color: var(--nw-color-neutral-500);

  --nw-focus-ring-color: var(--nw-color-primary-500);
  --nw-focus-ring-color-danger: var(--nw-color-red-500);
  --nw-focus-ring-width: 3px;
  --nw-focus-ring-alpha: 40%;
  --nw-focus-ring: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color) / var(--nw-focus-ring-alpha));
  --nw-focus-ring-danger: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color-danger) / var(--nw-focus-ring-alpha));

  --nw-input-background-color: var(--nw-color-neutral-0);
  --nw-input-background-color-hover: var(--nw-color-neutral-0);
  --nw-input-background-color-focus: var(--nw-color-neutral-0);
  --nw-input-background-color-disabled: var(--nw-color-neutral-100);
  --nw-input-border-color: var(--nw-color-neutral-300);
  --nw-input-border-color-valid: var(--nw-color-success-500);
  --nw-input-border-color-hover: var(--nw-color-neutral-400);
  --nw-input-border-color-focus: var(--nw-color-primary-500);
  --nw-input-border-color-disabled: var(--nw-color-neutral-300);

  --nw-input-help-text-color: var(--nw-color-neutral-500);

  --nw-panel-background-color: var(--nw-color-neutral-0);
  --nw-panel-border-color: var(--nw-color-neutral-300);

  --nw-tooltip-background-color: var(--nw-color-neutral-50);
  --nw-tooltip-color: var(--nw-color-neutral-1000);

  --nw-color-range-track-color: var(--nw-color-neutral-100);
  --nw-color-range-track-color-success: var(--nw-color-success-400);
  --nw-color-range-track-color-info: var(
    --nw-color-info-400,
    var(--nw-color-blue-400)
  );
  --nw-color-range-track-color-warning: var(--nw-color-warning-400);
  --nw-color-range-track-color-danger: var(--nw-color-danger-400);
}

.nw-dark {
  --nw-shadow-x-small: 0 1px 3px rgb(var(--nw-color-neutral-0) / 12%),
    0 1px 2px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-small: 0 10px 10px rgb(var(--nw-color-neutral-0) / 19%),
    0 6px 5px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-medium: 0 15px 15px rgb(var(--nw-color-neutral-0) / 19%),
    0 5px 4px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-large: 0 20px 20px rgb(var(--nw-color-neutral-0) / 19%),
    0 7px 6px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-x-large: 0 23px 23px rgb(var(--nw-color-neutral-0) / 19%),
    0 8px 7px rgb(var(--nw-color-neutral-0) / 23%);

  --nw-input-color: var(--nw-color-neutral-800);
  --nw-input-color-hover: var(--nw-color-neutral-800);
  --nw-input-color-focus: var(--nw-color-neutral-800);

  --nw-input-color-valid: var(--nw-color-success-400);
  --nw-input-color-disabled: var(--nw-color-neutral-900);
  --nw-input-icon-color: var(--nw-color-neutral-500);
  --nw-input-icon-color-hover: var(--nw-color-neutral-600);
  --nw-input-icon-color-focus: var(--nw-color-neutral-600);
  --nw-input-placeholder-color: var(--nw-color-neutral-500);
  --nw-input-placeholder-color-disabled: var(--nw-color-neutral-600);

  --nw-overlay-background-color: 0 0 0;

  --nw-focus-ring-color: var(--nw-color-primary-500);
  --nw-focus-ring-color-danger: var(--nw-color-red-500);
  --nw-focus-ring-width: 3px;
  --nw-focus-ring-alpha: 40%;
  --nw-focus-ring: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color) / var(--nw-focus-ring-alpha));
  --nw-focus-ring-danger: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color-danger) / var(--nw-focus-ring-alpha));

  --nw-input-background-color: var(--nw-color-neutral-0);
  --nw-input-background-color-hover: var(--nw-color-neutral-0);
  --nw-input-background-color-focus: var(--nw-color-neutral-0);
  --nw-input-background-color-disabled: var(--nw-color-neutral-100);
  --nw-input-border-color: var(--nw-color-neutral-300);
  --nw-input-border-color-valid: var(--nw-color-success-500);
  --nw-input-border-color-hover: var(--nw-color-neutral-400);
  --nw-input-border-color-focus: var(--nw-color-primary-500);
  --nw-input-border-color-disabled: var(--nw-color-neutral-300);

  --nw-input-help-text-color: var(--nw-color-neutral-500);

  --nw-panel-background-color: var(--nw-color-neutral-0);
  --nw-panel-border-color: var(--nw-color-border);

  --nw-tooltip-background-color: var(--nw-color-neutral-50);
  --nw-tooltip-color: var(--nw-color-neutral-1000);

  --nw-color-range-track-color: var(--nw-color-neutral-400);
  --nw-color-range-track-color-success: var(--nw-color-success-400);
  --nw-color-range-track-color-info: var(
    --nw-color-info-400,
    var(--nw-color-blue-400)
  );
  --nw-color-range-track-color-warning: var(--nw-color-warning-400);
  --nw-color-range-track-color-danger: var(--nw-color-danger-400);
}

.nw-dark-contrast {
  --nw-shadow-x-small: 0 1px 3px rgb(var(--nw-color-neutral-0) / 12%),
    0 1px 2px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-small: 0 10px 10px rgb(var(--nw-color-neutral-0) / 19%),
    0 6px 5px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-medium: 0 15px 15px rgb(var(--nw-color-neutral-0) / 19%),
    0 5px 4px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-large: 0 20px 20px rgb(var(--nw-color-neutral-0) / 19%),
    0 7px 6px rgb(var(--nw-color-neutral-0) / 23%);
  --nw-shadow-x-large: 0 23px 23px rgb(var(--nw-color-neutral-0) / 19%),
    0 8px 7px rgb(var(--nw-color-neutral-0) / 23%);

  --nw-input-border-color: var(--nw-color-neutral-700);
  --nw-input-border-color-hover: var(--nw-color-neutral-800);

  --nw-input-color: var(--nw-color-neutral-800);
  --nw-input-color-hover: var(--nw-color-neutral-800);
  --nw-input-color-focus: var(--nw-color-neutral-800);

  --nw-input-color-valid: var(--nw-color-success-400);
  --nw-input-color-disabled: var(--nw-color-neutral-900);
  --nw-input-icon-color: var(--nw-color-neutral-500);
  --nw-input-icon-color-hover: var(--nw-color-neutral-600);
  --nw-input-icon-color-focus: var(--nw-color-neutral-600);
  --nw-input-placeholder-color: var(--nw-color-neutral-500);
  --nw-input-placeholder-color-disabled: var(--nw-color-neutral-600);

  --nw-input-icon-color: var(--nw-color-neutral-1000);

  --nw-overlay-background-color: 0 0 0;

  --nw-panel-border-color: 255 255 255;

  --app-datepicker-accent-color: rgb(var(--nw-color-primary-500));
  --app-datepicker-bg-color: rgb(var(--nw-color-neutral-0));
  --app-datepicker-color: rgb(var(--nw-color-neutral-1000));
  --app-datepicker-focused-day-color: rgb(var(--nw-color-neutral-0));
  --app-datepicker-disabled-day-color: rgb(var(--nw-color-gray-500));
  --app-datepicker-weekday-color: rgb(var(--nw-color-gray-300));

  --nw-focus-ring-color: var(--nw-color-primary-500);
  --nw-focus-ring-color-danger: var(--nw-color-red-500);
  --nw-focus-ring-width: 3px;
  --nw-focus-ring-alpha: 40%;
  --nw-focus-ring: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color) / var(--nw-focus-ring-alpha));
  --nw-focus-ring-danger: 0 0 0 var(--nw-focus-ring-width)
    rgb(var(--nw-focus-ring-color-danger) / var(--nw-focus-ring-alpha));

  --nw-input-background-color: var(--nw-color-neutral-0);
  --nw-input-background-color-hover: var(--nw-color-neutral-0);
  --nw-input-background-color-focus: var(--nw-color-neutral-0);
  --nw-input-background-color-disabled: var(--nw-color-neutral-100);
  --nw-input-border-color: var(--nw-color-neutral-300);
  --nw-input-border-color-valid: var(--nw-color-success-500);
  --nw-input-border-color-hover: var(--nw-color-neutral-400);
  --nw-input-border-color-focus: var(--nw-color-primary-500);
  --nw-input-border-color-disabled: var(--nw-color-neutral-300);

  --nw-input-help-text-color: var(--nw-color-neutral-500);

  --nw-panel-background-color: var(--nw-color-neutral-0);
  --nw-panel-border-color: var(--nw-color-neutral-300);

  --nw-tooltip-background-color: var(--nw-color-neutral-50);
  --nw-tooltip-color: var(--nw-color-neutral-1000);

  --nw-color-range-track-color: var(--nw-color-neutral-200);
  --nw-color-range-track-color-success: var(--nw-color-success-500);
  --nw-color-range-track-color-info: var(
    --nw-color-info-500,
    var(--nw-color-blue-500)
  );
  --nw-color-range-track-color-warning: var(--nw-color-warning-500);
  --nw-color-range-track-color-danger: var(--nw-color-danger-500);
}

.nw-dark-contrast :not(.nw-light) nw-icon-button::part(base) {
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-dark-contrast
  :not(.nw-light)
  nw-icon-button:not([disabled])::part(base):hover,
.nw-dark-contrast
  :not(.nw-light)
  nw-icon-button:not([disabled])::part(base):focus {
  color: rgb(var(--nw-color-primary-600));
}

.nw-dark-contrast :not(.nw-light) nw-input::part(clear-button),
.nw-dark-contrast :not(.nw-light) nw-input::part(password-toggle-button) {
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-dark-contrast :not(.nw-light) nw-input:hover::part(clear-button),
.nw-dark-contrast :not(.nw-light) nw-input:hover::part(password-toggle-button) {
  color: rgb(var(--nw-color-neutral-0));
}

.nw-dark-contrast :not(.nw-light) nw-select::part(clear-button) {
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-scroll-lock {
  overflow: hidden !important;
}

.nw-toast-stack {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--nw-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.nw-toast-stack nw-alert {
  --box-shadow: var(--nw-shadow-large);
  margin: var(--nw-spacing-medium);
}

.nw-dark-contrast nw-radio-button[style-type="checked"] nw-icon {
  color: rgb(var(--nw-color-neutral-0));
}

.nw-dark-contrast nw-radio-button[checked] nw-icon {
  color: rgb(var(--nw-color-neutral-0));
}

.np-theme-neutrino nw-switch[checked]::part(control) {
  border-color: rgb(var(--nw-color-red));
  background-color: rgb(var(--nw-color-red));
}

.np-theme-neutrino nw-switch[checked]::part(thumb) {
  border-color: rgb(var(--nw-color-red));
}

.np-theme-neutrino nw-switch[checked="false"]::part(control) {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}

.np-theme-neutrino nw-switch[checked="false"]::part(thumb) {
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* WARNING: This file is temporarily generated. Please do not edit or commit it.
To change values, edit the online themes spread sheet instead.*/

.np-theme-mariner.nw-light {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 0 105 184;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 225 240 254;
  --nw-color-on-navbar-hover: 225 240 254;
  --nw-color-navbar-title: 0 105 184;
  --nw-color-navbar: 0 105 184;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 0 105 184;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 245 245 245;
  --nw-color-sidebar-expanded-hover: 230 230 230;
  --nw-color-on-sidebar-expanded: 45 45 45;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: 255 255 255;
  --nw-color-on-sidebar: 45 45 45;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 45 45 45;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 43 118 185;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 170 110 198;
  --nw-color-chart-4: 255 108 110;
  --nw-color-chart-5: 112 117 199;
  --nw-color-chart-6: 220 101 180;
  --nw-color-chart-7: 255 97 149;
  --nw-color-chart-8: 255 134 67;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 230 230 230;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 245 245;
  --nw-color-header-300: 230 230 230;
  --nw-color-footer-100: 245 245 245;
  --nw-color-primary: 44 118 185;
  --nw-color-secondary: 178 95 64;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 234 244 251;
  --nw-color-primary-100: 213 228 241;
  --nw-color-primary-200: 192 214 234;
  --nw-color-primary-300: 128 173 213;
  --nw-color-primary-400: 86 145 199;
  --nw-color-primary-500: 44 118 185;
  --nw-color-primary-600: 0 100 166;
  --nw-color-primary-700: 0 78 131;
  --nw-color-primary-800: 0 57 95;
  --nw-color-primary-900: 0 35 59;
  --nw-color-primary-950: 0 25 41;
  --nw-color-secondary-50: 239 218 210;
  --nw-color-secondary-100: 233 204 193;
  --nw-color-secondary-200: 221 176 159;
  --nw-color-secondary-300: 208 148 125;
  --nw-color-secondary-400: 196 120 92;
  --nw-color-secondary-500: 178 95 64;
  --nw-color-secondary-600: 148 79 53;
  --nw-color-secondary-700: 118 63 42;
  --nw-color-secondary-800: 88 47 32;
  --nw-color-secondary-900: 58 31 21;
  --nw-color-secondary-950: 43 23 15;
  --nw-color-neutral-50: 245 245 245;
  --nw-color-neutral-100: 230 230 230;
  --nw-color-neutral-200: 205 205 205;
  --nw-color-neutral-300: 164 169 178;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-jade.nw-light {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 73 146 88;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 255 255 255;
  --nw-color-on-navbar-hover: 255 255 255;
  --nw-color-navbar-title: 50 50 50;
  --nw-color-navbar: 73 146 88;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 35 96 147;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 60 60 60;
  --nw-color-sidebar-expanded-hover: 90 90 90;
  --nw-color-on-sidebar-expanded: 200 200 200;
  --nw-color-on-sidebar-expanded-hover: 200 200 200;
  --nw-color-sidebar: 50 50 50;
  --nw-color-on-sidebar: 200 200 200;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 45 45 45;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 73 146 88;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 170 110 198;
  --nw-color-chart-4: 255 108 110;
  --nw-color-chart-5: 43 118 185;
  --nw-color-chart-6: 220 101 180;
  --nw-color-chart-7: 255 97 149;
  --nw-color-chart-8: 255 134 67;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 230 230 230;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 245 245;
  --nw-color-header-300: 230 230 230;
  --nw-color-footer-100: 245 245 245;
  --nw-color-primary: 59 132 75;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 105 105 105;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 226 242 230;
  --nw-color-primary-100: 211 236 217;
  --nw-color-primary-200: 174 219 184;
  --nw-color-primary-300: 103 188 122;
  --nw-color-primary-400: 76 153 92;
  --nw-color-primary-500: 59 132 75;
  --nw-color-primary-600: 47 106 60;
  --nw-color-primary-700: 36 82 46;
  --nw-color-primary-800: 25 57 32;
  --nw-color-primary-900: 14 32 18;
  --nw-color-primary-950: 9 20 11;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 245 245 245;
  --nw-color-neutral-100: 230 230 230;
  --nw-color-neutral-200: 205 205 205;
  --nw-color-neutral-300: 149 149 149;
  --nw-color-neutral-400: 139 138 138;
  --nw-color-neutral-500: 105 105 105;
  --nw-color-neutral-600: 90 90 90;
  --nw-color-neutral-700: 74 74 74;
  --nw-color-neutral-800: 59 59 59;
  --nw-color-neutral-900: 44 44 44;
  --nw-color-neutral-950: 23 23 23;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-neutrino.nw-light {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 65 79 104;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 255 255 255;
  --nw-color-on-navbar-hover: 255 255 255;
  --nw-color-navbar-title: 65 79 104;
  --nw-color-navbar: 65 79 104;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 35 96 148;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 245 245 245;
  --nw-color-sidebar-expanded-hover: 230 230 230;
  --nw-color-on-sidebar-expanded: 45 45 45;
  --nw-color-on-sidebar-expanded-hover: 45 45 45;
  --nw-color-sidebar: 255 255 255;
  --nw-color-on-sidebar: 45 45 45;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 45 45 45;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 0 63 92;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 160 81 149;
  --nw-color-chart-4: 255 124 67;
  --nw-color-chart-5: 47 75 124;
  --nw-color-chart-6: 102 81 145;
  --nw-color-chart-7: 212 80 135;
  --nw-color-chart-8: 249 93 106;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 230 230 230;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 245 245;
  --nw-color-header-300: 230 230 230;
  --nw-color-footer-100: 245 245 245;
  --nw-color-primary: 65 79 104;
  --nw-color-secondary: 79 109 51;
  --nw-color-neutral: 105 105 105;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 239 241 245;
  --nw-color-primary-100: 215 220 230;
  --nw-color-primary-200: 196 204 218;
  --nw-color-primary-300: 158 171 194;
  --nw-color-primary-400: 120 139 171;
  --nw-color-primary-500: 65 79 104;
  --nw-color-primary-600: 53 64 85;
  --nw-color-primary-700: 40 49 64;
  --nw-color-primary-800: 34 41 54;
  --nw-color-primary-900: 23 28 36;
  --nw-color-primary-950: 2 3 4;
  --nw-color-secondary-50: 229 239 220;
  --nw-color-secondary-100: 212 228 197;
  --nw-color-secondary-200: 179 207 152;
  --nw-color-secondary-300: 145 186 107;
  --nw-color-secondary-400: 112 154 72;
  --nw-color-secondary-500: 79 109 51;
  --nw-color-secondary-600: 66 92 43;
  --nw-color-secondary-700: 54 74 35;
  --nw-color-secondary-800: 41 57 27;
  --nw-color-secondary-900: 29 40 18;
  --nw-color-secondary-950: 22 31 14;
  --nw-color-neutral-50: 245 245 245;
  --nw-color-neutral-100: 230 230 230;
  --nw-color-neutral-200: 205 205 205;
  --nw-color-neutral-300: 149 149 149;
  --nw-color-neutral-400: 139 138 138;
  --nw-color-neutral-500: 105 105 105;
  --nw-color-neutral-600: 90 90 90;
  --nw-color-neutral-700: 74 74 74;
  --nw-color-neutral-800: 59 59 59;
  --nw-color-neutral-900: 44 44 44;
  --nw-color-neutral-950: 23 23 23;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-graphite.nw-light {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 90 90 90;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 200 200 200;
  --nw-color-on-navbar-hover: 200 200 200;
  --nw-color-navbar-title: 50 50 50;
  --nw-color-navbar: 90 90 90;
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 43 118 185;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 60 60 60;
  --nw-color-sidebar-expanded-hover: 90 90 90;
  --nw-color-on-sidebar-expanded: 200 200 200;
  --nw-color-on-sidebar-expanded-hover: 200 200 200;
  --nw-color-sidebar: 50 50 50;
  --nw-color-on-sidebar: 200 200 200;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 45 45 45;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 77 208 225;
  --nw-color-promote-hover: 77 208 225;
  --nw-color-chart-1: 43 118 185;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 170 110 198;
  --nw-color-chart-4: 255 108 110;
  --nw-color-chart-5: 112 117 199;
  --nw-color-chart-6: 220 101 180;
  --nw-color-chart-7: 255 97 149;
  --nw-color-chart-8: 255 134 67;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 230 230 230;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 245 245;
  --nw-color-header-300: 230 230 230;
  --nw-color-footer-100: 245 245 245;
  --nw-color-primary: 43 118 185;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 105 105 105;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 194 219 241;
  --nw-color-primary-100: 175 208 236;
  --nw-color-primary-200: 138 185 228;
  --nw-color-primary-300: 101 163 219;
  --nw-color-primary-400: 63 141 210;
  --nw-color-primary-500: 43 118 185;
  --nw-color-primary-600: 34 94 148;
  --nw-color-primary-700: 26 70 111;
  --nw-color-primary-800: 17 47 73;
  --nw-color-primary-900: 12 34 53;
  --nw-color-primary-950: 8 23 36;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 245 245 245;
  --nw-color-neutral-100: 230 230 230;
  --nw-color-neutral-200: 205 205 205;
  --nw-color-neutral-300: 149 149 149;
  --nw-color-neutral-400: 139 138 138;
  --nw-color-neutral-500: 105 105 105;
  --nw-color-neutral-600: 90 90 90;
  --nw-color-neutral-700: 74 74 74;
  --nw-color-neutral-800: 59 59 59;
  --nw-color-neutral-900: 44 44 44;
  --nw-color-neutral-950: 23 23 23;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-dark-matter.nw-dark {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 31 31 31;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 189 189 189;
  --nw-color-on-msg-gray: 0 0 0;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 220 101 101;
  --nw-color-on-msg-red: 34 34 34;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 0 0 0;
  --nw-color-on-navbar: 255 255 255;
  --nw-color-on-navbar-hover: 21 21 21;
  --nw-color-navbar-title: 70 72 114;
  --nw-color-navbar: 70 72 114;
  --nw-surface-shadow: 0 0 12px #444;
  --nw-color-border: 64 64 64;
  --nw-color-border-100: 90 90 90;
  --nw-color-border-200: 116 116 116;
  --nw-color-border-300: 116 116 116;
  --nw-radio-checkbox-filter: invert(1) grayscale(1) brightness(1.8);
  --nw-color-logo: 255 255 255;
  --nw-color-link: 127 129 203;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 121 66 66;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 247 247 247;
  --nw-color-sidebar-expanded: 50 50 50;
  --nw-color-sidebar-expanded-hover: 60 60 60;
  --nw-color-on-sidebar-expanded: 200 200 200;
  --nw-color-on-sidebar-expanded-hover: 200 200 200;
  --nw-color-sidebar: 31 31 31;
  --nw-color-on-sidebar: 200 200 200;
  --nw-color-neutral-0: 21 21 21;
  --nw-color-neutral-1000: 200 200 200;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 77 208 225;
  --nw-color-promote-hover: 21 21 21;
  --nw-color-chart-1: 98 101 162;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 222 94 152;
  --nw-color-chart-4: 255 136 61;
  --nw-color-chart-5: 141 101 170;
  --nw-color-chart-6: 184 97 167;
  --nw-color-chart-7: 251 97 127;
  --nw-color-chart-8: 255 112 97;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-contrast: currentColor;
  --nw-color-panel-50: 30 30 30;
  --nw-color-panel-50-hover: 50 50 50;
  --nw-color-panel-100: 31 31 31;
  --nw-color-panel-200: 40 40 40;
  --nw-color-header-100: 31 31 31;
  --nw-color-header-200: 50 50 50;
  --nw-color-header-300: 60 60 60;
  --nw-color-footer-100: 50 50 50;
  --nw-color-primary: 98 101 162;
  --nw-color-secondary: 161 157 70;
  --nw-color-neutral: 153 153 153;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 74 154 75;
  --nw-color-info: 51 135 255;
  --nw-color-warning: 235 105 0;
  --nw-color-danger: 220 101 101;
  --nw-color-primary-50: 21 22 35;
  --nw-color-primary-100: 40 41 67;
  --nw-color-primary-200: 59 61 99;
  --nw-color-primary-300: 78 80 131;
  --nw-color-primary-400: 80 82 132;
  --nw-color-primary-500: 98 101 162;
  --nw-color-primary-600: 131 133 180;
  --nw-color-primary-700: 181 182 211;
  --nw-color-primary-800: 207 208 227;
  --nw-color-primary-900: 229 229 240;
  --nw-color-primary-950: 245 245 249;
  --nw-color-secondary-50: 22 22 10;
  --nw-color-secondary-100: 47 46 21;
  --nw-color-secondary-200: 72 70 31;
  --nw-color-secondary-300: 97 95 42;
  --nw-color-secondary-400: 122 119 53;
  --nw-color-secondary-500: 161 157 70;
  --nw-color-secondary-600: 188 184 100;
  --nw-color-secondary-700: 205 202 139;
  --nw-color-secondary-800: 222 220 178;
  --nw-color-secondary-900: 230 229 197;
  --nw-color-secondary-950: 242 242 226;
  --nw-color-neutral-50: 26 26 26;
  --nw-color-neutral-100: 30 30 30;
  --nw-color-neutral-200: 40 40 40;
  --nw-color-neutral-300: 49 49 49;
  --nw-color-neutral-400: 107 107 107;
  --nw-color-neutral-500: 153 153 153;
  --nw-color-neutral-600: 173 173 173;
  --nw-color-neutral-700: 194 194 194;
  --nw-color-neutral-800: 214 214 214;
  --nw-color-neutral-900: 235 235 235;
  --nw-color-neutral-950: 245 245 245;
  --nw-color-caution-50: 54 40 2;
  --nw-color-caution-100: 83 63 3;
  --nw-color-caution-200: 133 100 4;
  --nw-color-caution-300: 187 141 6;
  --nw-color-caution-400: 248 191 27;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 255 221 113;
  --nw-color-caution-700: 255 228 144;
  --nw-color-caution-800: 255 236 174;
  --nw-color-caution-900: 255 243 205;
  --nw-color-caution-950: 255 253 246;
  --nw-color-success-50: 27 41 15;
  --nw-color-success-100: 43 63 23;
  --nw-color-success-200: 58 85 31;
  --nw-color-success-300: 73 108 40;
  --nw-color-success-400: 88 130 48;
  --nw-color-success-500: 74 154 75;
  --nw-color-success-600: 129 191 75;
  --nw-color-success-700: 180 214 143;
  --nw-color-success-800: 207 229 184;
  --nw-color-success-900: 235 244 225;
  --nw-color-success-950: 249 252 246;
  --nw-color-info-50: 5 20 44;
  --nw-color-info-100: 8 31 69;
  --nw-color-info-200: 13 54 119;
  --nw-color-info-300: 19 77 170;
  --nw-color-info-400: 38 105 226;
  --nw-color-info-500: 51 135 255;
  --nw-color-info-600: 77 150 255;
  --nw-color-info-700: 104 155 238;
  --nw-color-info-800: 140 179 242;
  --nw-color-info-900: 177 204 246;
  --nw-color-info-950: 214 228 250;
  --nw-color-warning-50: 33 15 0;
  --nw-color-warning-100: 51 23 0;
  --nw-color-warning-200: 87 39 0;
  --nw-color-warning-300: 123 54 0;
  --nw-color-warning-400: 158 70 0;
  --nw-color-warning-500: 235 105 0;
  --nw-color-warning-600: 255 123 16;
  --nw-color-warning-700: 255 142 51;
  --nw-color-warning-800: 255 173 107;
  --nw-color-warning-900: 255 204 163;
  --nw-color-warning-950: 255 220 191;
  --nw-color-danger-50: 48 0 0;
  --nw-color-danger-100: 71 0 0;
  --nw-color-danger-200: 133 0 0;
  --nw-color-danger-300: 173 0 0;
  --nw-color-danger-400: 219 0 0;
  --nw-color-danger-500: 220 101 101;
  --nw-color-danger-600: 255 81 55;
  --nw-color-danger-700: 255 92 92;
  --nw-color-danger-800: 255 138 138;
  --nw-color-danger-900: 255 184 184;
  --nw-color-danger-950: 255 207 207;
}


.np-theme-contrast-dark.nw-dark-contrast {
  --nw-bg-wallpaper: none;
  --nw-color-body-bg: 0 0 0;
  --nw-color-msg-blue: 50 124 189;
  --nw-color-on-msg-blue: 0 0 0;
  --nw-color-msg-cyan: 189 225 239;
  --nw-color-on-msg-cyan: 0 0 0;
  --nw-color-msg-gray: 189 189 189;
  --nw-color-on-msg-gray: 0 0 0;
  --nw-color-msg-green: 75 154 75;
  --nw-color-on-msg-green: 0 0 0;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 0 0 0;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 0 0 0;
  --nw-color-msg-red: 220 101 101;
  --nw-color-on-msg-red: 34 34 34;
  --nw-color-msg-darkred: 255 92 92;
  --nw-color-on-msg-darkred: 34 34 34;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 0 0 0;
  --nw-color-on-navbar: 255 255 255;
  --nw-color-on-navbar-hover: 0 0 0;
  --nw-color-navbar-title: 0 0 0;
  --nw-color-navbar: 0 0 0;
  --nw-surface-shadow: 0 0 12px #fff;
  --nw-color-border: 95 95 95;
  --nw-color-border-100: 95 95 95;
  --nw-color-border-200: 95 95 95;
  --nw-color-border-300: 95 95 95;
  --nw-radio-checkbox-filter: invert(1) grayscale(1) brightness(1.8);
  --nw-color-logo: 255 255 255;
  --nw-color-link: 255 255 0;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-color-app-icon: 6 158 6;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 0 0 0;
  --nw-color-sidebar-expanded: 37 37 37;
  --nw-color-sidebar-expanded-hover: 0 54 0;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 255 255 255;
  --nw-color-sidebar: 5 5 5;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 0 0 0;
  --nw-color-neutral-1000: 255 255 255;
  --nw-color-on-primary: 0 0 0;
  --nw-color-promote: 77 208 225;
  --nw-color-promote-hover: 0 0 0;
  --nw-color-chart-1: 121 141 168;
  --nw-color-chart-2: 255 166 0;
  --nw-color-chart-3: 222 94 152;
  --nw-color-chart-4: 255 136 61;
  --nw-color-chart-5: 78 144 202;
  --nw-color-chart-6: 192 109 176;
  --nw-color-chart-7: 251 97 127;
  --nw-color-chart-8: 255 112 97;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.5),0 0 3px rgba(var(--nw-color-neutral-1000)/.5);
  --nw-color-contrast: currentColor;
  --nw-color-panel-50: 0 0 0;
  --nw-color-panel-50-hover: 37 37 37;
  --nw-color-panel-100: 0 0 0;
  --nw-color-panel-200: 0 0 0;
  --nw-color-header-100: 0 0 0;
  --nw-color-header-200: 7 7 7;
  --nw-color-header-300: 37 37 37;
  --nw-color-footer-100: 7 7 7;
  --nw-color-primary: 13 216 13;
  --nw-color-secondary: 255 255 0;
  --nw-color-neutral: 153 153 153;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 40 194 31;
  --nw-color-info: 51 135 255;
  --nw-color-warning: 235 105 0;
  --nw-color-danger: 255 61 32;
  --nw-color-primary-50: 0 27 0;
  --nw-color-primary-100: 0 54 0;
  --nw-color-primary-200: 0 82 0;
  --nw-color-primary-300: 0 109 0;
  --nw-color-primary-400: 0 136 0;
  --nw-color-primary-500: 13 216 13;
  --nw-color-primary-600: 19 241 19;
  --nw-color-primary-700: 86 245 86;
  --nw-color-primary-800: 134 248 134;
  --nw-color-primary-900: 182 251 182;
  --nw-color-primary-950: 206 252 206;
  --nw-color-secondary-50: 38 38 0;
  --nw-color-secondary-100: 70 70 0;
  --nw-color-secondary-200: 96 96 0;
  --nw-color-secondary-300: 115 115 0;
  --nw-color-secondary-400: 121 122 2;
  --nw-color-secondary-500: 255 255 0;
  --nw-color-secondary-600: 255 255 51;
  --nw-color-secondary-700: 255 255 102;
  --nw-color-secondary-800: 255 255 153;
  --nw-color-secondary-900: 255 255 204;
  --nw-color-secondary-950: 255 255 229;
  --nw-color-neutral-50: 7 7 7;
  --nw-color-neutral-100: 37 37 37;
  --nw-color-neutral-200: 72 72 72;
  --nw-color-neutral-300: 95 95 95;
  --nw-color-neutral-400: 112 112 112;
  --nw-color-neutral-500: 153 153 153;
  --nw-color-neutral-600: 173 173 173;
  --nw-color-neutral-700: 194 194 194;
  --nw-color-neutral-800: 214 214 214;
  --nw-color-neutral-900: 235 235 235;
  --nw-color-neutral-950: 245 245 245;
  --nw-color-caution-50: 54 40 2;
  --nw-color-caution-100: 83 63 3;
  --nw-color-caution-200: 133 100 4;
  --nw-color-caution-300: 187 141 6;
  --nw-color-caution-400: 248 191 27;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 255 221 113;
  --nw-color-caution-700: 255 228 144;
  --nw-color-caution-800: 255 236 174;
  --nw-color-caution-900: 255 243 205;
  --nw-color-caution-950: 255 253 246;
  --nw-color-success-50: 3 46 3;
  --nw-color-success-100: 4 64 4;
  --nw-color-success-200: 6 101 6;
  --nw-color-success-300: 8 128 8;
  --nw-color-success-400: 18 159 15;
  --nw-color-success-500: 40 194 31;
  --nw-color-success-600: 64 216 13;
  --nw-color-success-700: 100 221 23;
  --nw-color-success-800: 188 244 153;
  --nw-color-success-900: 218 249 199;
  --nw-color-success-950: 233 252 222;
  --nw-color-info-50: 5 20 44;
  --nw-color-info-100: 8 31 69;
  --nw-color-info-200: 13 54 119;
  --nw-color-info-300: 19 77 170;
  --nw-color-info-400: 38 105 226;
  --nw-color-info-500: 51 135 255;
  --nw-color-info-600: 77 150 255;
  --nw-color-info-700: 104 155 238;
  --nw-color-info-800: 140 179 242;
  --nw-color-info-900: 177 204 246;
  --nw-color-info-950: 214 228 250;
  --nw-color-warning-50: 33 15 0;
  --nw-color-warning-100: 51 23 0;
  --nw-color-warning-200: 87 39 0;
  --nw-color-warning-300: 123 54 0;
  --nw-color-warning-400: 158 70 0;
  --nw-color-warning-500: 235 105 0;
  --nw-color-warning-600: 255 123 16;
  --nw-color-warning-700: 255 142 51;
  --nw-color-warning-800: 255 173 107;
  --nw-color-warning-900: 255 204 163;
  --nw-color-warning-950: 255 220 191;
  --nw-color-danger-50: 48 0 0;
  --nw-color-danger-100: 71 0 0;
  --nw-color-danger-200: 133 0 0;
  --nw-color-danger-300: 173 0 0;
  --nw-color-danger-400: 219 0 0;
  --nw-color-danger-500: 255 61 32;
  --nw-color-danger-600: 255 81 55;
  --nw-color-danger-700: 255 92 92;
  --nw-color-danger-800: 255 138 138;
  --nw-color-danger-900: 255 184 184;
  --nw-color-danger-950: 255 207 207;
}

/* WARNING: This file is temporarily generated. Please do not edit or commit it.
To change values, edit the online themes spread sheet instead.*/

.np-theme-spring.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/spring.webp);
  --nw-color-body-bg: 86 143 57;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 240 255 247;
  --nw-color-on-navbar-hover: 240 255 247;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: 77 100 49 / 0.6;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 45 110 11;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 0 0 0 / 0.25098039215686274;
  --nw-color-sidebar-expanded-hover: 52 101 2 / 0.4;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 255 255 255;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 236 242 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 242 246 242;
  --nw-color-header-300: 236 242 235;
  --nw-color-footer-100: 242 246 242;
  --nw-color-primary: 52 101 2;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 98 120 97;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 235 240 230;
  --nw-color-primary-100: 214 224 204;
  --nw-color-primary-200: 174 193 154;
  --nw-color-primary-300: 133 163 103;
  --nw-color-primary-400: 93 132 53;
  --nw-color-primary-500: 52 101 2;
  --nw-color-primary-600: 47 91 2;
  --nw-color-primary-700: 36 71 1;
  --nw-color-primary-800: 26 51 1;
  --nw-color-primary-900: 16 30 1;
  --nw-color-primary-950: 10 20 0;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 242 246 242;
  --nw-color-neutral-100: 236 242 235;
  --nw-color-neutral-200: 207 215 207;
  --nw-color-neutral-300: 154 167 153;
  --nw-color-neutral-400: 136 151 135;
  --nw-color-neutral-500: 98 120 97;
  --nw-color-neutral-600: 67 104 65;
  --nw-color-neutral-700: 48 75 47;
  --nw-color-neutral-800: 26 41 25;
  --nw-color-neutral-900: 19 29 18;
  --nw-color-neutral-950: 11 17 11;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-summer.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/summer.webp);
  --nw-color-body-bg: 40 131 186;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 239 245 249;
  --nw-color-on-navbar-hover: 239 245 249;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: 15 88 133 / 0.5019607843137255;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 13 120 186;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 97 97 97 / 0.34901960784313724;
  --nw-color-sidebar-expanded-hover: 8 56 86 / 0.4;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 255 255 255;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 23 133 201;
  --nw-color-secondary: 133 114 99;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 231 242 248;
  --nw-color-primary-100: 207 228 241;
  --nw-color-primary-200: 158 201 227;
  --nw-color-primary-300: 110 174 214;
  --nw-color-primary-400: 61 147 200;
  --nw-color-primary-500: 23 133 201;
  --nw-color-primary-600: 12 108 167;
  --nw-color-primary-700: 9 84 130;
  --nw-color-primary-800: 7 60 93;
  --nw-color-primary-900: 4 36 56;
  --nw-color-primary-950: 3 24 37;
  --nw-color-secondary-50: 234 230 227;
  --nw-color-secondary-100: 223 217 213;
  --nw-color-secondary-200: 202 191 183;
  --nw-color-secondary-300: 180 165 154;
  --nw-color-secondary-400: 158 140 125;
  --nw-color-secondary-500: 133 114 99;
  --nw-color-secondary-600: 107 91 79;
  --nw-color-secondary-700: 80 69 60;
  --nw-color-secondary-800: 54 46 40;
  --nw-color-secondary-900: 28 24 21;
  --nw-color-secondary-950: 15 13 11;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 17 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-autumn.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/autumn.webp);
  --nw-color-body-bg: 185 155 46;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 255 248 236;
  --nw-color-on-navbar-hover: 255 248 236;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: 68 60 29 / 0.30196078431372547;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 143 97 0;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 97 97 97 / 0.30196078431372547;
  --nw-color-sidebar-expanded-hover: 143 97 0 / 0.4;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 255 255 255;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 235 231 232;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 243 243;
  --nw-color-header-300: 235 231 232;
  --nw-color-footer-100: 245 243 243;
  --nw-color-primary: 143 97 0;
  --nw-color-secondary: 45 87 166;
  --nw-color-neutral: 128 107 110;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 244 239 230;
  --nw-color-primary-100: 233 223 204;
  --nw-color-primary-200: 210 192 153;
  --nw-color-primary-300: 188 160 102;
  --nw-color-primary-400: 165 129 51;
  --nw-color-primary-500: 143 97 0;
  --nw-color-primary-600: 129 87 0;
  --nw-color-primary-700: 114 78 0;
  --nw-color-primary-800: 86 58 0;
  --nw-color-primary-900: 57 39 0;
  --nw-color-primary-950: 29 19 0;
  --nw-color-secondary-50: 234 238 246;
  --nw-color-secondary-100: 213 221 237;
  --nw-color-secondary-200: 171 188 219;
  --nw-color-secondary-300: 129 154 202;
  --nw-color-secondary-400: 87 121 184;
  --nw-color-secondary-500: 45 87 166;
  --nw-color-secondary-600: 41 78 149;
  --nw-color-secondary-700: 31 61 116;
  --nw-color-secondary-800: 23 44 83;
  --nw-color-secondary-900: 13 26 50;
  --nw-color-secondary-950: 9 17 33;
  --nw-color-neutral-50: 245 243 243;
  --nw-color-neutral-100: 235 231 232;
  --nw-color-neutral-200: 214 208 209;
  --nw-color-neutral-300: 173 161 162;
  --nw-color-neutral-400: 159 144 146;
  --nw-color-neutral-500: 128 107 110;
  --nw-color-neutral-600: 82 68 70;
  --nw-color-neutral-700: 67 56 57;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 36 30 31;
  --nw-color-neutral-950: 26 21 22;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-winter.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/winter.webp);
  --nw-color-body-bg: 81 127 158;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 238 245 250;
  --nw-color-on-navbar-hover: 255 255 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: 95 121 144 / 0.6;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 11 56 89;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 97 97 97 / 0.30196078431372547;
  --nw-color-sidebar-expanded-hover: 13 58 92 / 0.30196078431372547;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 255 255 255;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 255 255;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 232 233 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 239 241 242;
  --nw-color-header-300: 232 233 235;
  --nw-color-footer-100: 239 241 242;
  --nw-color-primary: 11 55 88;
  --nw-color-secondary: 178 95 64;
  --nw-color-neutral: 100 111 125;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 231 235 238;
  --nw-color-primary-100: 206 215 222;
  --nw-color-primary-200: 157 175 188;
  --nw-color-primary-300: 109 135 155;
  --nw-color-primary-400: 60 95 121;
  --nw-color-primary-500: 11 55 88;
  --nw-color-primary-600: 10 50 79;
  --nw-color-primary-700: 8 39 62;
  --nw-color-primary-800: 6 28 44;
  --nw-color-primary-900: 3 16 26;
  --nw-color-primary-950: 2 11 18;
  --nw-color-secondary-50: 239 218 210;
  --nw-color-secondary-100: 233 204 193;
  --nw-color-secondary-200: 221 176 159;
  --nw-color-secondary-300: 208 148 125;
  --nw-color-secondary-400: 196 120 92;
  --nw-color-secondary-500: 178 95 64;
  --nw-color-secondary-600: 148 79 53;
  --nw-color-secondary-700: 118 63 42;
  --nw-color-secondary-800: 88 47 32;
  --nw-color-secondary-900: 58 31 21;
  --nw-color-secondary-950: 43 23 15;
  --nw-color-neutral-50: 239 241 242;
  --nw-color-neutral-100: 232 233 235;
  --nw-color-neutral-200: 208 212 216;
  --nw-color-neutral-300: 164 169 177;
  --nw-color-neutral-400: 141 148 158;
  --nw-color-neutral-500: 100 111 125;
  --nw-color-neutral-600: 84 97 112;
  --nw-color-neutral-700: 61 75 92;
  --nw-color-neutral-800: 39 48 59;
  --nw-color-neutral-900: 29 36 44;
  --nw-color-neutral-950: 24 30 37;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-circuit-board.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/circuit-board.webp);
  --nw-color-body-bg: 21 40 80;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 223 234 239;
  --nw-color-on-navbar-hover: 223 234 239;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 16 102 180;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 214 225 245;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 223 234 239;
  --nw-color-promote-hover: 223 234 239;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 51 107 204;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 235 240 250;
  --nw-color-primary-100: 214 225 245;
  --nw-color-primary-200: 173 196 235;
  --nw-color-primary-300: 133 166 224;
  --nw-color-primary-400: 92 137 214;
  --nw-color-primary-500: 51 107 204;
  --nw-color-primary-600: 42 88 167;
  --nw-color-primary-700: 33 68 131;
  --nw-color-primary-800: 23 49 94;
  --nw-color-primary-900: 14 30 57;
  --nw-color-primary-950: 10 20 39;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 164 169 177;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-calla-lily.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/calla-lily.webp);
  --nw-color-body-bg: 209 216 236;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 69 67 75;
  --nw-color-on-navbar-hover: 255 255 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 244 67 54;
  --nw-color-link: 152 135 149;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 242 243 / 0.4;
  --nw-color-sidebar-expanded-hover: 227 222 226;
  --nw-color-on-sidebar-expanded: 73 92 110;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 73 92 110;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 69 67 75;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 237 235 237;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 242 243;
  --nw-color-header-300: 237 235 237;
  --nw-color-footer-100: 243 242 243;
  --nw-color-primary: 132 113 129;
  --nw-color-secondary: 122 119 53;
  --nw-color-neutral: 104 87 103;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 241 238 240;
  --nw-color-primary-100: 227 222 226;
  --nw-color-primary-200: 203 195 202;
  --nw-color-primary-300: 180 167 178;
  --nw-color-primary-400: 156 140 154;
  --nw-color-primary-500: 132 113 129;
  --nw-color-primary-600: 110 94 108;
  --nw-color-primary-700: 88 75 86;
  --nw-color-primary-800: 66 57 65;
  --nw-color-primary-900: 44 38 43;
  --nw-color-primary-950: 33 28 32;
  --nw-color-secondary-50: 230 229 197;
  --nw-color-secondary-100: 222 220 178;
  --nw-color-secondary-200: 205 202 139;
  --nw-color-secondary-300: 188 184 100;
  --nw-color-secondary-400: 161 157 70;
  --nw-color-secondary-500: 122 119 53;
  --nw-color-secondary-600: 97 95 42;
  --nw-color-secondary-700: 72 70 31;
  --nw-color-secondary-800: 47 46 21;
  --nw-color-secondary-900: 22 22 10;
  --nw-color-secondary-950: 10 10 4;
  --nw-color-neutral-50: 243 242 243;
  --nw-color-neutral-100: 237 235 237;
  --nw-color-neutral-200: 219 215 219;
  --nw-color-neutral-300: 170 161 170;
  --nw-color-neutral-400: 155 144 155;
  --nw-color-neutral-500: 104 87 103;
  --nw-color-neutral-600: 92 77 91;
  --nw-color-neutral-700: 75 63 74;
  --nw-color-neutral-800: 54 45 54;
  --nw-color-neutral-900: 42 35 41;
  --nw-color-neutral-950: 29 24 29;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-binary-tunnel.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/binary-tunnel.webp);
  --nw-color-body-bg: 21 35 67;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 219 227 231;
  --nw-color-on-navbar-hover: 219 227 231;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 36 112 188;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.20784313725490197;
  --nw-color-sidebar-expanded-hover: 203 224 245;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 219 227 231;
  --nw-color-promote-hover: 219 227 231;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 36 112 188;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 227 238 250;
  --nw-color-primary-100: 203 224 245;
  --nw-color-primary-200: 156 196 236;
  --nw-color-primary-300: 109 168 227;
  --nw-color-primary-400: 62 140 218;
  --nw-color-primary-500: 36 112 188;
  --nw-color-primary-600: 29 92 154;
  --nw-color-primary-700: 23 71 120;
  --nw-color-primary-800: 16 51 85;
  --nw-color-primary-900: 10 30 51;
  --nw-color-primary-950: 6 20 34;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-panda.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/panda.webp);
  --nw-color-body-bg: 49 78 0;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 219 255 220;
  --nw-color-on-navbar-hover: 219 255 220;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 64 131 29;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 230 234 230 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 211 238 197;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 219 255 220;
  --nw-color-promote-hover: 219 255 220;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 212 219 212;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 230 234 230;
  --nw-color-header-300: 212 219 212;
  --nw-color-footer-100: 230 234 230;
  --nw-color-primary: 70 130 39;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 99 123 98;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 238 248 232;
  --nw-color-primary-100: 211 238 197;
  --nw-color-primary-200: 172 222 146;
  --nw-color-primary-300: 133 207 95;
  --nw-color-primary-400: 81 166 39;
  --nw-color-primary-500: 70 130 39;
  --nw-color-primary-600: 57 106 32;
  --nw-color-primary-700: 45 83 25;
  --nw-color-primary-800: 32 59 18;
  --nw-color-primary-900: 19 36 11;
  --nw-color-primary-950: 13 24 7;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 230 234 230;
  --nw-color-neutral-100: 212 219 212;
  --nw-color-neutral-200: 207 215 207;
  --nw-color-neutral-300: 154 167 153;
  --nw-color-neutral-400: 136 151 135;
  --nw-color-neutral-500: 99 123 98;
  --nw-color-neutral-600: 85 105 84;
  --nw-color-neutral-700: 61 75 60;
  --nw-color-neutral-800: 36 45 36;
  --nw-color-neutral-900: 20 25 20;
  --nw-color-neutral-950: 12 15 12;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-blue-sea.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/blue-sea.webp);
  --nw-color-body-bg: 1 142 196;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 235 252 254;
  --nw-color-on-navbar-hover: 235 252 254;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 51 153 153;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 236 242 243 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 160 229 234;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 235 252 254;
  --nw-color-promote-hover: 235 252 254;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 217 228 231;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 236 242 243;
  --nw-color-header-300: 217 228 231;
  --nw-color-footer-100: 236 242 243;
  --nw-color-primary: 27 129 136;
  --nw-color-secondary: 195 80 41;
  --nw-color-neutral: 63 121 134;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 205 241 244;
  --nw-color-primary-100: 160 229 234;
  --nw-color-primary-200: 114 216 223;
  --nw-color-primary-300: 68 204 213;
  --nw-color-primary-400: 16 163 173;
  --nw-color-primary-500: 27 129 136;
  --nw-color-primary-600: 25 107 113;
  --nw-color-primary-700: 20 84 88;
  --nw-color-primary-800: 14 60 63;
  --nw-color-primary-900: 9 36 38;
  --nw-color-primary-950: 6 24 26;
  --nw-color-secondary-50: 247 226 218;
  --nw-color-secondary-100: 243 209 197;
  --nw-color-secondary-200: 234 175 155;
  --nw-color-secondary-300: 225 141 113;
  --nw-color-secondary-400: 216 108 71;
  --nw-color-secondary-500: 195 80 41;
  --nw-color-secondary-600: 157 64 33;
  --nw-color-secondary-700: 119 49 25;
  --nw-color-secondary-800: 81 33 17;
  --nw-color-secondary-900: 43 18 9;
  --nw-color-secondary-950: 24 10 5;
  --nw-color-neutral-50: 236 242 243;
  --nw-color-neutral-100: 217 228 231;
  --nw-color-neutral-200: 197 215 219;
  --nw-color-neutral-300: 132 169 177;
  --nw-color-neutral-400: 101 148 158;
  --nw-color-neutral-500: 63 121 134;
  --nw-color-neutral-600: 44 85 94;
  --nw-color-neutral-700: 35 67 74;
  --nw-color-neutral-800: 25 48 54;
  --nw-color-neutral-900: 19 36 40;
  --nw-color-neutral-950: 13 24 27;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-technology.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/technology.webp);
  --nw-color-body-bg: 4 51 89;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 189 195 198;
  --nw-color-on-navbar-hover: 189 195 198;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 36 112 188;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 211 225 238;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 189 195 198;
  --nw-color-promote-hover: 189 195 198;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 62 112 163;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 231 239 246;
  --nw-color-primary-100: 211 225 238;
  --nw-color-primary-200: 170 196 223;
  --nw-color-primary-300: 130 168 207;
  --nw-color-primary-400: 92 143 195;
  --nw-color-primary-500: 62 112 163;
  --nw-color-primary-600: 51 92 134;
  --nw-color-primary-700: 39 71 104;
  --nw-color-primary-800: 28 51 74;
  --nw-color-primary-900: 17 31 45;
  --nw-color-primary-950: 11 21 30;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-forest.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/forest.webp);
  --nw-color-body-bg: 0 61 90;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 229 237 255;
  --nw-color-on-navbar-hover: 229 237 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 49 105 141;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 168 214 225;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 229 237 255;
  --nw-color-promote-hover: 229 237 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 48 122 141;
  --nw-color-secondary: 195 80 41;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 201 229 237;
  --nw-color-primary-100: 168 214 225;
  --nw-color-primary-200: 130 196 212;
  --nw-color-primary-300: 92 178 199;
  --nw-color-primary-400: 61 155 179;
  --nw-color-primary-500: 48 122 141;
  --nw-color-primary-600: 39 99 114;
  --nw-color-primary-700: 30 76 87;
  --nw-color-primary-800: 21 53 61;
  --nw-color-primary-900: 12 30 34;
  --nw-color-primary-950: 7 18 21;
  --nw-color-secondary-50: 247 226 218;
  --nw-color-secondary-100: 243 209 197;
  --nw-color-secondary-200: 234 175 155;
  --nw-color-secondary-300: 225 141 113;
  --nw-color-secondary-400: 216 108 71;
  --nw-color-secondary-500: 195 80 41;
  --nw-color-secondary-600: 157 64 33;
  --nw-color-secondary-700: 119 49 25;
  --nw-color-secondary-800: 81 33 17;
  --nw-color-secondary-900: 43 18 9;
  --nw-color-secondary-950: 24 10 5;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-twilight.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/twilight.webp);
  --nw-color-body-bg: 53 72 106;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 216 229 236;
  --nw-color-on-navbar-hover: 216 229 236;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 204 102 0;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.20784313725490197;
  --nw-color-sidebar-expanded-hover: 235 196 189;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 216 229 236;
  --nw-color-promote-hover: 216 229 236;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 168 71 52;
  --nw-color-secondary: 25 128 143;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 244 222 217;
  --nw-color-primary-100: 235 196 189;
  --nw-color-primary-200: 223 162 150;
  --nw-color-primary-300: 211 127 111;
  --nw-color-primary-400: 213 105 83;
  --nw-color-primary-500: 168 71 52;
  --nw-color-primary-600: 140 59 43;
  --nw-color-primary-700: 113 48 35;
  --nw-color-primary-800: 86 36 26;
  --nw-color-primary-900: 59 25 18;
  --nw-color-primary-950: 45 19 14;
  --nw-color-secondary-50: 198 239 245;
  --nw-color-secondary-100: 172 232 241;
  --nw-color-secondary-200: 120 217 231;
  --nw-color-secondary-300: 68 203 222;
  --nw-color-secondary-400: 34 175 195;
  --nw-color-secondary-500: 25 128 143;
  --nw-color-secondary-600: 20 101 113;
  --nw-color-secondary-700: 14 74 82;
  --nw-color-secondary-800: 9 46 52;
  --nw-color-secondary-900: 4 19 21;
  --nw-color-secondary-950: 1 6 6;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-canyon.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/canyon.webp);
  --nw-color-body-bg: 124 20 7;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 233 220 188;
  --nw-color-on-navbar-hover: 233 220 188;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 160 53 29;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 245 243 243 / 0.25098039215686274;
  --nw-color-sidebar-expanded-hover: 248 215 207;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 233 220 188;
  --nw-color-promote-hover: 233 220 188;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 235 231 232;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 243 243;
  --nw-color-header-300: 235 231 232;
  --nw-color-footer-100: 245 243 243;
  --nw-color-primary: 202 60 29;
  --nw-color-secondary: 25 128 143;
  --nw-color-neutral: 128 107 110;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 252 235 232;
  --nw-color-primary-100: 248 215 207;
  --nw-color-primary-200: 241 173 158;
  --nw-color-primary-300: 234 132 109;
  --nw-color-primary-400: 233 95 65;
  --nw-color-primary-500: 202 60 29;
  --nw-color-primary-600: 162 48 23;
  --nw-color-primary-700: 122 36 17;
  --nw-color-primary-800: 82 24 12;
  --nw-color-primary-900: 41 12 6;
  --nw-color-primary-950: 21 6 3;
  --nw-color-secondary-50: 198 239 245;
  --nw-color-secondary-100: 172 232 241;
  --nw-color-secondary-200: 120 217 231;
  --nw-color-secondary-300: 68 203 222;
  --nw-color-secondary-400: 34 175 195;
  --nw-color-secondary-500: 25 128 143;
  --nw-color-secondary-600: 20 101 113;
  --nw-color-secondary-700: 14 74 82;
  --nw-color-secondary-800: 9 46 52;
  --nw-color-secondary-900: 4 19 21;
  --nw-color-secondary-950: 1 6 6;
  --nw-color-neutral-50: 245 243 243;
  --nw-color-neutral-100: 235 231 232;
  --nw-color-neutral-200: 214 208 209;
  --nw-color-neutral-300: 173 161 162;
  --nw-color-neutral-400: 159 144 146;
  --nw-color-neutral-500: 128 107 110;
  --nw-color-neutral-600: 82 68 70;
  --nw-color-neutral-700: 67 56 57;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 36 30 31;
  --nw-color-neutral-950: 26 21 22;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-northern-light.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/northern-light.webp);
  --nw-color-body-bg: 0 107 70;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 218 255 252;
  --nw-color-on-navbar-hover: 218 255 252;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 1 107 70;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 245 244 / 0.12549019607843137;
  --nw-color-sidebar-expanded-hover: 197 245 232;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 218 255 252;
  --nw-color-promote-hover: 218 255 252;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 231 235 233;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 245 244;
  --nw-color-header-300: 231 235 233;
  --nw-color-footer-100: 243 245 244;
  --nw-color-primary: 23 133 103;
  --nw-color-secondary: 176 98 3;
  --nw-color-neutral: 101 123 109;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 227 250 244;
  --nw-color-primary-100: 197 245 232;
  --nw-color-primary-200: 136 234 208;
  --nw-color-primary-300: 75 224 183;
  --nw-color-primary-400: 0 168 119;
  --nw-color-primary-500: 23 133 103;
  --nw-color-primary-600: 18 107 83;
  --nw-color-primary-700: 14 81 63;
  --nw-color-primary-800: 9 55 42;
  --nw-color-primary-900: 5 29 22;
  --nw-color-primary-950: 3 16 12;
  --nw-color-secondary-50: 254 215 168;
  --nw-color-secondary-100: 253 198 130;
  --nw-color-secondary-200: 252 174 80;
  --nw-color-secondary-300: 251 151 30;
  --nw-color-secondary-400: 226 126 4;
  --nw-color-secondary-500: 176 98 3;
  --nw-color-secondary-600: 141 78 2;
  --nw-color-secondary-700: 106 59 2;
  --nw-color-secondary-800: 71 39 1;
  --nw-color-secondary-900: 36 20 1;
  --nw-color-secondary-950: 18 10 0;
  --nw-color-neutral-50: 243 245 244;
  --nw-color-neutral-100: 231 235 233;
  --nw-color-neutral-200: 207 215 210;
  --nw-color-neutral-300: 154 167 159;
  --nw-color-neutral-400: 136 151 142;
  --nw-color-neutral-500: 101 123 109;
  --nw-color-neutral-600: 68 83 74;
  --nw-color-neutral-700: 55 67 60;
  --nw-color-neutral-800: 40 49 43;
  --nw-color-neutral-900: 30 36 32;
  --nw-color-neutral-950: 14 18 16;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-astronomy.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/astronomy.webp);
  --nw-color-body-bg: 50 33 77;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 237 227 255;
  --nw-color-on-navbar-hover: 237 227 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 94 75 133;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 244 243 245 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 211 216 227;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 237 227 255;
  --nw-color-promote-hover: 237 227 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 227 225 230;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 244 243 245;
  --nw-color-header-300: 227 225 230;
  --nw-color-footer-100: 244 243 245;
  --nw-color-primary: 90 107 144;
  --nw-color-secondary: 122 119 53;
  --nw-color-neutral: 114 106 129;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 232 235 241;
  --nw-color-primary-100: 211 216 227;
  --nw-color-primary-200: 179 188 208;
  --nw-color-primary-300: 148 161 188;
  --nw-color-primary-400: 121 137 172;
  --nw-color-primary-500: 90 107 144;
  --nw-color-primary-600: 76 91 122;
  --nw-color-primary-700: 63 74 100;
  --nw-color-primary-800: 49 58 78;
  --nw-color-primary-900: 35 42 56;
  --nw-color-primary-950: 28 34 45;
  --nw-color-secondary-50: 230 229 197;
  --nw-color-secondary-100: 222 220 178;
  --nw-color-secondary-200: 205 202 139;
  --nw-color-secondary-300: 188 184 100;
  --nw-color-secondary-400: 161 157 70;
  --nw-color-secondary-500: 122 119 53;
  --nw-color-secondary-600: 97 95 42;
  --nw-color-secondary-700: 72 70 31;
  --nw-color-secondary-800: 47 46 21;
  --nw-color-secondary-900: 22 22 10;
  --nw-color-secondary-950: 10 10 4;
  --nw-color-neutral-50: 244 243 245;
  --nw-color-neutral-100: 227 225 230;
  --nw-color-neutral-200: 210 207 215;
  --nw-color-neutral-300: 171 167 179;
  --nw-color-neutral-400: 150 145 160;
  --nw-color-neutral-500: 114 106 129;
  --nw-color-neutral-600: 73 68 83;
  --nw-color-neutral-700: 59 55 67;
  --nw-color-neutral-800: 32 30 36;
  --nw-color-neutral-900: 23 21 26;
  --nw-color-neutral-950: 14 13 15;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-zebra.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/zebra.webp);
  --nw-color-body-bg: 199 111 37;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 255 248 245;
  --nw-color-on-navbar-hover: 255 248 245;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 140 18 1;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 245 243 243 / 0.18823529411764706;
  --nw-color-sidebar-expanded-hover: 239 209 206;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 248 245;
  --nw-color-promote-hover: 255 248 245;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 235 231 232;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 243 243;
  --nw-color-header-300: 235 231 232;
  --nw-color-footer-100: 245 243 243;
  --nw-color-primary: 166 67 54;
  --nw-color-secondary: 25 128 143;
  --nw-color-neutral: 128 107 110;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 246 229 227;
  --nw-color-primary-100: 239 209 206;
  --nw-color-primary-200: 225 170 163;
  --nw-color-primary-300: 211 131 121;
  --nw-color-primary-400: 213 105 91;
  --nw-color-primary-500: 166 67 54;
  --nw-color-primary-600: 135 55 44;
  --nw-color-primary-700: 104 42 34;
  --nw-color-primary-800: 74 30 24;
  --nw-color-primary-900: 43 17 14;
  --nw-color-primary-950: 27 11 9;
  --nw-color-secondary-50: 198 239 245;
  --nw-color-secondary-100: 172 232 241;
  --nw-color-secondary-200: 120 217 231;
  --nw-color-secondary-300: 68 203 222;
  --nw-color-secondary-400: 34 175 195;
  --nw-color-secondary-500: 25 128 143;
  --nw-color-secondary-600: 20 101 113;
  --nw-color-secondary-700: 14 74 82;
  --nw-color-secondary-800: 9 46 52;
  --nw-color-secondary-900: 4 19 21;
  --nw-color-secondary-950: 1 6 6;
  --nw-color-neutral-50: 245 243 243;
  --nw-color-neutral-100: 235 231 232;
  --nw-color-neutral-200: 214 208 209;
  --nw-color-neutral-300: 173 161 162;
  --nw-color-neutral-400: 159 144 146;
  --nw-color-neutral-500: 128 107 110;
  --nw-color-neutral-600: 82 68 70;
  --nw-color-neutral-700: 67 56 57;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 36 30 31;
  --nw-color-neutral-950: 26 21 22;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-fish.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/fish.webp);
  --nw-color-body-bg: 0 61 90;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 229 237 255;
  --nw-color-on-navbar-hover: 229 237 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 49 105 141;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 168 214 225;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 229 237 255;
  --nw-color-promote-hover: 229 237 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 48 122 141;
  --nw-color-secondary: 195 80 41;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 201 229 237;
  --nw-color-primary-100: 168 214 225;
  --nw-color-primary-200: 130 196 212;
  --nw-color-primary-300: 92 178 199;
  --nw-color-primary-400: 61 155 179;
  --nw-color-primary-500: 48 122 141;
  --nw-color-primary-600: 39 99 114;
  --nw-color-primary-700: 30 76 87;
  --nw-color-primary-800: 21 53 61;
  --nw-color-primary-900: 12 30 34;
  --nw-color-primary-950: 7 18 21;
  --nw-color-secondary-50: 247 226 218;
  --nw-color-secondary-100: 243 209 197;
  --nw-color-secondary-200: 234 175 155;
  --nw-color-secondary-300: 225 141 113;
  --nw-color-secondary-400: 216 108 71;
  --nw-color-secondary-500: 195 80 41;
  --nw-color-secondary-600: 157 64 33;
  --nw-color-secondary-700: 119 49 25;
  --nw-color-secondary-800: 81 33 17;
  --nw-color-secondary-900: 43 18 9;
  --nw-color-secondary-950: 24 10 5;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-penguin.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/penguin.webp);
  --nw-color-body-bg: 223 227 234;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 47 66 91;
  --nw-color-on-navbar-hover: 255 255 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 244 67 54;
  --nw-color-link: 72 101 137;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.27058823529411763;
  --nw-color-sidebar-expanded-hover: 205 215 229;
  --nw-color-on-sidebar-expanded: 74 93 110;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 73 92 110;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 47 66 91;
  --nw-color-promote-hover: 255 255 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 72 101 137;
  --nw-color-secondary: 178 95 64;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 229 235 241;
  --nw-color-primary-100: 205 215 229;
  --nw-color-primary-200: 168 186 209;
  --nw-color-primary-300: 131 157 190;
  --nw-color-primary-400: 105 139 183;
  --nw-color-primary-500: 72 101 137;
  --nw-color-primary-600: 60 84 114;
  --nw-color-primary-700: 47 66 90;
  --nw-color-primary-800: 35 49 67;
  --nw-color-primary-900: 23 32 43;
  --nw-color-primary-950: 17 23 32;
  --nw-color-secondary-50: 239 218 210;
  --nw-color-secondary-100: 233 204 193;
  --nw-color-secondary-200: 221 176 159;
  --nw-color-secondary-300: 208 148 125;
  --nw-color-secondary-400: 196 120 92;
  --nw-color-secondary-500: 178 95 64;
  --nw-color-secondary-600: 148 79 53;
  --nw-color-secondary-700: 118 63 42;
  --nw-color-secondary-800: 88 47 32;
  --nw-color-secondary-900: 58 31 21;
  --nw-color-secondary-950: 43 23 15;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-mountain.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/mountain.webp);
  --nw-color-body-bg: 137 131 133;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 247 252 255;
  --nw-color-on-navbar-hover: 247 252 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 79 109 51;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 215 227 239;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 247 252 255;
  --nw-color-promote-hover: 247 252 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 67 114 163;
  --nw-color-secondary: 79 109 51;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 235 241 247;
  --nw-color-primary-100: 215 227 239;
  --nw-color-primary-200: 175 199 222;
  --nw-color-primary-300: 136 170 206;
  --nw-color-primary-400: 96 142 190;
  --nw-color-primary-500: 67 114 163;
  --nw-color-primary-600: 55 94 134;
  --nw-color-primary-700: 43 73 105;
  --nw-color-primary-800: 31 53 76;
  --nw-color-primary-900: 19 33 47;
  --nw-color-primary-950: 13 23 33;
  --nw-color-secondary-50: 229 239 220;
  --nw-color-secondary-100: 212 228 197;
  --nw-color-secondary-200: 179 207 152;
  --nw-color-secondary-300: 145 186 107;
  --nw-color-secondary-400: 112 154 72;
  --nw-color-secondary-500: 79 109 51;
  --nw-color-secondary-600: 66 92 43;
  --nw-color-secondary-700: 54 74 35;
  --nw-color-secondary-800: 41 57 27;
  --nw-color-secondary-900: 29 40 18;
  --nw-color-secondary-950: 22 31 14;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-mars.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/mars.webp);
  --nw-color-body-bg: 75 34 27;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 255 239 234;
  --nw-color-on-navbar-hover: 255 239 234;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 157 54 34;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 245 243 243 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 245 214 208;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 255 239 234;
  --nw-color-promote-hover: 255 239 234;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 235 231 232;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 245 243 243;
  --nw-color-header-300: 235 231 232;
  --nw-color-footer-100: 245 243 243;
  --nw-color-primary: 187 64 41;
  --nw-color-secondary: 25 128 143;
  --nw-color-neutral: 128 107 110;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 250 234 231;
  --nw-color-primary-100: 245 214 208;
  --nw-color-primary-200: 235 173 162;
  --nw-color-primary-300: 224 133 116;
  --nw-color-primary-400: 221 99 76;
  --nw-color-primary-500: 187 64 41;
  --nw-color-primary-600: 149 51 33;
  --nw-color-primary-700: 112 38 24;
  --nw-color-primary-800: 74 25 16;
  --nw-color-primary-900: 36 12 8;
  --nw-color-primary-950: 18 6 4;
  --nw-color-secondary-50: 198 239 245;
  --nw-color-secondary-100: 172 232 241;
  --nw-color-secondary-200: 120 217 231;
  --nw-color-secondary-300: 68 203 222;
  --nw-color-secondary-400: 34 175 195;
  --nw-color-secondary-500: 25 128 143;
  --nw-color-secondary-600: 20 101 113;
  --nw-color-secondary-700: 14 74 82;
  --nw-color-secondary-800: 9 46 52;
  --nw-color-secondary-900: 4 19 21;
  --nw-color-secondary-950: 1 6 6;
  --nw-color-neutral-50: 245 243 243;
  --nw-color-neutral-100: 235 231 232;
  --nw-color-neutral-200: 214 208 209;
  --nw-color-neutral-300: 173 161 162;
  --nw-color-neutral-400: 159 144 146;
  --nw-color-neutral-500: 128 107 110;
  --nw-color-neutral-600: 82 68 70;
  --nw-color-neutral-700: 67 56 57;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 36 30 31;
  --nw-color-neutral-950: 26 21 22;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-cat.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/cat.webp);
  --nw-color-body-bg: 21 42 50;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 228 243 255;
  --nw-color-on-navbar-hover: 228 243 255;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 9 23 27;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 230 234 230 / 0.1450980392156863;
  --nw-color-sidebar-expanded-hover: 180 230 249;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 228 243 255;
  --nw-color-promote-hover: 228 243 255;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 14 127 170;
  --nw-color-secondary: 148 110 20;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 208 239 251;
  --nw-color-primary-100: 180 230 249;
  --nw-color-primary-200: 123 211 244;
  --nw-color-primary-300: 67 192 240;
  --nw-color-primary-400: 17 159 212;
  --nw-color-primary-500: 14 127 170;
  --nw-color-primary-600: 12 106 142;
  --nw-color-primary-700: 9 85 113;
  --nw-color-primary-800: 7 64 85;
  --nw-color-primary-900: 5 43 57;
  --nw-color-primary-950: 3 28 38;
  --nw-color-secondary-50: 251 243 226;
  --nw-color-secondary-100: 247 232 197;
  --nw-color-secondary-200: 239 209 138;
  --nw-color-secondary-300: 231 186 80;
  --nw-color-secondary-400: 215 160 29;
  --nw-color-secondary-500: 148 110 20;
  --nw-color-secondary-600: 126 93 17;
  --nw-color-secondary-700: 94 70 13;
  --nw-color-secondary-800: 63 47 9;
  --nw-color-secondary-900: 45 34 6;
  --nw-color-secondary-950: 31 23 4;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}


.np-theme-cave.nw-light {
  --nw-bg-wallpaper: url(/static/images/shared/wall/cave.webp);
  --nw-color-body-bg: 0 22 38;
  --nw-color-msg-blue: 58 109 178;
  --nw-color-on-msg-blue: 255 255 255;
  --nw-color-msg-cyan: 46 127 133;
  --nw-color-on-msg-cyan: 255 255 255;
  --nw-color-msg-gray: 117 117 117;
  --nw-color-on-msg-gray: 255 255 255;
  --nw-color-msg-green: 0 139 16;
  --nw-color-on-msg-green: 255 255 255;
  --nw-color-msg-orange: 226 135 34;
  --nw-color-on-msg-orange: 255 255 255;
  --nw-color-msg-purple: 141 101 170;
  --nw-color-on-msg-purple: 255 255 255;
  --nw-color-msg-red: 212 53 39;
  --nw-color-on-msg-red: 255 255 255;
  --nw-color-msg-darkred: 173 0 0;
  --nw-color-on-msg-darkred: 255 255 255;
  --nw-color-msg-yellow: 243 187 45;
  --nw-color-on-msg-yellow: 255 255 255;
  --nw-color-on-navbar: 197 219 239;
  --nw-color-on-navbar-hover: 197 219 239;
  --nw-color-navbar-title: transparent;
  --nw-color-navbar: transparent;
  --nw-surface-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  --nw-color-border: 206 206 206;
  --nw-color-border-100: 206 206 206;
  --nw-color-border-200: 184 184 184;
  --nw-color-border-300: 34 34 34;
  --nw-color-logo: 255 255 255;
  --nw-color-link: 79 101 120;
  --nw-color-form-hover: 177 211 72;
  --nw-color-on-form-hover: 34 34 34;
  --nw-color-table-selected: 255 255 170;
  --nw-disabled-opacity: 0.7;
  --nw-color-on-sidebar-active: 255 255 255;
  --nw-color-sidebar-expanded: 243 244 246 / 0.18823529411764706;
  --nw-color-sidebar-expanded-hover: 185 200 212;
  --nw-color-on-sidebar-expanded: 255 255 255;
  --nw-color-on-sidebar-expanded-hover: 34 34 34;
  --nw-color-sidebar: transparent;
  --nw-color-on-sidebar: 255 255 255;
  --nw-color-neutral-0: 255 255 255;
  --nw-color-neutral-1000: 34 34 34;
  --nw-color-on-primary: 255 255 255;
  --nw-color-promote: 197 219 239;
  --nw-color-promote-hover: 197 219 239;
  --nw-color-chart-1: 37 50 94;
  --nw-color-chart-2: 226 135 34;
  --nw-color-chart-3: 70 136 194;
  --nw-color-chart-4: 188 66 101;
  --nw-color-chart-5: 121 146 181;
  --nw-color-chart-6: 155 60 112;
  --nw-color-chart-7: 212 81 83;
  --nw-color-chart-8: 225 105 61;
  --nw-shadow-focus-hover: 0 1px 7px rgba(var(--nw-color-neutral-1000)/.25),0 0 3px rgba(var(--nw-color-neutral-1000)/.25);
  --nw-color-panel-50: 255 255 255;
  --nw-color-panel-50-hover: 229 231 235;
  --nw-color-panel-100: 255 255 255;
  --nw-color-panel-200: 255 255 255;
  --nw-color-header-100: 255 255 255;
  --nw-color-header-200: 243 244 246;
  --nw-color-header-300: 229 231 235;
  --nw-color-footer-100: 243 244 246;
  --nw-color-primary: 89 121 144;
  --nw-color-secondary: 178 95 64;
  --nw-color-neutral: 107 114 128;
  --nw-color-caution: 255 210 67;
  --nw-color-success: 88 130 48;
  --nw-color-info: 51 111 233;
  --nw-color-warning: 207 73 0;
  --nw-color-danger: 237 0 0;
  --nw-color-primary-50: 214 224 230;
  --nw-color-primary-100: 185 200 212;
  --nw-color-primary-200: 159 181 196;
  --nw-color-primary-300: 134 161 180;
  --nw-color-primary-400: 109 141 165;
  --nw-color-primary-500: 89 121 144;
  --nw-color-primary-600: 73 100 119;
  --nw-color-primary-700: 58 79 94;
  --nw-color-primary-800: 42 57 68;
  --nw-color-primary-900: 27 36 43;
  --nw-color-primary-950: 19 26 31;
  --nw-color-secondary-50: 239 218 210;
  --nw-color-secondary-100: 233 204 193;
  --nw-color-secondary-200: 221 176 159;
  --nw-color-secondary-300: 208 148 125;
  --nw-color-secondary-400: 196 120 92;
  --nw-color-secondary-500: 178 95 64;
  --nw-color-secondary-600: 148 79 53;
  --nw-color-secondary-700: 118 63 42;
  --nw-color-secondary-800: 88 47 32;
  --nw-color-secondary-900: 58 31 21;
  --nw-color-secondary-950: 43 23 15;
  --nw-color-neutral-50: 243 244 246;
  --nw-color-neutral-100: 229 231 235;
  --nw-color-neutral-200: 209 213 219;
  --nw-color-neutral-300: 158 164 173;
  --nw-color-neutral-400: 141 148 159;
  --nw-color-neutral-500: 107 114 128;
  --nw-color-neutral-600: 75 85 99;
  --nw-color-neutral-700: 55 65 81;
  --nw-color-neutral-800: 31 41 55;
  --nw-color-neutral-900: 16 24 39;
  --nw-color-neutral-950: 13 19 30;
  --nw-color-caution-50: 255 253 246;
  --nw-color-caution-100: 255 243 205;
  --nw-color-caution-200: 255 236 174;
  --nw-color-caution-300: 255 228 144;
  --nw-color-caution-400: 255 221 113;
  --nw-color-caution-500: 255 210 67;
  --nw-color-caution-600: 248 191 27;
  --nw-color-caution-700: 187 141 6;
  --nw-color-caution-800: 133 100 4;
  --nw-color-caution-900: 83 63 3;
  --nw-color-caution-950: 54 40 2;
  --nw-color-success-50: 249 252 246;
  --nw-color-success-100: 235 244 225;
  --nw-color-success-200: 207 229 184;
  --nw-color-success-300: 180 214 143;
  --nw-color-success-400: 104 159 56;
  --nw-color-success-500: 88 130 48;
  --nw-color-success-600: 73 108 40;
  --nw-color-success-700: 58 85 31;
  --nw-color-success-800: 43 63 23;
  --nw-color-success-900: 27 41 15;
  --nw-color-success-950: 20 29 11;
  --nw-color-info-50: 232 240 252;
  --nw-color-info-100: 214 228 250;
  --nw-color-info-200: 177 204 246;
  --nw-color-info-300: 140 179 242;
  --nw-color-info-400: 104 155 238;
  --nw-color-info-500: 51 111 233;
  --nw-color-info-600: 24 100 220;
  --nw-color-info-700: 19 77 170;
  --nw-color-info-800: 13 54 119;
  --nw-color-info-900: 8 31 69;
  --nw-color-info-950: 5 20 44;
  --nw-color-warning-50: 255 222 204;
  --nw-color-warning-100: 255 204 176;
  --nw-color-warning-200: 255 168 120;
  --nw-color-warning-300: 255 131 64;
  --nw-color-warning-400: 250 111 0;
  --nw-color-warning-500: 207 73 0;
  --nw-color-warning-600: 171 60 0;
  --nw-color-warning-700: 136 48 0;
  --nw-color-warning-800: 100 35 0;
  --nw-color-warning-900: 64 23 0;
  --nw-color-warning-950: 46 16 0;
  --nw-color-danger-50: 255 207 207;
  --nw-color-danger-100: 255 184 184;
  --nw-color-danger-200: 255 138 138;
  --nw-color-danger-300: 255 92 92;
  --nw-color-danger-400: 255 61 32;
  --nw-color-danger-500: 237 0 0;
  --nw-color-danger-600: 219 0 0;
  --nw-color-danger-700: 173 0 0;
  --nw-color-danger-800: 133 0 0;
  --nw-color-danger-900: 71 0 0;
  --nw-color-danger-950: 48 0 0;
}

/* WARNING: This file is temporarily generated. Please do not edit or commit it.
To change values, edit the online themes spread sheet instead.*/

:root {
  --nw-color-gray-50: 250 250 250;
  --nw-color-gray-100: 245 245 245;
  --nw-color-gray-200: 238 238 238;
  --nw-color-gray-300: 224 224 224;
  --nw-color-gray-400: 189 189 189;
  --nw-color-gray-500: 148 148 148;
  --nw-color-gray: 148 148 148;
  --nw-color-gray-600: 117 117 117;
  --nw-color-gray-700: 97 97 97;
  --nw-color-gray-800: 66 66 66;
  --nw-color-gray-900: 53 53 53;
  --nw-color-gray-950: 46 46 46;
  --nw-color-red-50: 255 235 238;
  --nw-color-red-100: 255 205 210;
  --nw-color-red-200: 239 154 154;
  --nw-color-red-300: 229 115 115;
  --nw-color-red-400: 254 97 92;
  --nw-color-red-500: 244 67 54;
  --nw-color-red: 244 67 54;
  --nw-color-red-600: 229 57 53;
  --nw-color-red-700: 211 47 47;
  --nw-color-red-800: 198 40 40;
  --nw-color-red-900: 183 28 28;
  --nw-color-red-950: 165 25 25;
  --nw-color-tomato-50: 251 233 231;
  --nw-color-tomato-100: 255 204 188;
  --nw-color-tomato-200: 255 171 145;
  --nw-color-tomato-300: 255 138 101;
  --nw-color-tomato-400: 255 112 67;
  --nw-color-tomato-500: 255 87 34;
  --nw-color-tomato: 255 87 34;
  --nw-color-tomato-600: 244 81 30;
  --nw-color-tomato-700: 230 74 25;
  --nw-color-tomato-800: 216 67 21;
  --nw-color-tomato-900: 191 54 12;
  --nw-color-tomato-950: 172 49 11;
  --nw-color-orange-50: 255 243 224;
  --nw-color-orange-100: 255 224 178;
  --nw-color-orange-200: 255 204 128;
  --nw-color-orange-300: 255 183 77;
  --nw-color-orange-400: 255 167 38;
  --nw-color-orange-500: 255 152 0;
  --nw-color-orange: 255 152 0;
  --nw-color-orange-600: 251 140 0;
  --nw-color-orange-700: 245 124 0;
  --nw-color-orange-800: 239 108 0;
  --nw-color-orange-900: 230 92 0;
  --nw-color-orange-950: 204 70 0;
  --nw-color-amber-50: 255 248 225;
  --nw-color-amber-100: 255 236 179;
  --nw-color-amber-200: 255 224 130;
  --nw-color-amber-300: 255 213 79;
  --nw-color-amber-400: 255 202 40;
  --nw-color-amber-500: 255 193 7;
  --nw-color-amber: 255 193 7;
  --nw-color-amber-600: 255 179 0;
  --nw-color-amber-700: 255 160 0;
  --nw-color-amber-800: 255 143 0;
  --nw-color-amber-900: 255 111 0;
  --nw-color-amber-950: 206 71 0;
  --nw-color-yellow-50: 255 253 231;
  --nw-color-yellow-100: 255 249 196;
  --nw-color-yellow-200: 255 245 157;
  --nw-color-yellow-300: 255 241 118;
  --nw-color-yellow-400: 255 238 88;
  --nw-color-yellow-500: 255 235 59;
  --nw-color-yellow: 255 235 59;
  --nw-color-yellow-600: 253 216 53;
  --nw-color-yellow-700: 251 192 45;
  --nw-color-yellow-800: 249 168 37;
  --nw-color-yellow-900: 245 127 23;
  --nw-color-yellow-950: 191 87 0;
  --nw-color-lime-50: 249 251 231;
  --nw-color-lime-100: 240 244 195;
  --nw-color-lime-200: 230 238 156;
  --nw-color-lime-300: 220 231 117;
  --nw-color-lime-400: 212 225 87;
  --nw-color-lime-500: 205 220 57;
  --nw-color-lime: 205 220 57;
  --nw-color-lime-600: 192 202 51;
  --nw-color-lime-700: 175 180 43;
  --nw-color-lime-800: 158 157 36;
  --nw-color-lime-900: 130 119 23;
  --nw-color-lime-950: 117 107 21;
  --nw-color-green-50: 241 248 233;
  --nw-color-green-100: 220 237 200;
  --nw-color-green-200: 197 225 165;
  --nw-color-green-300: 174 213 129;
  --nw-color-green-400: 156 204 101;
  --nw-color-green-500: 139 195 74;
  --nw-color-green: 139 195 74;
  --nw-color-green-600: 124 179 66;
  --nw-color-green-700: 104 159 56;
  --nw-color-green-800: 85 139 47;
  --nw-color-green-900: 51 105 30;
  --nw-color-green-950: 46 95 27;
  --nw-color-emerald-50: 232 245 233;
  --nw-color-emerald-100: 200 230 201;
  --nw-color-emerald-200: 165 214 167;
  --nw-color-emerald-300: 129 199 132;
  --nw-color-emerald-400: 102 187 106;
  --nw-color-emerald-500: 76 175 80;
  --nw-color-emerald: 76 175 80;
  --nw-color-emerald-600: 67 160 71;
  --nw-color-emerald-700: 56 142 60;
  --nw-color-emerald-800: 46 125 50;
  --nw-color-emerald-900: 27 94 32;
  --nw-color-emerald-950: 24 85 29;
  --nw-color-teal-50: 224 242 241;
  --nw-color-teal-100: 178 223 219;
  --nw-color-teal-200: 128 203 196;
  --nw-color-teal-300: 77 182 172;
  --nw-color-teal-400: 38 166 154;
  --nw-color-teal-500: 0 150 136;
  --nw-color-teal: 0 150 136;
  --nw-color-teal-600: 0 137 123;
  --nw-color-teal-700: 0 121 107;
  --nw-color-teal-800: 0 105 92;
  --nw-color-teal-900: 0 77 64;
  --nw-color-teal-950: 0 69 58;
  --nw-color-cyan-50: 224 247 250;
  --nw-color-cyan-100: 178 235 242;
  --nw-color-cyan-200: 128 222 234;
  --nw-color-cyan-300: 77 208 225;
  --nw-color-cyan-400: 38 198 218;
  --nw-color-cyan-500: 0 188 212;
  --nw-color-cyan: 0 188 212;
  --nw-color-cyan-600: 0 172 193;
  --nw-color-cyan-700: 0 151 167;
  --nw-color-cyan-800: 0 131 143;
  --nw-color-cyan-900: 0 96 100;
  --nw-color-cyan-950: 0 86 90;
  --nw-color-sky-50: 225 245 254;
  --nw-color-sky-100: 179 229 252;
  --nw-color-sky-200: 129 212 250;
  --nw-color-sky-300: 79 195 247;
  --nw-color-sky-400: 41 182 246;
  --nw-color-sky-500: 3 169 244;
  --nw-color-sky: 3 169 244;
  --nw-color-sky-600: 3 155 229;
  --nw-color-sky-700: 2 136 209;
  --nw-color-sky-800: 2 119 189;
  --nw-color-sky-900: 1 87 155;
  --nw-color-sky-950: 1 78 140;
  --nw-color-blue-50: 227 242 253;
  --nw-color-blue-100: 187 222 251;
  --nw-color-blue-200: 144 202 249;
  --nw-color-blue-300: 100 181 246;
  --nw-color-blue-400: 66 165 245;
  --nw-color-blue-500: 33 150 243;
  --nw-color-blue: 33 150 243;
  --nw-color-blue-600: 30 136 229;
  --nw-color-blue-700: 25 118 210;
  --nw-color-blue-800: 21 101 192;
  --nw-color-blue-900: 13 71 161;
  --nw-color-blue-950: 12 64 145;
  --nw-color-indigo-50: 232 234 246;
  --nw-color-indigo-100: 197 202 233;
  --nw-color-indigo-200: 159 168 218;
  --nw-color-indigo-300: 121 134 203;
  --nw-color-indigo-400: 92 107 192;
  --nw-color-indigo-500: 63 81 181;
  --nw-color-indigo: 63 81 181;
  --nw-color-indigo-600: 57 73 171;
  --nw-color-indigo-700: 48 63 159;
  --nw-color-indigo-800: 40 53 147;
  --nw-color-indigo-900: 26 35 126;
  --nw-color-indigo-950: 23 32 113;
  --nw-color-violet-50: 223 222 247;
  --nw-color-violet-100: 209 196 233;
  --nw-color-violet-200: 179 157 219;
  --nw-color-violet-300: 149 117 205;
  --nw-color-violet-400: 126 87 194;
  --nw-color-violet-500: 103 58 183;
  --nw-color-violet: 103 58 183;
  --nw-color-violet-600: 94 53 177;
  --nw-color-violet-700: 81 45 168;
  --nw-color-violet-800: 69 39 160;
  --nw-color-violet-900: 49 27 146;
  --nw-color-violet-950: 44 24 131;
  --nw-color-purple-50: 243 229 245;
  --nw-color-purple-100: 225 190 231;
  --nw-color-purple-200: 206 147 216;
  --nw-color-purple-300: 186 104 200;
  --nw-color-purple-400: 171 71 188;
  --nw-color-purple-500: 156 39 176;
  --nw-color-purple: 156 39 176;
  --nw-color-purple-600: 142 36 170;
  --nw-color-purple-700: 123 31 162;
  --nw-color-purple-800: 106 27 154;
  --nw-color-purple-900: 74 20 140;
  --nw-color-purple-950: 67 18 126;
  --nw-color-pink-50: 252 228 236;
  --nw-color-pink-100: 248 187 208;
  --nw-color-pink-200: 244 143 177;
  --nw-color-pink-300: 240 98 146;
  --nw-color-pink-400: 236 64 122;
  --nw-color-pink-500: 233 30 99;
  --nw-color-pink: 233 30 99;
  --nw-color-pink-600: 216 27 96;
  --nw-color-pink-700: 194 24 91;
  --nw-color-pink-800: 173 20 87;
  --nw-color-pink-900: 136 14 79;
  --nw-color-pink-950: 122 13 71;
  --nw-color-brown-50: 239 235 233;
  --nw-color-brown-100: 215 204 200;
  --nw-color-brown-200: 188 170 164;
  --nw-color-brown-300: 161 136 127;
  --nw-color-brown-400: 141 110 99;
  --nw-color-brown-500: 121 85 72;
  --nw-color-brown: 121 85 72;
  --nw-color-brown-600: 109 76 65;
  --nw-color-brown-700: 93 64 55;
  --nw-color-brown-800: 84 58 50;
  --nw-color-brown-900: 65 45 39;
  --nw-color-brown-950: 62 39 35;
  --nw-color-white-500: 255 255 255;
  --nw-color-white: 255 255 255;
  --nw-color-black-500: 0 0 0;
  --nw-color-black: 0 0 0;
}

.tw-dark,.nw-dark,.nw-dark-contrast {
  --nw-color-gray-50: 46 46 46;
  --nw-color-gray-100: 53 53 53;
  --nw-color-gray-200: 66 66 66;
  --nw-color-gray-300: 97 97 97;
  --nw-color-gray-400: 118 118 118;
  --nw-color-gray-500: 148 148 148;
  --nw-color-gray: 148 148 148;
  --nw-color-gray-600: 189 189 189;
  --nw-color-gray-700: 224 224 224;
  --nw-color-gray-800: 238 238 238;
  --nw-color-gray-900: 245 245 245;
  --nw-color-gray-950: 250 250 250;
  --nw-color-red-50: 165 25 25;
  --nw-color-red-100: 183 28 28;
  --nw-color-red-200: 198 40 40;
  --nw-color-red-300: 211 47 47;
  --nw-color-red-400: 229 57 53;
  --nw-color-red-500: 244 67 54;
  --nw-color-red: 244 67 54;
  --nw-color-red-600: 254 97 92;
  --nw-color-red-700: 229 115 115;
  --nw-color-red-800: 239 154 154;
  --nw-color-red-900: 255 205 210;
  --nw-color-red-950: 255 235 238;
  --nw-color-tomato-50: 172 49 11;
  --nw-color-tomato-100: 191 54 12;
  --nw-color-tomato-200: 216 67 21;
  --nw-color-tomato-300: 230 74 25;
  --nw-color-tomato-400: 244 81 30;
  --nw-color-tomato-500: 255 87 34;
  --nw-color-tomato: 255 87 34;
  --nw-color-tomato-600: 255 112 67;
  --nw-color-tomato-700: 255 138 101;
  --nw-color-tomato-800: 255 171 145;
  --nw-color-tomato-900: 255 204 188;
  --nw-color-tomato-950: 251 233 231;
  --nw-color-orange-50: 204 70 0;
  --nw-color-orange-100: 230 92 0;
  --nw-color-orange-200: 239 108 0;
  --nw-color-orange-300: 245 124 0;
  --nw-color-orange-400: 251 140 0;
  --nw-color-orange-500: 255 152 0;
  --nw-color-orange: 255 152 0;
  --nw-color-orange-600: 255 167 38;
  --nw-color-orange-700: 255 183 77;
  --nw-color-orange-800: 255 204 128;
  --nw-color-orange-900: 255 224 178;
  --nw-color-orange-950: 255 243 224;
  --nw-color-amber-50: 206 71 0;
  --nw-color-amber-100: 255 111 0;
  --nw-color-amber-200: 255 143 0;
  --nw-color-amber-300: 255 160 0;
  --nw-color-amber-400: 255 179 0;
  --nw-color-amber-500: 255 193 7;
  --nw-color-amber: 255 193 7;
  --nw-color-amber-600: 255 202 40;
  --nw-color-amber-700: 255 213 79;
  --nw-color-amber-800: 255 224 130;
  --nw-color-amber-900: 255 236 179;
  --nw-color-amber-950: 255 248 225;
  --nw-color-yellow-50: 191 87 0;
  --nw-color-yellow-100: 245 127 23;
  --nw-color-yellow-200: 249 168 37;
  --nw-color-yellow-300: 251 192 45;
  --nw-color-yellow-400: 253 216 53;
  --nw-color-yellow-500: 255 235 59;
  --nw-color-yellow: 255 235 59;
  --nw-color-yellow-600: 255 238 88;
  --nw-color-yellow-700: 255 241 118;
  --nw-color-yellow-800: 255 245 157;
  --nw-color-yellow-900: 255 249 196;
  --nw-color-yellow-950: 255 253 231;
  --nw-color-lime-50: 117 107 21;
  --nw-color-lime-100: 130 119 23;
  --nw-color-lime-200: 158 157 36;
  --nw-color-lime-300: 175 180 43;
  --nw-color-lime-400: 192 202 51;
  --nw-color-lime-500: 205 220 57;
  --nw-color-lime: 205 220 57;
  --nw-color-lime-600: 212 225 87;
  --nw-color-lime-700: 220 231 117;
  --nw-color-lime-800: 230 238 156;
  --nw-color-lime-900: 240 244 195;
  --nw-color-lime-950: 249 251 231;
  --nw-color-green-50: 46 95 27;
  --nw-color-green-100: 51 105 30;
  --nw-color-green-200: 85 139 47;
  --nw-color-green-300: 104 159 56;
  --nw-color-green-400: 124 179 66;
  --nw-color-green-500: 139 195 74;
  --nw-color-green: 139 195 74;
  --nw-color-green-600: 156 204 101;
  --nw-color-green-700: 174 213 129;
  --nw-color-green-800: 197 225 165;
  --nw-color-green-900: 220 237 200;
  --nw-color-green-950: 241 248 233;
  --nw-color-emerald-50: 24 85 29;
  --nw-color-emerald-100: 27 94 32;
  --nw-color-emerald-200: 46 125 50;
  --nw-color-emerald-300: 56 142 60;
  --nw-color-emerald-400: 67 160 71;
  --nw-color-emerald-500: 76 175 80;
  --nw-color-emerald: 76 175 80;
  --nw-color-emerald-600: 102 187 106;
  --nw-color-emerald-700: 129 199 132;
  --nw-color-emerald-800: 165 214 167;
  --nw-color-emerald-900: 200 230 201;
  --nw-color-emerald-950: 232 245 233;
  --nw-color-teal-50: 0 69 58;
  --nw-color-teal-100: 0 77 64;
  --nw-color-teal-200: 0 105 92;
  --nw-color-teal-300: 0 121 107;
  --nw-color-teal-400: 0 137 123;
  --nw-color-teal-500: 0 150 136;
  --nw-color-teal: 0 150 136;
  --nw-color-teal-600: 38 166 154;
  --nw-color-teal-700: 77 182 172;
  --nw-color-teal-800: 128 203 196;
  --nw-color-teal-900: 178 223 219;
  --nw-color-teal-950: 224 242 241;
  --nw-color-cyan-50: 0 86 90;
  --nw-color-cyan-100: 0 96 100;
  --nw-color-cyan-200: 0 131 143;
  --nw-color-cyan-300: 0 151 167;
  --nw-color-cyan-400: 0 172 193;
  --nw-color-cyan-500: 0 188 212;
  --nw-color-cyan: 0 188 212;
  --nw-color-cyan-600: 38 198 218;
  --nw-color-cyan-700: 77 208 225;
  --nw-color-cyan-800: 128 222 234;
  --nw-color-cyan-900: 178 235 242;
  --nw-color-cyan-950: 224 247 250;
  --nw-color-sky-50: 1 78 140;
  --nw-color-sky-100: 1 87 155;
  --nw-color-sky-200: 2 119 189;
  --nw-color-sky-300: 2 136 209;
  --nw-color-sky-400: 3 155 229;
  --nw-color-sky-500: 3 169 244;
  --nw-color-sky: 3 169 244;
  --nw-color-sky-600: 41 182 246;
  --nw-color-sky-700: 79 195 247;
  --nw-color-sky-800: 129 212 250;
  --nw-color-sky-900: 179 229 252;
  --nw-color-sky-950: 225 245 254;
  --nw-color-blue-50: 12 64 145;
  --nw-color-blue-100: 13 71 161;
  --nw-color-blue-200: 21 101 192;
  --nw-color-blue-300: 25 118 210;
  --nw-color-blue-400: 30 136 229;
  --nw-color-blue-500: 33 150 243;
  --nw-color-blue: 33 150 243;
  --nw-color-blue-600: 66 165 245;
  --nw-color-blue-700: 100 181 246;
  --nw-color-blue-800: 144 202 249;
  --nw-color-blue-900: 187 222 251;
  --nw-color-blue-950: 227 242 253;
  --nw-color-indigo-50: 23 32 113;
  --nw-color-indigo-100: 26 35 126;
  --nw-color-indigo-200: 40 53 147;
  --nw-color-indigo-300: 48 63 159;
  --nw-color-indigo-400: 57 73 171;
  --nw-color-indigo-500: 63 81 181;
  --nw-color-indigo: 63 81 181;
  --nw-color-indigo-600: 92 107 192;
  --nw-color-indigo-700: 121 134 203;
  --nw-color-indigo-800: 159 168 218;
  --nw-color-indigo-900: 197 202 233;
  --nw-color-indigo-950: 232 234 246;
  --nw-color-violet-50: 44 24 131;
  --nw-color-violet-100: 49 27 146;
  --nw-color-violet-200: 69 39 160;
  --nw-color-violet-300: 81 45 168;
  --nw-color-violet-400: 94 53 177;
  --nw-color-violet-500: 103 58 183;
  --nw-color-violet: 103 58 183;
  --nw-color-violet-600: 126 87 194;
  --nw-color-violet-700: 149 117 205;
  --nw-color-violet-800: 179 157 219;
  --nw-color-violet-900: 209 196 233;
  --nw-color-violet-950: 223 222 247;
  --nw-color-purple-50: 67 18 126;
  --nw-color-purple-100: 74 20 140;
  --nw-color-purple-200: 106 27 154;
  --nw-color-purple-300: 123 31 162;
  --nw-color-purple-400: 142 36 170;
  --nw-color-purple-500: 156 39 176;
  --nw-color-purple: 156 39 176;
  --nw-color-purple-600: 171 71 188;
  --nw-color-purple-700: 186 104 200;
  --nw-color-purple-800: 206 147 216;
  --nw-color-purple-900: 225 190 231;
  --nw-color-purple-950: 243 229 245;
  --nw-color-pink-50: 122 13 71;
  --nw-color-pink-100: 136 14 79;
  --nw-color-pink-200: 173 20 87;
  --nw-color-pink-300: 194 24 91;
  --nw-color-pink-400: 216 27 96;
  --nw-color-pink-500: 233 30 99;
  --nw-color-pink: 233 30 99;
  --nw-color-pink-600: 236 64 122;
  --nw-color-pink-700: 240 98 146;
  --nw-color-pink-800: 244 143 177;
  --nw-color-pink-900: 248 187 208;
  --nw-color-pink-950: 252 228 236;
  --nw-color-brown-50: 62 39 35;
  --nw-color-brown-100: 65 45 39;
  --nw-color-brown-200: 84 58 50;
  --nw-color-brown-300: 93 64 55;
  --nw-color-brown-400: 109 76 65;
  --nw-color-brown-500: 121 85 72;
  --nw-color-brown: 121 85 72;
  --nw-color-brown-600: 141 110 99;
  --nw-color-brown-700: 161 136 127;
  --nw-color-brown-800: 188 170 164;
  --nw-color-brown-900: 215 204 200;
  --nw-color-brown-950: 239 235 233;
  --nw-color-white-500: 255 255 255;
  --nw-color-white: 255 255 255;
  --nw-color-black-500: 0 0 0;
  --nw-color-black: 0 0 0;
}

html {
  font-size: 15px;
}
.nws-focus-hover:not(:disabled,.nw--disabled) {
  transition: var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}
.nws-focus-hover:not(:disabled,.nw--disabled):hover {
  box-shadow: var(--nw-shadow-focus-hover);
  border-color: rgb(var(--nw-color-neutral-800));
  cursor: pointer;
}
.nws-focus-hover:not(:disabled,.nw--disabled):focus-within,
.nws-focus-hover:not(:disabled,.nw--disabled):focus,
.nws-focus-hover:not(:disabled,.nw--disabled).button--focused {
  box-shadow: var(--nw-shadow-focus-hover);
  border-color: rgb(var(--nw-color-neutral-1000));
  cursor: pointer;
}
.nws-link {
  color: rgb(var(--nw-color-link));
  text-decoration: none;
}
.nws-link:focus,
.nws-link:active,
.nws-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.nw--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* TODO: used only in neowise, remove after neowise is removed */
.nws-input-focus-hover:not(:disabled,.nw--disabled):hover {
  box-shadow: var(--nw-shadow-focus-hover);
  border-color: rgb(var(--nw-color-neutral-800));
  background-color: rgb(var(--nw-color-form-hover));
  color: rgb(var(--nw-color-on-form-hover));
}
.nws-input-focus-hover:not(:disabled,.nw--disabled):focus {
  box-shadow: var(--nw-shadow-focus-hover);
  border-color: rgb(var(--nw-color-neutral-1000));
}

.nw-core-icon {
  line-height: normal;
  width: 1em;
  height: 1em;
}

.nw-spinner {
  position: relative;
  box-sizing: border-box;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --stroke-width: 2px;
  display: inline-flex;
}
.nw-spinner *,
.nw-spinner *::before,
.nw-spinner *::after {
  box-sizing: inherit;
}
.nw-spinner *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-spinner *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-spinner *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-spinner * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-spinner .spinner {
  width: 1em;
  height: 1em;
  /*flex: 1 1 auto;*/
  border: none;
  color: var(--indicator-color);
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.nw-button {
  /* When disabled, prevent mouse events from bubbling up */
  /* Clicks on icons shouldn't prevent the button from gaining focus */
  /*
  * Standard buttons
  */
  /* Default */
  /* Primary */
  /* Secondary */
  /* Success */
  /* Neutral */
  /* Warning */
  /* Danger */
  /*
  * Text buttons
  */
  /*
  * Circle modifier
  */
  /*
  * Caret modifier
  */
  /*
  * Loading modifier
  */
  /*
  * Spacing
  */
}
.nw-button:focus {
  outline: none;
}
.nw-button.nw--disabled * {
  pointer-events: none;
}
.nw-button .nw-core-icon {
  pointer-events: none;
}
.nw-button .button__prefix,
.nw-button .button__suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.nw-button .button--loading {
  cursor: wait;
  position: relative;
  padding-left: 18px;
}
.nw-button .button--loading .nw-spinner {
  --indicator-color: currentColor;
  position: absolute;
  font-size: 1em;
  height: 1em;
  width: 1em;
  top: calc(50% - 0.5em);
  left: 0.2rem;
}
/*
 * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
 * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
 * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
 * buttons and we style them here instead.
 */
/* All except the first */
/* Add a visual separator between solid buttons */
/* Bump focused buttons up so their focus ring isn't clipped */

.nw-switch {
  --height: 14px;
  --thumb-size: 12px;
  --width: 20px;
  /* Hover */
  /* Focus */
  /* Checked */
  /* increase contrast because under all themes primary-color is used as background. */
  /* Checked + hover */
  /* Checked + focus */
}
.nw-switch .switch__input {
  width: var(--width);
  height: var(--height);
}
.nw-switch .switch__control {
  width: var(--width);
  height: var(--height);
}
.nw-switch .switch__control .switch__thumb {
  width: var(--thumb-size);
  height: var(--thumb-size);
}
.nw-switch .switch__label {
  line-height: var(--height);
}
.nw-switch .switch__control {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border: solid var(--nw-input-border-width) rgba(var(--nw-color-neutral-800) / 70%);
  border-radius: var(--height);
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color;
}
.nw-switch .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-radius: 50%;
  border: solid var(--nw-input-border-width) rgba(var(--nw-color-neutral-800) / 70%);
  transform: translateX(calc((var(--width) - var(--height)) / -2));
  transition: var(--nw-transition-fast) transform ease, var(--nw-transition-fast) background-color, var(--nw-transition-fast) border-color, var(--nw-transition-fast) box-shadow;
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__control:hover {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__control:hover .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__input:focus-visible ~ .switch__control {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-switch.nw--checked .switch__control {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  transform: translateX(calc((var(--width) - var(--height)) / 2));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__input:focus-visible ~ .switch__control {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-500) / var(--nw-focus-ring-alpha));
}
.np-theme-neutrino .nw-switch.nw--checked .switch__control,
.np-theme-neutrino .nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover {
  border-color: rgb(var(--nw-color-red));
  background-color: rgb(var(--nw-color-red));
}
.np-theme-neutrino .nw-switch.nw--checked .switch__thumb,
.np-theme-neutrino .nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover .switch__thumb {
  border-color: rgb(var(--nw-color-red));
}

.nw-checkbox {
  /* Checked/indeterminate + hover */
}
.nw-checkbox .checkbox__control {
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color, var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}

.nw-radio {
  position: relative;
  box-sizing: border-box;
  /* Hover */
  /* Focus */
  /* Checked */
  /* radio check ripple effect */
  /* Checked + hover */
  /* Checked + focus */
  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
}
.nw-radio *,
.nw-radio *::before,
.nw-radio *::after {
  box-sizing: inherit;
}
.nw-radio *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-radio *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-radio *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-radio * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-radio .nw-core-radio {
  display: inline-flex;
  align-items: center;
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-input-font-size-medium);
  font-weight: var(--nw-input-font-weight);
  color: rgb(var(--nw-input-color));
  vertical-align: middle;
  margin-right: 1rem;
}
.nw-radio .radio__icon {
  display: inline-flex;
  width: var(--nw-toggle-size);
  height: var(--nw-toggle-size);
}
.nw-radio .radio__icon svg {
  width: 100%;
  height: 100%;
  color: rgb(var(--nw-color-primary-500));
}
.nw-radio .radio__control {
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--nw-toggle-size);
  height: var(--nw-toggle-size);
  border: solid 2px rgb(var(--nw-color-neutral-600));
  border-radius: 50%;
  background-color: rgb(var(--nw-input-background-color));
  color: transparent;
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color, var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}
.nw-radio .radio__control input[type='radio'] {
  position: absolute;
  opacity: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(var(--nw-color-primary-300));
  transition: opacity 0.3s, transform 0.2s;
  outline: none;
}
.nw-radio .nw-core-radio:not(.radio--checked):not(.nw--disabled) .radio__control:hover {
  border-color: rgb(var(--nw-input-border-color-hover));
  background-color: rgb(var(--nw-input-background-color-hover));
}
.nw-radio .nw-core-radio input[type='radio']:hover {
  opacity: 0.3;
}
.nw-radio .nw-core-radio input[type='radio']:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.nw-radio .nw-core-radio:not(.radio--checked) input[type='radio'] {
  background-color: rgb(var(--nw-color-neutral-300));
}
.nw-radio .nw-core-radio.radio--focused:not(.radio--checked):not(.nw--disabled) .radio__control {
  border-color: rgb(var(--nw-input-border-color-focus));
  background-color: rgb(var(--nw-input-background-color-focus));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-radio .radio--checked .radio__control {
  color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  /* background-color: rgb(var(--nw-color-primary-600));*/
}
.nw-radio .radio--checked .radio__control:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--nw-color-primary-300));
  border-radius: 50%;
  visibility: visible;
  animation: nwRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
@keyframes nwRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.3);
    opacity: 0;
  }
}
.nw-radio .nw-core-radio.radio--checked:not(.nw--disabled) .radio__control:hover {
  border-color: rgb(var(--nw-color-primary-400));
  /* background-color: rgb(var(--nw-color-primary-500)); */
}
.nw-radio .nw-core-radio.radio--checked:not(.nw--disabled).radio--focused .radio__control {
  border-color: rgb(var(--nw-color-primary-400));
  /* background-color: rgb(var(--nw-color-primary-500)); */
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-radio .nw-core-radio:not(.radio--checked) svg circle {
  opacity: 0;
}
.nw-radio .radio__label {
  line-height: var(--nw-toggle-size);
  margin-left: 0.5em;
  user-select: none;
}

.nw-radio-button-group {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.nw-radio-button-group *,
.nw-radio-button-group *::before,
.nw-radio-button-group *::after {
  box-sizing: inherit;
}
.nw-radio-button-group *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-radio-button-group *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-radio-button-group *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-radio-button-group * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-radio-button-group.vertical {
  flex-direction: column;
}
.nw-radio-button-group.vertical .nw-button {
  margin-top: -1px;
}
.nw-radio-button-group.horizontal {
  flex-wrap: nowrap;
}
.nw-radio-button-group.horizontal .nw-button {
  margin-left: -1px;
}
.nw-radio-button-group .nw-button .radio__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.nw-radio-button-group .nw-button .button--primary .nw-core-icon {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.nw-radio-button-group .nw-button:hover,
.nw-radio-button-group .nw-button:focus-within {
  position: relative;
  z-index: 1;
}

.nw-radio-image label {
  background-color: rgb(var(--nw-color-black) / 0.5);
}
.nw-radio-image .nw-core-icon {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));
}

.nw-progress-bar {
  position: relative;
  box-sizing: border-box;
  --height: 16px;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --label-color: rgb(var(--nw-color-on-primary));
  display: block;
  /* Indeterminate */
}
.nw-progress-bar *,
.nw-progress-bar *::before,
.nw-progress-bar *::after {
  box-sizing: inherit;
}
.nw-progress-bar *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-progress-bar *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-progress-bar *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-progress-bar * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-progress-bar .nw-core-progress-bar {
  position: relative;
  background-color: var(--track-color);
  height: var(--height);
  border-radius: var(--nw-border-radius-pill);
  overflow: hidden;
}
.nw-progress-bar .nw-core-progress-bar.simple {
  display: flex;
  background: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  overflow: hidden;
  height: auto;
}
.nw-progress-bar .progress-bar__text {
  line-height: initial;
  white-space: nowrap;
}
.nw-progress-bar .progress-bar__indicator-container {
  width: 100%;
  height: 100%;
}
.nw-progress-bar .progress-bar__indicator {
  height: 100%;
  font-family: var(--nw-font-sans);
  font-size: 12px;
  font-weight: var(--nw-font-weight-normal);
  background-color: var(--indicator-color);
  color: var(--label-color);
  text-align: center;
  line-height: var(--height);
  white-space: nowrap;
  overflow: hidden;
  transition: 400ms width, 400ms background-color;
  user-select: none;
}
.nw-progress-bar .progress-bar__indicator.simple {
  height: 10px;
  border-radius: inherit;
  box-shadow: inherit;
  margin-top: 4px;
  margin-left: 8px;
  overflow: hidden;
  flex: 1;
}
.nw-progress-bar .progress-bar--indeterminate .progress-bar__indicator {
  position: absolute;
  animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);
}
@keyframes indeterminate {
  0% {
    left: -50%;
    width: 50%;
  }
  75%,
  100% {
    left: 100%;
    width: 50%;
  }
}

.nw-progress-ring {
  position: relative;
  box-sizing: border-box;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --speed: 2s;
  display: inline-flex;
  /* Indeterminate */
}
.nw-progress-ring *,
.nw-progress-ring *::before,
.nw-progress-ring *::after {
  box-sizing: inherit;
}
.nw-progress-ring *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-progress-ring *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-progress-ring *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-progress-ring * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-progress-ring .nw-core-progress-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.nw-progress-ring .progress-ring__image {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.nw-progress-ring .progress-ring__track {
  stroke: var(--track-color);
}
.nw-progress-ring .progress-ring__indicator {
  stroke: var(--indicator-color);
  transition: 0.35s stroke-dashoffset, 0.35s stroke;
}
.nw-progress-ring .progress-ring__label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  user-select: none;
}
.nw-progress-ring .progress-ring--indeterminate .progress-ring__indicator {
  position: absolute;
  stroke-linecap: round;
  stroke-dasharray: 150% 75%;
  animation: ring-spin var(--speed) cubic-bezier(0.37, 0, 0.63, 1) infinite;
  transform-origin: 50% 50%;
}
@keyframes ring-spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(450deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}

.input__prefix .nw-iconbutton,
.input__suffix .nw-iconbutton {
  padding-top: 2px;
  padding-bottom: 2px;
}

.nw-alert {
  position: relative;
  box-sizing: border-box;
  display: contents;
  /* For better DX, we'll reset the margin here so the base part can inherit it */
  margin: 0;
}
.nw-alert *,
.nw-alert *::before,
.nw-alert *::after {
  box-sizing: inherit;
}
.nw-alert *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-alert *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-alert *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-alert * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-alert .nw-core-alert {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(var(--nw-color-neutral-100));
  border: solid 1px rgb(var(--nw-color-neutral-200));
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  color: rgb(var(--nw-color-neutral-700));
  padding: var(--nw-spacing-x-large);
  transition: opacity 0.25s ease;
}
.nw-alert .alert__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: var(--nw-font-size-large);
  margin-right: var(--nw-spacing-x-large);
}
.nw-alert .alert--primary {
  color: rgb(var(--nw-color-primary-800));
  border-color: rgb(var(--nw-color-primary-200));
  background-color: rgb(var(--nw-color-primary-100));
}
.nw-alert .alert--primary .alert__icon {
  color: rgb(var(--nw-color-primary-800));
}
.nw-alert .alert--info {
  color: rgb(var(--nw-color-info-800));
  border-color: rgb(var(--nw-color-info-200));
  background-color: rgb(var(--nw-color-info-100));
}
.nw-alert .alert--info .alert__icon {
  color: rgb(var(--nw-color-info-800));
}
.nw-alert .alert--success {
  color: rgb(var(--nw-color-success-900));
  border-color: rgb(var(--nw-color-success-200));
  background-color: rgb(var(--nw-color-success-100));
}
.nw-alert .alert--success .alert__icon {
  color: rgb(var(--nw-color-success-900));
}
.nw-alert .alert--neutral .alert__icon {
  color: rgb(var(--nw-color-neutral-700));
}
.nw-alert .alert--caution {
  color: rgb(var(--nw-color-caution-800));
  border-color: rgb(var(--nw-color-caution-200));
  background-color: rgb(var(--nw-color-caution-100));
}
.nw-alert .alert--caution .alert__icon {
  color: rgb(var(--nw-color-caution-800));
}
.nw-alert .alert--warning {
  color: rgb(var(--nw-color-warning-800));
  border-color: rgb(var(--nw-color-warning-200));
  background-color: rgb(var(--nw-color-warning-100));
}
.nw-alert .alert--warning .alert__icon {
  color: rgb(var(--nw-color-warning-800));
}
.nw-alert .alert--danger {
  color: rgb(var(--nw-color-danger-900));
  border-color: rgb(var(--nw-color-danger-200));
  background-color: rgb(var(--nw-color-danger-100));
}
.nw-alert .alert--danger .alert__icon {
  color: rgb(var(--nw-color-danger-900));
}
.nw-alert .alert--critical {
  color: rgb(var(--nw-color-danger-950));
  border-color: rgb(var(--nw-color-danger-300));
  background-color: rgb(var(--nw-color-danger-200));
}
.nw-alert .alert--critical .alert__icon {
  color: rgb(var(--nw-color-danger-950));
}
.nw-alert .alert__message {
  flex: 1 1 auto;
  padding: 0;
  overflow: hidden;
}
.nw-alert .alert__close {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: var(--nw-font-size-large);
  padding-right: var(--nw-spacing-medium);
}
.nw-alert .alert--hide {
  opacity: 0;
  height: 0;
}
.nw-alert .nw-core-alert.alert--hide {
  padding: 0;
}

.nw-badge {
  position: relative;
  box-sizing: border-box;
  font-family: var(--nw-font-sans);
}
.nw-badge *,
.nw-badge *::before,
.nw-badge *::after {
  box-sizing: inherit;
}
.nw-badge *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-badge *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-badge *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-badge * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-badge .nw-core-badge {
  font-size: var(--nw-font-size-x-small);
  font-weight: var(--nw-font-weight-semibold);
  letter-spacing: var(--nw-letter-spacing-normal);
  box-sizing: content-box;
}
.nw-badge .nw-core-badge .nw-core-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nw-badge .nw-core-badge .nw-core-icon svg {
  border-radius: var(--nw-border-radius-circle);
}
.nw-badge .nw-core-badge .nw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nw-badge .badge-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.nw-badge .badge--warning .nw-core-icon,
.nw-badge .badge--danger .nw-core-icon,
.nw-badge .badge--success .nw-core-icon {
  font-size: 0.8rem;
}
.nw-badge .badge--pill {
  border-radius: var(--nw-border-radius-pill);
}
.nw-badge .badge--pure--icon .nw-core-icon {
  font-size: 0.8rem;
}
.nw-badge .badge-info-icon .badge--pure--icon .nw-core-icon {
  font-size: 0.86666667rem;
}
.nw-badge .badge--size-small {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0.85rem;
  height: 0.85rem;
}
.nw-badge .badge--size-small.badge-pill span {
  padding: 0 2px;
}
.nw-badge .badge--size-small .badge-text {
  font-size: 0.73333333rem;
}
.nw-badge .badge--size-small .nw-core-icon {
  font-size: 0.55rem;
}
.nw-badge .badge--size-medium {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1rem;
  height: 1rem;
}
.nw-badge .badge--size-medium .badge-text {
  font-size: 0.71rem;
}
.nw-badge .badge--size-medium .nw-core-icon {
  font-size: 0.6rem;
}
.nw-badge .badge--size-large {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.25rem;
  height: 1.25rem;
}
.nw-badge .badge--size-large .badge-text {
  font-size: 1rem;
}
.nw-badge .badge--size-large .nw-core-icon {
  font-size: 0.86666667rem;
}
.nw-badge .badge--size-x-large {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.5rem;
  height: 1.5rem;
}
.nw-badge .badge--size-x-large .badge-text {
  font-size: 1.25rem;
}
.nw-badge .badge--size-x-large .nw-core-icon {
  font-size: 1rem;
}
.nw-badge .badge--size-medium .badge--anchor .badge-text {
  font-size: 0.86666667rem;
}
.nw-badge .badge--success .nw-core-icon,
.nw-badge .badge--warning .nw-core-icon {
  font-size: 0.6rem;
}
.nw-badge .badge--spinner {
  background-color: rgb(var(--nw-color-neutral-100));
}
.nw-badge .nw-spinner {
  height: 100%;
}
.nw-badge .badge--pulse {
  animation: pulse 1.5s infinite;
  font-size: 0.77rem;
}
.nw-badge .badge--circle {
  font-size: 0.73rem;
}
.nw-badge.badge-info-icon-wrapper {
  display: inline-flex;
}
.nw-badge.badge-info-icon-wrapper .nw-core-icon {
  position: absolute;
}
.nw-badge.badge-info-icon-wrapper .badge--size-medium {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0.86666667rem;
  height: 0.86666667rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-medium .nw-core-icon {
  top: 0.13333333rem;
  left: 0.13333333rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-large .nw-core-icon {
  top: 0.13333333rem;
  left: 0.2rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-x-large .nw-core-icon {
  top: 0.2rem;
  left: 0.26666667rem;
}
.nw-badge .badge--pulse.badge--primary {
  --pulse-color: rgb(var(--nw-color-primary-500));
}
.nw-badge .badge--pulse.nw--disabled {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge .badge--pulse.badge--success {
  --pulse-color: rgb(var(--nw-color-success-500));
}
.nw-badge .badge--pulse.badge--neutral {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge .badge--pulse.badge--warning {
  --pulse-color: rgb(var(--nw-color-warning-500));
}
.nw-badge .badge--pulse.badge--danger {
  --pulse-color: rgb(var(--nw-color-danger-500));
}
.nw-badge .badge--pulse.badge--caution {
  --pulse-color: rgb(var(--nw-color-warning-600));
}
.nw-badge .badge--size-small .badge-text {
  font-size: 0.64rem;
}
.nw-badge .badge--size-medium .badge-icon-text {
  font-size: 0.71rem;
  padding-bottom: 2px;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--pulse-color);
  }
  70% {
    box-shadow: 0 0 0 0.5em transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.nw-textarea {
  position: relative;
  box-sizing: border-box;
  display: block;
  /* Help text */
  /*
   * Size modifiers
   */
  /*
   * Resize types
   */
}
.nw-textarea *,
.nw-textarea *::before,
.nw-textarea *::after {
  box-sizing: inherit;
}
.nw-textarea *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-textarea *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-textarea *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-textarea * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-textarea .nw-form-control .form-control__help-text {
  display: none;
}
.nw-textarea .form-control--has-help-text .form-control__help-text {
  display: block;
  color: rgb(var(--nw-input-help-text-color));
}
.nw-textarea .form-control--has-help-text .form-control__help-text ::slotted(*) {
  margin-top: var(--nw-spacing-xxx-small);
}
.nw-textarea .form-control--has-help-text.form-control--small .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-small);
}
.nw-textarea .form-control--has-help-text.form-control--medium .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-medium);
}
.nw-textarea .form-control--has-help-text.form-control--large .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-large);
}
.nw-textarea .textarea {
  position: relative;
  width: 100%;
  font-family: var(--nw-input-font-family);
  font-weight: var(--nw-input-font-weight);
  line-height: var(--nw-line-height-normal);
  letter-spacing: var(--nw-input-letter-spacing);
  background-color: rgb(var(--nw-color-panel-200));
  border: solid var(--nw-input-border-width) rgb(var(--nw-color-border));
  vertical-align: middle;
  transition: var(--nw-transition-fast) color, var(--nw-transition-fast) border, var(--nw-transition-fast) box-shadow;
  cursor: text;
}
.nw-textarea .textarea.nw--disabled {
  background-color: rgb(var(--nw-color-neutral-100));
  border-color: rgb(var(--nw-input-border-color-disabled));
  opacity: 0.5;
  cursor: not-allowed;
}
.nw-textarea .textarea.nw--disabled .textarea__control {
  color: rgb(var(--nw-input-color-disabled));
}
.nw-textarea .textarea.nw--disabled .textarea__control::placeholder {
  color: rgb(var(--nw-input-placeholder-color-disabled));
}
.nw-textarea .textarea__control {
  flex: 1 1 auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4;
  color: rgb(var(--nw-input-color));
  border: none;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.nw-textarea .textarea__control::-webkit-search-decoration,
.nw-textarea .textarea__control::-webkit-search-cancel-button,
.nw-textarea .textarea__control::-webkit-search-results-button,
.nw-textarea .textarea__control::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.nw-textarea .textarea__control::placeholder {
  color: rgb(var(--nw-input-placeholder-color));
  user-select: none;
}
.nw-textarea .textarea__control:focus {
  outline: none;
}
.nw-textarea .textarea--small {
  border-radius: var(--nw-input-border-radius-small);
  font-size: var(--nw-input-font-size-small);
}
.nw-textarea .textarea--small .textarea__control {
  padding: 0.5em var(--nw-input-spacing-small);
}
.nw-textarea .textarea--medium {
  border-radius: var(--nw-input-border-radius-medium);
  font-size: var(--nw-input-font-size-medium);
}
.nw-textarea .textarea--medium .textarea__control {
  padding: 0.5em var(--nw-input-spacing-medium);
}
.nw-textarea .textarea--large {
  border-radius: var(--nw-input-border-radius-large);
  font-size: var(--nw-input-font-size-large);
}
.nw-textarea .textarea--large .textarea__control {
  padding: 0.5em var(--nw-input-spacing-large);
}
.nw-textarea .textarea--resize-none .textarea__control {
  resize: none;
}
.nw-textarea .textarea--resize-vertical .textarea__control {
  resize: vertical;
}
.nw-textarea .textarea--resize-auto .textarea__control {
  height: auto;
  resize: none;
}
.nw-textarea .textarea-counter {
  text-align: right;
  font-size: 1rem;
}

.nw-floating-ui {
  max-height: calc(100vh - 20px);
  overflow: auto;
  border: 1px solid rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  box-shadow: 0 3px 6px rgba(var(--nw-color-neutral-1000) / 0.23), 0 3px 6px rgba(var(--nw-color-neutral-1000) / 0.36);
  z-index: var(--nw-z-index-dialog);
}

.nw-drawer {
  --size: 80%;
  --overlay-z-index: 1;
  display: contents;
}
.nw-drawer .nw-core-drawer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.nw-drawer .drawer--contained {
  position: absolute;
  z-index: initial;
}
.nw-drawer .drawer--fixed {
  position: fixed;
  z-index: var(--nw-z-index-drawer);
}
.nw-drawer .drawer__panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: calc(var(--overlay-z-index) + 1);
  max-width: 100%;
  max-height: 100%;
  box-shadow: var(--nw-shadow-x-large);
  transition: width var(--nw-transition-medium), height var(--nw-transition-medium) linear, var(--nw-transition-medium) transform;
  pointer-events: all;
}
.nw-drawer .drawer__panel:focus {
  outline: none;
}
.nw-drawer .drawer--top .drawer__panel {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: var(--size);
}
.nw-drawer .drawer--top .drawer__panel.drawer__panel-resizable {
  padding-bottom: 12px;
}
.nw-drawer .drawer--end .drawer__panel {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: var(--size);
  height: 100%;
}
.nw-drawer .drawer--end .drawer__panel.drawer__panel-resizable {
  padding-left: 12px;
}
.nw-drawer .drawer--bottom .drawer__panel {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--size);
}
.nw-drawer .drawer--bottom .drawer__panel.drawer__panel-resizable {
  padding-top: 12px;
}
.nw-drawer .drawer--start .drawer__panel {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: var(--size);
  height: 100%;
}
.nw-drawer .drawer--start .drawer__panel.drawer__panel-resizable {
  padding-right: 12px;
}
.nw-drawer .drawer__panel.drawer__panel-resizable {
  box-sizing: border-box;
}
.nw-drawer .drawer__overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--nw-color-neutral-1000) / 0.5);
  pointer-events: all;
}
.nw-drawer .drawer--contained .drawer__overlay {
  position: absolute;
  z-index: var(--overlay-z-index);
}
.nw-drawer .drawer__resizer {
  background-color: rgb(var(--nw-color-neutral-100));
  position: absolute;
}
.nw-drawer .drawer__resizer .drawer__resizer__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
}
.nw-drawer .drawer__resizer.drawer__resizer--top,
.nw-drawer .drawer__resizer.drawer__resizer--bottom {
  height: 12px;
  width: 100%;
  cursor: ns-resize;
}
.nw-drawer .drawer__resizer.drawer__resizer--top .drawer__resizer__icon {
  top: 40%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.nw-drawer .drawer__resizer.drawer__resizer--bottom .drawer__resizer__icon {
  top: 40%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.nw-drawer .drawer__resizer.drawer__resizer--left,
.nw-drawer .drawer__resizer.drawer__resizer--right {
  height: 100%;
  width: 12px;
  cursor: ew-resize;
}
.nw-drawer .drawer__resizer.drawer__resizer--left .drawer__resizer__icon {
  left: 40%;
  transform: translate(-50%, -50%);
}
.nw-drawer .drawer__resizer.drawer__resizer--right .drawer__resizer__icon {
  left: 40%;
  transform: translate(-50%, -50%);
}
.nw-drawer .drawer__resizer.drawer__resizer--top {
  bottom: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--left {
  right: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--bottom {
  top: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--right {
  left: 0px;
}

.nw-dropdown.dropdown__panel div[role='dialog'] {
  max-height: 75vh;
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  color: var(--color);
  background-color: rgb(var(--nw-color-panel-50));
  pointer-events: all;
  border: solid 1px rgb(var(--nw-color-border-300));
  border-radius: var(--nw-border-radius-medium);
  box-shadow: none;
  overflow: auto;
  overscroll-behavior: none;
}

.nw-dialog {
  --width: 31rem;
  --height: '';
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--nw-z-index-dialog);
}
.nw-dialog__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  width: var(--width);
  height: var(--height);
  max-width: calc(100% - var(--nw-spacing-xx-large));
  max-height: calc(100% - var(--nw-spacing-xx-large));
  border-radius: var(--nw-border-radius-medium);
  border: 1px solid rgb(var(--nw-color-neutral-300));
  transition: width var(--nw-transition-medium), height var(--nw-transition-medium) linear;
}
.nw-dialog__panel:focus {
  outline: none;
}
/* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
@media screen and (max-width: 420px) {
  .nw-dialog__panel {
    max-height: 80vh;
  }
}
.nw-dialog--open .nw-dialog__panel {
  opacity: 1;
  transform: none;
}
.nw-dialog__overlay {
  background-color: rgb(var(--nw-color-neutral-1000) / 0.5);
}

.nw-ip-range {
  position: relative;
  box-sizing: border-box;
}
.nw-ip-range *,
.nw-ip-range *::before,
.nw-ip-range *::after {
  box-sizing: inherit;
}
.nw-ip-range *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-ip-range *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-ip-range *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-ip-range * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-ip-range.widget-error:not(.nw--disabled).input--focused > .input__control {
  box-shadow: rgba(var(--nw-color-danger-600) / 60%) 0px 1px 7px 0px, rgba(var(--nw-color-danger-600) / 60%) 0px 0px 3px 0px;
}
.nw-ip-range .help-block {
  padding-top: 0.25rem;
  color: rgb(var(--nw-color-danger-500));
}

.progress-tracker {
  display: flex;
  margin: auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.progress-tracker .progress-step {
  flex: 1;
  min-width: 30px;
}
.progress-tracker .progress-step:last-child .progress-marker .path {
  display: none;
}
.progress-tracker .progress-step .progress-marker {
  display: block;
  position: relative;
}
.progress-tracker .progress-step .progress-marker .marker {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: rgb(var(--nw-color-primary-500));
  border-radius: 50%;
  border: solid 4px rgb(var(--nw-color-neutral-300));
}
.progress-tracker .progress-step .progress-marker .path {
  right: -50%;
  display: block;
  position: absolute;
  top: 15px;
  height: 4px;
  background-color: rgb(var(--nw-color-neutral-300));
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 5px;
}
.progress-tracker .progress-step .progress-name {
  display: block;
  padding: 15px 10px;
}
.progress-tracker .progress-step.is-current .progress-marker .marker,
.progress-tracker .progress-step.is-complete .progress-marker .marker {
  color: rgb(var(--nw-color-neutral-0));
  background: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.progress-tracker .progress-step.is-complete .progress-marker .marker {
  cursor: pointer;
}
.progress-tracker .progress-step.is-complete .progress-marker .marker:hover {
  background: rgb(var(--nw-color-primary-400));
  border-color: rgb(var(--nw-color-primary-400));
}
.progress-tracker .progress-step.is-complete .progress-marker .path {
  background: rgb(var(--nw-color-primary-400));
}

.nw-resizer-container {
  height: 100%;
  width: 100%;
  display: flex;
}
.nw-resizer-container.horizontal {
  flex-direction: row;
}
.nw-resizer-container.vertical {
  flex-direction: column;
}
.nw-resizer-container .slot-w-handle {
  position: relative;
  display: flex;
}
.nw-resizer-container .slot-w-handle.horizontal {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 1px;
  border-style: solid;
  border-color: rgb(var(--nw-color-neutral-300));
}
.nw-resizer-container .slot-w-handle.vertical {
  flex-direction: column;
  border-top: 0;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: rgb(var(--nw-color-neutral-300));
}
.nw-resizer-container .slot-grow {
  flex-grow: 1;
}
.nw-resizer-handle {
  position: absolute;
}
.nw-resizer-handle.active {
  background-color: rgb(var(--nw-color-primary));
}
.nw-resizer-handle.vertical {
  width: 100%;
  bottom: 0px;
}
.nw-resizer-handle.vertical.resizer-handle-enabled {
  height: 2px;
  cursor: ns-resize;
}
.nw-resizer-handle.horizontal {
  height: 100%;
  right: 0px;
}
.nw-resizer-handle.horizontal.resizer-handle-enabled {
  width: 2px;
  cursor: ew-resize;
}

.nw-avatar {
  display: inline-block;
  --avatar-font-size: 1rem;
}
.nw-avatar .nw-core-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgb(var(--nw-color-neutral-100));
  font-family: var(--nw-font-sans);
  font-size: var(--avatar-font-size);
  font-weight: var(--nw-font-weight-normal);
  overflow: hidden;
  user-select: none;
  vertical-align: middle;
}
.nw-avatar .nw-core-avatar.avatar--xsmall {
  width: 1.5rem;
  height: 1.5rem;
}
.nw-avatar .nw-core-avatar.avatar--small {
  width: 2rem;
  height: 2rem;
}
.nw-avatar .nw-core-avatar.avatar--medium {
  width: 3.6rem;
  height: 3.6rem;
}
.nw-avatar .nw-core-avatar.avatar--large {
  width: 5.33rem;
  height: 5.33rem;
}
.nw-avatar .avatar--circle {
  border-radius: var(--nw-border-radius-circle);
}
.nw-avatar .avatar--rounded {
  border-radius: var(--nw-border-radius-medium);
}
.nw-avatar .avatar--square {
  border-radius: 0;
}
.nw-avatar .avatar--bordered {
  border-radius: var(--nw-border-radius-circle);
  border: solid 2px rgb(var(--nw-color-neutral-0));
}
.nw-avatar .avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nw-avatar .avatar__icon .icon-xsmall {
  width: calc(var(--avatar-font-size) * 0.8);
  height: calc(var(--avatar-font-size) * 0.8);
}
.nw-avatar .avatar__icon .icon-small {
  width: 1rem;
  height: 1rem;
}
.nw-avatar .avatar__icon .icon-medium {
  width: 1.75rem;
  height: 1.75rem;
}
.nw-avatar .avatar__icon .icon-large {
  width: 3.33rem;
  height: 3.33rem;
}
.nw-avatar .avatar__initials {
  line-height: 1;
  text-transform: uppercase;
  color: rgb(var(--nw-color-primary-500));
}
.nw-avatar .avatar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nw-treeitem .nw-iconbutton {
  font-size: 0.8rem;
  padding: 1px 2px;
}
.nw-treeitem > * {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.nw-treeitem .indent-line::before {
  left: 0.5rem;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .branch-line::before {
  left: 0.5rem;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .branch-line::after {
  left: 0.5rem;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .leaf-line.show {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
}

.nw-faceplate-body {
  box-shadow: 0 1px 3px rgba(var(--nw-color-neutral-1000) / 12%), 0 1px 2px rgba(var(--nw-color-neutral-1000) / 24%);
}

.nw-port-icon-container.active .nw-active-port-icon,
.nw-port-icon-container:focus .nw-active-port-icon {
  scale: 1.3;
  color: rgb(var(--nw-color-primary));
  box-shadow: var(--nw-shadow-focus-hover);
  transition: var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}

.nw-core-rating {
  --color-active: rgb(var(--nw-color-amber-500));
  --color-inactive: rgb(var(--nw-color-neutral-300));
}
.nw-core-rating .rating-star {
  position: relative;
  display: inline-block;
}
.nw-core-rating .active-icon {
  color: var(--color-active);
}
.nw-core-rating .inactive-icon {
  color: var(--color-inactive);
}
.nw-core-rating .rating-star .nw-core-icon {
  width: 100%;
  height: 100%;
}

.nw-stack {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.nw-stack .nw-core-icon svg {
  position: absolute;
}
/* Stack icon on the bottom right */
.nw-stack-br {
  position: absolute;
  bottom: -0.25em;
  right: -0.25em;
  height: 0.75em;
  width: 0.75em;
  border-radius: 9999px;
  border: 1px solid rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-neutral-0));
}
.nw-stack-tr {
  position: absolute;
  top: -0.25em;
  right: -0.25em;
  height: 0.5em;
  width: 0.5em;
  border-radius: 9999px;
  background-color: rgb(var(--nw-color-neutral-0));
  padding: 0.075em;
}

.nw-panel-border {
  outline: 1px solid rgb(var(--nw-input-border-color));
}
.nw-panel-border .nw-panel-border {
  outline: none;
}

.nw-gap-small {
  display: flex;
  gap: 0.25rem;
}
.nw-gap-medium {
  display: flex;
  gap: 0.5rem;
}
.nw-gap-large {
  display: flex;
  gap: 0.75rem;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(var(--nw-color-neutral-400));
  border-radius: 5px;
  min-height: 9px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto;
    /* thin | auto */
    scrollbar-color: rgb(var(--nw-color-neutral-400)) transparent;
    /* thumb color | track color */
  }
}

.np-label nw-badge {
  margin-left: 0.125rem;
}

.np-section-title {
  display: block;
  padding: 0.5rem 1rem;
  background-color: rgb(var(--nw-color-header-300));
}
.np-theme-dark-matter .np-section-title {
  background-color: rgb(var(--nw-color-header-200));
}
.np-section-tooltip-trigger {
  margin-left: 0.5rem;
}
.np-section-tooltip-trigger::part(base) {
  background-color: rgb(var(--nw-color-gray-600));
}
.np-section-tooltip {
  max-width: 20rem;
}
.np-section-body {
  padding: 1rem;
  box-sizing: border-box;
}
.np-section-body--md {
  width: 58%;
}
.np-section-body--lg {
  width: 80%;
}
.np-section-body--full {
  width: 100%;
}
.np-section-title nw-badge {
  margin-left: 0.125rem;
}

.np-body--default {
  padding: 1rem;
  flex-grow: 1;
  flex-basis: 0px;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .np-section {
    min-width: 43rem;
  }
  .np-section .np-row {
    gap: 1rem;
  }
  .np-section .np-row > .np-col-rest {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 14rem;
  }
  .np-section .np-row > .np-col-ind-1 {
    margin-left: 1rem;
  }
  .np-section .np-row > .np-col-ind-2 {
    margin-left: 2rem;
  }
  .np-section .np-row > .np-col-xs {
    width: 6rem;
  }
  .np-section .np-row > .np-col-xs.np-col-ind-1 {
    width: 5rem;
  }
  .np-section .np-row > .np-col-xs.np-col-ind-2 {
    width: 4rem;
  }
  .np-section .np-row > .np-col-sm {
    width: 13rem;
  }
  .np-section .np-row > .np-col-sm.np-col-ind-1 {
    width: 12rem;
  }
  .np-section .np-row > .np-col-sm.np-col-ind-2 {
    width: 11rem;
  }
  .np-section .np-row > .np-col-md {
    width: 20rem;
  }
  .np-section .np-row > .np-col-md.np-col-ind-1 {
    width: 19rem;
  }
  .np-section .np-row > .np-col-md.np-col-ind-2 {
    width: 18rem;
  }
  .np-section .np-row > .np-col-lg {
    width: 27rem;
  }
  .np-section .np-row > .np-col-lg.np-col-ind-1 {
    width: 26rem;
  }
  .np-section .np-row > .np-col-lg.np-col-ind-2 {
    width: 25rem;
  }
  .np-section .np-row > .np-col-xl {
    width: 34rem;
  }
  .np-section .np-row > .np-col-xl.np-col-ind-1 {
    width: 33rem;
  }
  .np-section .np-row > .np-col-xl.np-col-ind-2 {
    width: 32rem;
  }
  .np-section .np-row.hover-effect:hover label {
    text-decoration: underline;
  }
}
@media (max-width: 1279px) {
  .np-section-body {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .np-row {
    flex-wrap: wrap;
  }
  .np-row > .np-col {
    width: 100%;
  }
}
.np-section > nw-details::part(base) {
  border: 0;
}
.np-section > nw-details::part(content) {
  padding: 0;
}
.np-section > nw-details::part(header) {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  background-color: rgb(var(--nw-color-header-300));
  margin-bottom: 0.5rem;
}
.np-section > nw-details::part(summary) {
  flex-grow: 0;
}
.np-section .section-tooltip::part(base) {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-neutral-1000));
  box-shadow: 2px 2px 8px rgb(var(--nw-color-neutral-1000));
}
.np-theme-dark-matter .np-section > nw-details::part(header) {
  background-color: rgb(var(--nw-color-header-200));
}
.np-subsection > nw-details::part(base) {
  border: 0;
}
.np-subsection > nw-details::part(content) {
  padding: 0;
}
.np-subsection > nw-details::part(header) {
  padding: 0.5rem 0rem;
  gap: 0.5rem;
  background-color: rgb(var(--nw-color-transparent));
  font-weight: bold;
}
.np-subsection > nw-details::part(summary) {
  flex-grow: 0;
}
.nw-dialog .np-body,
.nw-drawer .np-body {
  padding: 1rem;
}
.nw-dialog .np-footer,
.nw-drawer .np-footer {
  padding: 10px 15px;
}
.nw-dialog .np-footer .nw-button,
.nw-drawer .np-footer .nw-button {
  min-width: 8rem;
}
.nw-drawer .np-header {
  height: 36px;
  padding: 7.5px 15px;
}
.nw-dialog .np-header {
  height: 45px;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
}
.nw-dialog .np-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-action-dropdown .trigger-btn[aria-expanded='true']:not(.disabled) {
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  border-color: rgb(var(--nw-color-border-300));
  border-bottom-color: transparent;
}
.header-action-dropdown .trigger-btn[aria-expanded='true']:not(.disabled):hover {
  background-color: rgb(var(--nw-color-neutral-100));
}
.header-action-dropdown:last-child .trigger-btn {
  margin-right: 1px;
}
.header-action-dropdown-dd {
  border-top: none !important;
}
.header-action-dropdown-dd nw-menu {
  --nw-panel-border-color: var(--nw-color-neutral-300);
}

.prolayout-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--nw-color-navbar));
  color: rgb(var(--nw-color-on-navbar));
}

.prolayout-header-baserow,
.prolayout-header-suppliment {
  height: 2.75rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.prolayout-header-suppliment {
  overflow: hidden;
}

.nw-pro-layout-menu-item-action-dropdown-container {
  border: solid 1px rgb(var(--nw-color-neutral-800));
  background-color: rgb(var(--nw-panel-background-color));
  color: rgb(var(--nw-color-neutral-1000));
  box-shadow: var(--nw-shadow-large);
  overflow: auto;
  overscroll-behavior: none;
  max-height: 75vh;
  z-index: 901;
}

.nw-pro-layout-nav .nw-pro-menu-item.disabled:hover .menu-label-right {
  background-color: rgb(var(--nw-color-neutral-200) / 0.5);
}
.nw-pro-layout-nav .nw-pro-menu-item.disabled:hover .menu-label-right.is-app-side-menu {
  background-color: rgb(var(--nw-color-sidebar-expanded-hover) / 0.5);
}
.nw-pro-layout-nav .nw-pro-menu-item:focus {
  outline: 1px auto rgb(var(--nw-color-primary));
}
.nw-pro-layout-nav .nw-pro-menu-item:focus.active {
  outline: 1px auto rgb(var(--nw-color-primary-300));
}
.nw-pro-layout-nav .nw-pro-menu-item .fav-icon:hover {
  transform: rotate(10deg);
}
.nw-pro-layout-nav div.layout-nav-entry.nw-pro-layout-nav__expanded > div .nw-pro-menu-item.is-expanded .expanded-icon {
  transform: rotate(90deg);
}
@-moz-document url-prefix() {
  .nw-pro-layout-nav .nw-pro-menu-item:focus {
    outline: 1px auto rgb(var(--nw-color-primary));
    outline-offset: -1px;
    outline-style: solid;
  }
  .nw-pro-layout-nav .nw-pro-menu-item:focus.active {
    outline: 1px auto rgb(var(--nw-color-primary-300));
    outline-style: solid;
  }
}

*.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  max-height: 95vh;
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  pointer-events: all;
  box-shadow: none;
  overflow: auto;
  border: solid 1px rgb(var(--nw-color-primary));
  border-left: 0;
  background-color: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .menu-label,
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .menu-label .tw-overflow-hidden {
  overflow: unset;
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui *::-webkit-scrollbar-track {
  background: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-scroll > .nw-pro-layout-nav > * {
  border-left: solid 1px rgb(var(--nw-color-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .layout-nav-entry {
  background-color: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-header .nw-pro-menu-item > * {
  background-color: rgb(var(--item-bg-color));
  border-color: rgb(var(--item-bg-color));
  color: rgb(var(--nw-color-neutral-1000));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-header .nw-pro-menu-item .expanded-icon {
  display: none;
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable > * {
  background-color: rgb(var(--item-bg-color));
  border-color: rgb(var(--item-bg-color));
  color: rgb(var(--nw-color-link));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.disabled .menu-label-right {
  background-color: rgb(var(--item-bg-color) / 0.5);
  border-color: rgb(var(--item-bg-color) / 0.5);
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.disabled:hover .menu-label-right {
  background-color: rgb(var(--item-hover-bg-color) / 0.5);
  border-color: rgb(var(--item-hover-bg-color) / 0.5);
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active):hover > * {
  background-color: rgb(var(--item-hover-bg-color));
  border-color: rgb(var(--item-hover-bg-color));
  color: rgb(var(--nw-color-neutral-1000));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.active > * {
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
  color: rgb(var(--nw-color-on-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.active:hover > * {
  background-color: rgb(var(--nw-color-primary-600));
  border-color: rgb(var(--nw-color-primary-600));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active).is-expanded > :first-child {
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active).is-expanded:hover > :first-child {
  background-color: rgb(var(--nw-color-primary-600));
  border-color: rgb(var(--nw-color-primary-600));
}
.nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-50));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-50);
  --item-hover-bg-color: var(--nw-color-neutral-100);
}
.nw-dark .nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-300));
}
.nw-dark *.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-300);
  --item-hover-bg-color: var(--nw-color-neutral-400);
}
.nw-dark-contrast .nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-100));
}
.nw-dark-contrast *.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-100);
  --item-hover-bg-color: var(--nw-color-neutral-300);
}
ul.nw-pro-layout-nav .nw-pro-menu-item.nwp-layout__collapsed-menu-item {
  outline: none;
}

.nwp-layout__vmenu--collapsed-animation .menu-label-center,
.nwp-layout__vmenu--collapsed-animation .menu-footer > *,
.nwp-layout__vmenu--collapsed-animation .nw-pro-layout-nav__expanded ul {
  transition-timing-function: ease-in-out;
  transition-duration: 500ms;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-menu-item.active > *:not(:first-child) {
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.nwp-layout__vmenu--collapsed-animation .menu-label-center,
.nwp-layout__vmenu--collapsed-animation .menu-footer > * {
  transition-property: opacity;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-layout-nav__expanded ul {
  transition-property: max-height;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-menu-item.active > *:not(:first-child) {
  transition-property: background-color, color, border-color;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .menu-label-center,
.nwp-layout__vmenu--collapsed-animation.collapsed .menu-footer > * {
  opacity: 0;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .nw-pro-layout-nav__expanded ul {
  max-height: 0 !important;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .nw-pro-menu-item.active > *:not(:first-child) {
  background-color: rgb(var(--nw-color-sidebar-expanded));
  color: rgb(var(--nw-color-on-sidebar));
  border-color: transparent;
}
.nwp-layout__vmenu--w-none {
  width: 0px;
}
.nwp-layout__vmenu--w-mini {
  width: 3.5rem;
}

.nwp-hmenu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 2.75rem;
  max-height: 4rem;
  width: 100%;
  overflow: hidden;
  background-color: rgb(var(--nw-color-neutral-50));
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
  transition-property: width, height, opacity;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
}
.nwp-hmenu .nwp-hmenu-menu-item,
.nwp-hmenu .nwp-hmenu-button,
.nwp-hmenu .nwp-hmenu-action-dropdown,
.nwp-hmenu .nwp-hmenu-more-items-dropdown,
.nwp-hmenu .nwp-hmenu-action-button,
.nwp-hmenu .nw-button {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 2.75rem;
  max-width: 30rem;
  border: none;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
  width: 100%;
  padding: 0 0.8rem;
}
.nwp-hmenu .nwp-hmenu-menu-item.active,
.nwp-hmenu .nwp-hmenu-button.active,
.nwp-hmenu .nwp-hmenu-action-dropdown.active,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active,
.nwp-hmenu .nwp-hmenu-action-button.active,
.nwp-hmenu .nw-button.active {
  color: rgb(var(--nw-color-on-sidebar-active));
}
.nwp-hmenu .nwp-hmenu-menu-item.active:hover,
.nwp-hmenu .nwp-hmenu-button.active:hover,
.nwp-hmenu .nwp-hmenu-action-dropdown.active:hover,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active:hover,
.nwp-hmenu .nwp-hmenu-action-button.active:hover,
.nwp-hmenu .nw-button.active:hover {
  background-color: rgb(var(--nw-color-primary-600));
}
.nwp-hmenu .nwp-hmenu-menu-item.active:focus,
.nwp-hmenu .nwp-hmenu-button.active:focus,
.nwp-hmenu .nwp-hmenu-action-dropdown.active:focus,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active:focus,
.nwp-hmenu .nwp-hmenu-action-button.active:focus,
.nwp-hmenu .nw-button.active:focus {
  outline: 1px auto rgb(var(--nw-color-primary-300));
}
.nwp-hmenu .nwp-hmenu-menu-item:not(.active):hover,
.nwp-hmenu .nwp-hmenu-button:not(.active):hover,
.nwp-hmenu .nwp-hmenu-action-dropdown:not(.active):hover,
.nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active):hover,
.nwp-hmenu .nwp-hmenu-action-button:not(.active):hover,
.nwp-hmenu .nw-button:not(.active):hover {
  color: rgb(var(--nw-color-on-sidebar-expanded-hover));
  background-color: rgb(var(--nw-color-sidebar-expanded-hover));
}
.nwp-hmenu .nwp-hmenu-menu-item:not(.active):focus,
.nwp-hmenu .nwp-hmenu-button:not(.active):focus,
.nwp-hmenu .nwp-hmenu-action-dropdown:not(.active):focus,
.nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active):focus,
.nwp-hmenu .nwp-hmenu-action-button:not(.active):focus,
.nwp-hmenu .nw-button:not(.active):focus {
  outline: 1px auto rgb(var(--nw-color-primary));
}
.nwp-hmenu .nw-button {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
}
.nwp-hmenu .nw-button .button__label {
  line-height: 1rem;
  max-width: 30rem;
}
.nwp-hmenu .nw-button .button__label .nw-core-icon {
  margin-right: 0.25rem;
}
.nwp-hmenu:not(.collapse-menu-items) .nw-button .nw-core-icon.hide-label {
  display: none;
}
.nwp-hmenu .nwp-hmenu-util-action {
  margin-left: auto;
  border-left: 1px solid rgb(var(--nw-color-neutral-300));
  background-color: rgb(var(--nw-color-neutral-0));
  border-right: none;
}
.nwp-hmenu .nwp-hmenu-menu-item-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-50));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry {
  background-color: rgb(var(--nw-color-panel-50));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label-left,
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label,
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label-right {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
@-moz-document url-prefix() {
  .nwp-hmenu .nw-button.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-menu-item.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-button.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-dropdown.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-more-items-dropdown.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-button.active .nw-button:focus {
    outline: 1px solid rgb(var(--nw-color-primary-300));
    outline-offset: -0.9px;
  }
  .nwp-hmenu .nw-button:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-menu-item:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-button:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-dropdown:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-button:not(.active) .nw-button:focus {
    outline: 1px solid rgb(var(--nw-color-primary));
    outline-offset: -0.9px;
  }
}

.nw-pro-header-action-btn {
  color: rgb(var(--nw-color-on-navbar));
}
.nw-pro-layout-menu,
.nw-pro-layout-menu * {
  box-sizing: content-box;
}

.np-toolkit-modal--fit-height .np-body--default {
  flex: 1 1 auto;
}

.nw-notification {
  z-index: 1000;
}
.nw-notification-top,
.nw-notification-topLeft,
.nw-notification-topRight {
  top: 30px;
  flex-direction: column;
}
.nw-notification-top {
  inset: 30px auto auto 50%;
  transform: translateX(-50%);
}
.nw-notification-topRight {
  right: 0;
}
/* to leave space for minimized modal */
.nw-notification-bottom,
.nw-notification-bottomLeft,
.nw-notification-bottomRight {
  bottom: 35px;
  flex-direction: column-reverse;
}
.nw-notification-bottom {
  inset: auto auto 35px 50%;
  transform: translateX(-50%);
}
.nw-notification-bottomRight {
  right: 0;
}
.nw-notification .alert--primary {
  background-color: rgb(var(--nw-color-primary-500));
}
.nw-notification .alert--primary,
.nw-notification .alert--primary.alert__icon {
  color: rgb(var(--nw-color-on-primary));
}
.nw-notification .alert--success {
  background-color: rgb(var(--nw-color-success-500));
}
.nw-notification .alert--success,
.nw-notification .alert--success.alert__icon {
  color: rgb(var(--nw-color-on-msg-green));
}
.nw-notification .alert--neutral {
  background-color: rgb(var(--nw-color-neutral-500));
}
.nw-notification .alert--neutral,
.nw-notification .alert--neutral.alert__icon {
  color: rgb(var(--nw-color-on-msg-gray));
}
.nw-notification .alert--warning {
  background-color: rgb(var(--nw-color-warning-500));
}
.nw-notification .alert--warning,
.nw-notification .alert--warning.alert__icon {
  color: rgb(var(--nw-color-on-msg-orange));
}
.nw-notification .alert--danger {
  background-color: rgb(var(--nw-color-danger-500));
}
.nw-notification .alert--danger,
.nw-notification .alert--danger.alert__icon {
  color: rgb(var(--nw-color-on-msg-red));
}
/* Button inside Notification should have clear border */
.nw-notification nw-button::part(base) {
  border-color: rgb(var(--nw-color-neutral-0));
}

.nw-gap-small {
  display: flex;
  gap: 0.25rem;
}
.nw-gap-medium {
  display: flex;
  gap: 0.5rem;
}
.nw-gap-large {
  display: flex;
  gap: 0.75rem;
}
.nwp-popup-menu {
  box-sizing: border-box;
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  font-size: 1rem;
  outline: none;
  padding: 5px 0;
  text-align: left;
  transition: opacity 250ms ease !important;
  max-width: 80vw;
  opacity: 0;
  pointer-events: none;
  border: solid 1px rgb(var(--nw-color-border-300));
  max-height: 95vh;
  overflow-y: auto;
}
.nwp-popup-menu:empty {
  border: none;
}
.nwp-popup-menu--opened {
  opacity: 1;
  pointer-events: auto;
  z-index: var(--nw-z-index-dialog);
}
.nwp-popup-menu__item {
  box-sizing: border-box;
  min-width: 160px;
  color: rgb(var(--nw-color-neutral-1000));
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0.2rem 1rem;
  text-align: inherit;
  white-space: nowrap;
  align-items: center;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  line-height: 1.7;
  font-size: 1rem;
}
.nwp-popup-menu__item--active {
  text-decoration: none;
  outline: none;
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nwp-popup-menu__item--disabled {
  opacity: var(--nw-disabled-opacity);
  cursor: not-allowed;
}
.nwp-popup-menu__divider {
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-1000));
  cursor: default;
  margin-bottom: 3px;
  padding: 2px 0;
}

.nwp-toolbar {
  background-color: rgb(var(--nw-color-header-100));
  color: rgb(var(--nw-color-neutral-1000));
  padding: 0.55rem 0.7rem;
  border-bottom: 1px solid rgb(var(--nw-color-border-200));
}
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(:first-child) {
  margin-left: -1px;
}
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(.nw--disabled):hover,
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(.nw--disabled):focus {
  position: relative;
  z-index: 1;
}
.nwp-toolbar [data-label-hidden] nw-icon {
  pointer-events: auto !important;
}
.nwp-toolbar [data-label-hidden] .nw-button {
  gap: 0;
}
.nwp-toolbar__items {
  justify-content: space-between;
}
.nwp-toolbar__items,
.nwp-toolbar__left-items,
.nwp-toolbar__right-items {
  white-space: nowrap;
  display: flex;
  gap: 0.5rem;
}
.nwp-toolbar__search-highlight {
  background-color: yellow !important;
  box-shadow: 0px 0px 0.1em 0px rgba(0, 0, 0, 0.15);
  color: #000;
}

.dashboard-main-container {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-50));
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /* Severity Style */
  /* Severity Critical */
}
.dashboard-main-container .dashboard-body-container {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: transparent;
  color: rgb(var(--nw-color-neutral-1000));
  padding: 5px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.dashboard-main-container .dashboard-body-container .dashboard-empty-message {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dashboard-main-container .dashboard-body-container .widget-hide-on-other-expand {
  overflow: hidden;
  width: 0;
  height: 0;
}
.dashboard-main-container .dash-spinner-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40px;
  height: calc(100% - 40px);
  bottom: 0;
  z-index: 5;
  background-color: rgb(var(--nw-color-neutral-100) / 40%);
}
@keyframes spinner-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dashboard-main-container .spinner-icon {
  height: 1rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: spinner-loading 1s linear infinite;
}
.dashboard-main-container .dashboard-widget-block {
  margin-bottom: 10px;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: transform, width, height;
}
.dashboard-main-container .dashboard-widget-block.is-dragging {
  background-color: rgb(var(--nw-color-neutral-300));
  position: relative;
}
.dashboard-main-container .dashboard-widget-block-relative {
  position: relative;
}
.dashboard-main-container .pinned-widget-base {
  color: rgb(var(--nw-color-neutral-1000));
  display: flex;
  min-width: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.dashboard-main-container .pinned-widget-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dashboard-main-container .pinned-widget {
  opacity: 0.9;
  color: rgb(var(--nw-color-neutral-0));
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(var(--nw-color-primary-500));
  box-shadow: 0 1px 3px "rgb(var(--nw-color-primary-500), 0.12)", 0 1px 2px "rgb(var(--nw-color-primary-500), 0.24)";
}
.dashboard-main-container .pinned-widget-base .pinned-widget nw-icon-button::part(base) {
  /* color:rgb(var(--nw-color-primary-0)); */
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .pinned-widget nw-icon-button::part(base) {
  color: rgb(var(--nw-color-primary-500));
}
.dashboard-main-container .pinned-widget::part(base) {
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .widget-container-block {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 5px;
  height: 100%;
  cursor: unset;
}
.dashboard-main-container .is-dragging-widget {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
}
.dashboard-main-container .toolbar-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
  padding: 0.55rem 5px;
}
.dashboard-main-container .wdidget-container-relative {
  position: relative;
}
.dashboard-main-container .widget-container {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
  height: 100%;
  outline: 1px solid rgb(var(--nw-color-border));
  transition-property: filter;
  box-shadow: 0 1px 3px "rgb(var(--nw-color-neutral-1000), 0.12)", 0 1px 2px "rgb(var(--nw-color-neutral-1000), 0.24)";
}
.dashboard-main-container .widget-container .nwp-toolbar {
  background-color: transparent;
  color: rgb(var(--nw-color-neutral-1000));
  border-bottom: none;
}
.dashboard-main-container .widget-controls .nwp-toolbar {
  padding: 0px;
  height: 100%;
}
.dashboard-main-container .widget-controls .nwp-toolbar > div {
  height: 100%;
}
.dashboard-main-container .widget-container:hover {
  box-shadow: 0 0 0 2px #cecece;
  outline: 2px dashed #939393;
}
.dashboard-main-container .widget-container.outline-disabled:hover {
  outline: none;
}
.dashboard-main-container .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-neutral-600));
}
.dashboard-main-container .dropdown-more nw-button {
  padding-right: 0px;
}
.dashboard-main-container .dropdown-more.dropdown-more-disabled nw-button::part(base) {
  cursor: not-allowed;
  color: rgb(var(--nw-color-neutral-800));
  opacity: 0.5;
}
.dashboard-main-container .toolbar-expand.nw-iconbutton {
  height: 100%;
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .toolbar-expand.nw-iconbutton.toolbar-expand-disabled {
  cursor: not-allowed;
  color: rgb(var(--nw-color-neutral-800));
  opacity: 0.5;
}
.dashboard-main-container .widget-header {
  align-items: stretch;
  padding: 0.3em 0.5em;
}
.dashboard-main-container .back-button-container {
  width: 0px;
  overflow: hidden;
  transition: width 0.15s ease-in-out;
}
.dashboard-main-container .widget-title {
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}
.dashboard-main-container .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .widget-title:hover {
  cursor: move;
}
.dashboard-main-container .widget-title-disabled:hover {
  cursor: default;
}
.dashboard-main-container .widget-body {
  overflow: hidden;
  padding: 0.5em;
}
.dashboard-main-container .settings-container {
  position: relative;
  /* Widget Resizer */
}
.dashboard-main-container .settings-container .menu-container {
  position: absolute;
  display: none;
  top: 30px;
  left: -30px;
  z-index: 999;
  transition: max-height 0.5s ease-in-out;
  border: 1px solid rgb(var(--nw-color-neutral-800));
  background-color: rgb(var(--nw-panel-background-color));
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .settings-container .menu-container > div {
  position: relative;
  pointer-events: all;
  box-sizing: border-box;
  max-height: 5000px;
  height: 100%;
}
.dashboard-main-container .settings-container .block-resizer {
  background-color: rgb(var(--nw-color-panel-50));
  color: 1px solid rgb(var(--nw-color-neutral-1000));
  padding: 0.4rem;
  min-width: 93px;
}
.dashboard-main-container .settings-container .block-resizer .block {
  outline: 1px solid rgb(var(--nw-color-neutral-1000));
  width: 20px;
  height: 20px;
  background-color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .settings-container .block-resizer .block.selected {
  background-color: rgb(var(--nw-color-neutral-400));
}
.dashboard-main-container .settings-container .block-resizer .block.hover {
  background-color: rgb(var(--nw-color-primary-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-container {
  outline-color: rgb(var(--nw-color-danger-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-header {
  background-color: rgb(var(--nw-color-danger-500));
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-header .nw-iconbutton {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.high .nw-iconbutton {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .widget-controls nw-icon-button::part(base) {
  color: rgb(var(--nw-color-neutral-600));
}
.dashboard-main-container .widget-controls .pinned-widget::part(base) {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block {
  /* Severity High */
}
.dashboard-main-container .dashboard-widget-block.critical .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .pinned-widget-base .widget-header nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-title {
  opacity: 1;
}
.dashboard-main-container .dashboard-widget-block.critical nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-body {
  background-color: rgb(var(--nw-color-danger-700) / 0.2);
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-danger-700) / 0.2);
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.high nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-container {
  outline-color: rgb(var(--nw-color-warning-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-header {
  background-color: rgb(var(--nw-color-warning-500));
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .dashboard-widget-block.high .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .pinned-widget-base .widget-header nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-title {
  opacity: 1;
}
.dashboard-main-container .dashboard-widget-block.high .widget-body {
  background-color: "rgb(var(--nw-color-warning-500) / 0.2)";
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .dashboard-widget-block.high .widget-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-warning-500));
  color: rgb(var(--nw-color-neutral-0));
}

.nw-pro-grid-dashboard {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout {
  flex: 1;
  overflow-x: hidden;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-resizable-handle::after {
  border-color: rgb(var(--nw-color-neutral-500));
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-grid-item {
  box-sizing: content-box !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-grid-item.is-full-screen {
  transform: translate(6px, 6px) !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .grid-widget-expanded {
  position: sticky !important;
  top: 0;
  left: 0;
  transform: unset !important;
  width: calc(100% - 12px) !important;
  margin-inline: 6px;
  padding-block: 6px;
  background-color: rgb(var(--nw-color-neutral-100));
  z-index: 1;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .grid-widget-expanded .react-resizable-handle {
  display: none;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .is-full-screen {
  /* to exclude paddings */
  width: calc(100% - 6px) !important;
  height: calc(100% - 6px) !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
  outline: 1px solid rgb(var(--nw-color-border));
  border-radius: 2px;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header {
  height: 20px;
  padding-left: 6px;
  /* padding-inline: 6px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header .grid-widget-header-title {
  font-size: 0.9rem;
  padding-top: 10px;
  color: rgb(var(--nw-color-gray-500));
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header .grid-widget-header-right {
  display: none;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-body {
  flex: 1;
  overflow: hidden;
  padding: 6px;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header:hover .grid-widget-header-right {
  display: flex;
  align-items: center;
}
.nw-pro-grid-dashboard .react-grid-item.react-draggable:not(.grid-widget-expanded) .grid-widget-header {
  cursor: move;
}
.nw-pro-grid-dashboard .react-grid-item.react-grid-placeholder {
  background-color: rgb(var(--nw-color-primary-300));
}
.nw-pro-grid-dashboard .nwp-toolbar {
  border-bottom: none;
}
/* Issue: drag will select text in other widgets */
/* Disabling strict mode and/or using a production build removed the issue */
/* .react-draggable-transparent-selection {
  user-select: none;
} */

.pro-chart-fgt-pie-chart {
  height: 100%;
  width: 100%;
  display: flex;
}
.pro-chart-fgt-pie-chart .chart-host {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* height: 225px;
    max-width: 600px; */
  box-sizing: border-box;
}
.pro-chart-fgt-pie-chart .chart-host:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
  /* background: nu-theme-color(background, level0, $alpha: 1); */
}
.pro-chart-fgt-pie-chart .chart-host.with-legend:not(.legend-empty) svg.fgt-chart-svg {
  width: 64%;
}
.pro-chart-fgt-pie-chart .chart-host.with-legend.legend-empty .chart-legend {
  position: unset;
  width: 50%;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable path {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
}
.pro-chart-fgt-pie-chart path {
  stroke: rgb(var(--nw-color-neutral-0));
  stroke-width: 0.2;
}
.pro-chart-fgt-pie-chart .chart-slice-count {
  pointer-events: none;
}
.pro-chart-fgt-pie-chart .chart-total-count {
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-pie-chart .chart-content {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.pro-chart-fgt-pie-chart svg.fgt-chart-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease-in-out;
}
.pro-chart-fgt-pie-chart .chart-loading {
  opacity: 1;
  background: rgba(var(--nw-color-neutral-0) / 0.5);
  /* background: nu-theme-color(background, level1, $alpha: 0.5); */
  transition: opacity background 0.5s ease-in-out;
  z-index: 1;
}
.pro-chart-fgt-pie-chart .chart-legend {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  /* width: nu-get-dimension(chart, pie, legend-width); */
  width: 36%;
  margin: 0.5em 0;
  padding: 0 0.5em;
  overflow: hidden;
  box-sizing: border-box;
  transition: right 0.3s ease-in-out;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-more {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend {
  overflow-y: auto;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend.legend-clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend.legend-clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
}
.pro-chart-fgt-pie-chart-legend .chart-legend-title {
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
  /* border-bottom: 1px solid nu-theme-color(border, level3); */
  border-bottom: 1px solid #939393;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-entry {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-more {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-color,
.pro-chart-fgt-pie-chart-legend .chart-legend-color-empty {
  border: 1px solid black;
  height: 0.8em;
  width: 0.8em;
  flex-shrink: 0;
  margin-right: 0.3em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-color-empty {
  border-color: transparent;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-count {
  margin: 0 0.25em;
  flex-shrink: 0;
}

.pro-chart-2d-chart {
  height: 100%;
  width: 100%;
  /* display: flex; */
  position: relative;
}
.pro-chart-2d-chart .chart-host {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* .legend-container {
      rect:not(.chart-legend-color) {
        fill: nu-theme-color(background, level0, $alpha: 0.8);
      }
      text {
        fill: nu-theme-on-color(background);
      }
    } */
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) {
  --chart-legend-width: 10rem;
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) .svg-container {
  /* 1em for extra buffer between chart and legend*/
  width: calc(100% - 1em - var(--chart-legend-width));
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) .chart-legend {
  top: 0;
  width: var(--chart-legend-width);
  margin: 0.5em 0.5em 0.5em 0;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend {
  /* font-size(1em) + padding-bottom(0.2em) + margin-bottom(0.3em) */
  --nw-legend-title-height: 1.5em;
  --nw-chart-legend-height: calc(1em + var(--nw-legend-title-height) + 1.1rem * var(--nw-chart-bottom-legend-row-count));
  display: flex;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .svg-container {
  height: calc(100% - var(--nw-chart-legend-height));
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend {
  left: 0;
  height: var(--nw-chart-legend-height);
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  margin-left: 1em;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend .chart-legend-entries-container {
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend .chart-legend-entries-container .chart-legend-label {
  min-width: 5em;
  padding-right: 0.5em;
}
.pro-chart-2d-chart .chart-host:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
  /* background: nu-theme-color(background, level0, $alpha: 1); */
}
.pro-chart-2d-chart .chart-host.loading .chart-legend {
  display: none;
}
.pro-chart-2d-chart .chart-host.loading .svg-container {
  opacity: 0.4;
}
.pro-chart-2d-chart .chart-host.clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-2d-chart .chart-host.clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
  /* background: nu-theme-color(background, level3); */
}
.pro-chart-2d-chart .chart-host .x-axis .tick text,
.pro-chart-2d-chart .chart-host .y-axis .tick text {
  color: rgba(var(--nw-color-neutral-1000) / 0.8);
  /* color: nu-theme-on-color(background, $alpha: 0.8); */
}
.pro-chart-2d-chart .chart-host .x-axis .tick line,
.pro-chart-2d-chart .chart-host .y-axis .tick line {
  color: rgb(var(--nw-color-neutral-300));
  /* color: nu-theme-color(border, level1); */
}
.pro-chart-2d-chart .chart-host .y-axis .tick:first-of-type line {
  color: rgb(var(--nw-color-neutral-500));
  /* color: nu-theme-color(border, level3); */
  /* color: rgb(147, 147, 147); */
}
.pro-chart-2d-chart .chart-host .axis-label {
  fill: rgb(var(--nw-color-neutral-1000));
  /* fill: nu-theme-on-color(background); */
}
.pro-chart-2d-chart .svg-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-weight: normal;
  /* @include nu-normal-font-weight(); */
}
.pro-chart-2d-chart .chart-legend {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.pro-chart-2d-chart .chart-legend .chart-legend-title {
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
  /* border-bottom: 1px solid nu-theme-color(border, level3); */
  border-bottom: 1px solid #939393;
}
.pro-chart-2d-chart .chart-legend .chart-legend-entry {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1em;
}
.pro-chart-2d-chart .chart-legend .chart-legend-entry.hovered {
  /* @include nu-bold-font-weight(); */
  font-weight: 700;
}
.pro-chart-2d-chart .chart-legend .chart-legend-color {
  border: 1px solid black;
  height: 0.8em;
  width: 0.8em;
  flex-shrink: 0;
  margin-right: 0.3em;
}
.pro-chart-2d-chart .chart-legend .chart-legend-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-chart-fgt-line-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-line-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-line-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-line-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-line-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-area-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-area-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-area-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-area-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-area-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-stacked-area-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-stacked-area-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-stacked-area-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-stacked-area-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-stacked-area-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-cluster-tooltip-content-component table.nu-table > thead > tr > th {
  background-color: unset;
  /* border-bottom: 1px solid nu-theme-color(border, level2, $override: table-border); */
  border-bottom: 1px solid rgb(var(--nw-color-neutral-400));
}
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight thead > tr > th,
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight tr.highlight {
  /* @include nu-bold-font-weight(); */
  font-weight: 700;
}
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight > tbody > tr.highlight > td.label-cell:first-of-type:not([colspan]) {
  /* color: nu-theme-on-color(background); */
  color: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-cluster-tooltip-content-component .table-cell-container > td {
  vertical-align: top;
}
.pro-chart-cluster-tooltip-content-component .label-cell {
  display: flex;
  align-items: center;
}
.pro-chart-cluster-tooltip-content-component .label-cell .label-color {
  border: 1px solid black;
  height: 0.7em;
  width: 0.7em;
  margin-right: 0.3em;
}

.pro-chart-fgt-stacked-bar-chart .chart-host.clickable g.dataset {
  cursor: pointer;
}
.pro-chart-fgt-stacked-bar-chart .chart-host .horizontal-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-stacked-bar-chart .chart-host g.dataset {
  transition: opacity 0.2s;
}
.pro-chart-fgt-stacked-bar-chart .chart-host g.secondary-tick {
  fill: currentColor;
}
.pro-chart-fgt-stacked-bar-chart .chart-host .with-hovered g.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-discrete-heat-map .chart-host.clickable g.dataset {
  cursor: pointer;
}
.pro-chart-fgt-discrete-heat-map .chart-host .horizontal-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-discrete-heat-map .chart-host g.dataset {
  transition: opacity 0.2s;
}
.pro-chart-fgt-discrete-heat-map .chart-host .with-hovered g.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-sankey-chart .chart-host {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}
.pro-chart-fgt-sankey-chart .chart-host .chart-text {
  /* fill: nu-theme-on-color(background); */
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-sankey-chart .chart-host .path-text {
  /* fill: nu-theme-on-color(background); */
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-sankey-chart .chart-host .node:hover {
  opacity: 80%;
  stroke-width: 1;
}
.pro-chart-fgt-sankey-chart .chart-host .node {
  transition: all 0.2s;
  opacity: 100%;
  stroke-width: 0.2;
}
.pro-chart-fgt-sankey-chart .chart-host .links path {
  opacity: 100%;
}
.pro-chart-fgt-sankey-chart .chart-host.node-clickable g.nodes g {
  cursor: pointer;
}
.pro-chart-fgt-sankey-chart .chart-host.link-clickable g.links g {
  cursor: pointer;
}
.pro-chart-fgt-sankey-chart .chart-content {
  position: relative;
  flex-grow: 1;
}
.pro-chart-fgt-sankey-chart svg.fgt-chart-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease-in-out;
}

.pro-chart-fgt-level-summary {
  height: 100%;
  width: 100%;
  position: relative;
  /* Unknown */
  /* Info */
  /* Low */
  /* Medium */
  /* High */
}
.pro-chart-fgt-level-summary:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
}
.pro-chart-fgt-level-summary.loading .svg-container {
  opacity: 0.4;
}
.pro-chart-fgt-level-summary .svg-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.pro-chart-fgt-level-summary .level-0 {
  fill: rgb(var(--nw-color-msg-gray));
  stroke: rgb(var(--nw-color-msg-gray));
}
.pro-chart-fgt-level-summary .text-level-0 {
  fill: rgb(var(--nw-color-on-msg-gray));
}
.pro-chart-fgt-level-summary .level-1 {
  fill: rgb(var(--nw-color-msg-blue));
  stroke: rgb(var(--nw-color-msg-blue));
}
.pro-chart-fgt-level-summary .text-level-1 {
  fill: rgb(var(--nw-color-on-msg-blue));
}
.pro-chart-fgt-level-summary .level-2 {
  fill: rgb(var(--nw-color-msg-green));
  stroke: rgb(var(--nw-color-msg-green));
}
.pro-chart-fgt-level-summary .text-level-2 {
  fill: rgb(var(--nw-color-on-msg-green));
}
.pro-chart-fgt-level-summary .level-3 {
  fill: rgb(var(--nw-color-msg-yellow));
  stroke: rgb(var(--nw-color-msg-yellow));
}
.pro-chart-fgt-level-summary .text-level-3 {
  fill: rgb(var(--nw-color-on-msg-yellow));
}
.pro-chart-fgt-level-summary .level-4 {
  fill: rgb(var(--nw-color-msg-orange));
  stroke: rgb(var(--nw-color-msg-orange));
}
.pro-chart-fgt-level-summary .text-level-4 {
  fill: rgb(var(--nw-color-on-msg-orange));
}
.pro-chart-fgt-level-summary .level-5 {
  fill: rgb(var(--nw-color-msg-purple));
  stroke: rgb(var(--nw-color-msg-purple));
}
.pro-chart-fgt-level-summary .text-level-5 {
  fill: rgb(var(--nw-color-on-msg-purple));
}
.pro-chart-fgt-level-summary .level-6 {
  fill: rgb(var(--nw-color-msg-red));
  stroke: rgb(var(--nw-color-msg-red));
}
.pro-chart-fgt-level-summary .text-level-6 {
  fill: rgb(var(--nw-color-on-msg-red));
}
.pro-chart-fgt-level-summary.level-summary-ring .host-count,
.pro-chart-fgt-level-summary.level-summary-ring .total-hosts-label,
.pro-chart-fgt-level-summary.level-summary-ring text.status {
  fill: rgb(var(--nw-color-neutral-1000));
}

/* ftnt-icon and fa-icon, ftnt-48px-icons are for Topology */
@font-face {
  font-family: ftnt-icons;
  src: local('☺'), url(/static/fonts/ftnt-icons.woff) format('woff');
}
f-icon[class*=" ftnt-"]:before,
f-icon[class^=ftnt-]:before {
  font-family: ftnt-icons;
}
text.f-icon[class*=" ftnt-"],
text.f-icon[class^=ftnt-] {
  font-family: ftnt-icons;
}
@font-face {
  font-family: fa-icons;
  src: local('☺'), url(/static/fonts/fa-icons.woff) format('woff');
}
f-icon[class*=" fa-"]:before,
f-icon[class^=fa-]:before {
  font-family: fa-icons;
}
text.f-icon[class*=" fa-"],
text.f-icon[class^=fa-] {
  font-family: fa-icons;
}
@font-face {
  font-family: ftnt-48px-icons;
  src: local('☺'), url(/static/fonts/ftnt-48px-icons.woff) format('woff');
}
f-icon[class*=" ftnt-48px-"]:before,
f-icon[class^=ftnt-48px-]:before {
  font-family: ftnt-48px-icons;
}
text.f-icon[class*=" ftnt-48px-"],
text.f-icon[class^=ftnt-48px-] {
  font-family: ftnt-48px-icons;
}
@font-face {
  font-family: fafm-icons;
  src: local('☺'), url(/static/fonts/fafm-icons.woff) format('woff');
}
f-icon[class*=" fafm-"]:before,
f-icon[class^=fafm-]:before {
  font-family: fafm-icons;
}
text.f-icon[class*=" fafm-"],
text.f-icon[class^=fafm-] {
  font-family: fafm-icons;
}
/* end of topology icons */
.f-fabric-topology .no-search-match {
  opacity: 0.3;
}
svg .cursor-pointer {
  cursor: pointer;
}
svg .cursor-default {
  cursor: default;
}
svg g text.pack-child-badge-effect-icon {
  fill: #fff;
}
svg g .pannable {
  cursor: all-scroll;
}
svg path.donut-path:hover {
  fill-opacity: 0.8;
}
.f-fabric-topology {
  height: 100%;
  display: flex;
  -o-box-orient: vertical;
  flex-direction: column;
}
.f-fabric-topology .topology-container {
  position: relative;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  -o-box-orient: vertical;
  flex-direction: column;
}
.f-fabric-topology .topology-container .loading-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.25s;
  z-index: 2;
}
.f-fabric-topology .topology-container .loading-container * {
  transition: opacity 0.25s;
}
.f-fabric-topology .topology-container .loading-container.no-opacity {
  background: #fff;
  transition-property: none;
}
.f-fabric-topology .topology-container .loading-container.no-opacity * {
  transition-property: none;
}
.f-fabric-topology .topology-container .loading-invisible {
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
}
.f-fabric-topology .topology-container .loading-invisible * {
  opacity: 0;
}
.f-fabric-topology .topology-container .topology-menu {
  -o-box-flex: 1;
  box-flex: 1;
  flex: 0 0 90px;
}
.f-fabric-topology .topology-container .topology-view {
  min-height: 0;
}
.f-fabric-topology .topology-container .topology-view f-fopology-renderer {
  display: flex;
}
.f-fabric-topology .search-input-tip-target {
  display: inline-flex;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
}
.f-fabric-topology .search-input {
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
}
.f-fabric-topology .no-search-match {
  opacity: 0.3;
}
.f-fabric-topology f-metrics > div {
  display: flex;
  -o-box-align: baseline;
  align-items: baseline;
}
.f-fabric-topology f-upstream-types > div {
  display: flex;
  -o-box-align: baseline;
  align-items: baseline;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button {
  background-color: #d9534f;
  color: #fff;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button:hover {
  background-color: #d9534f;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button f-icon,
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button f-ng2-icon {
  color: #fff;
}
.f-fabric-topology f-topology-sidebar {
  overflow-y: auto;
}
.f-fabric-topology f-risk-device {
  cursor: pointer;
}
.f-fabric-topology f-risk-device .risk-device {
  position: relative;
  margin: 0.3em;
  margin-bottom: 0;
  width: 100%;
  border: 1px solid #b4b4b4;
  background-color: #fff;
}
.f-fabric-topology f-risk-device .risk-device .drilldown-container {
  position: absolute;
  top: 0.5em;
  right: 0;
}
.f-fabric-topology f-risk-device .risk-device.selected {
  background-color: #ffa;
}
.f-fabric-topology f-risk-device .risk-summary-table {
  margin: 0.5em;
}
.f-fabric-topology svg g text:not(.link-badge-main):not(.number-bubble-badge) {
  fill: rgb(var(--nw-color-neutral-1000));
}
.f-fabric-topology svg g text:not(.link-badge-main):not(.number-bubble-badge).link-badge-effect {
  fill: rgb(var(--nw-color-neutral-0));
}
.f-fabric-topology svg g g.th rect.td {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.tr rect.td {
  fill: rgb(var(--nw-color-neutral-50));
}
.f-fabric-topology svg g g.th tspan.label.current-fortigate {
  font-weight: 700;
}
.f-fabric-topology svg g g.tr rect.td {
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.tr text.vdom {
  font-weight: 700;
}
.f-fabric-topology .node-layer .circle-node > text:not(.number-bubble-badge),
.f-fabric-topology .node-layer .square-node > text:not(.number-bubble-badge) {
  fill: #000;
}
.f-fabric-topology .node-layer .circle-node > text.pack-child-badge-effect-icon,
.f-fabric-topology .node-layer .square-node > text.pack-child-badge-effect-icon {
  fill: #fff;
}
.f-fabric-topology .circle-pack > circle {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
}
.f-fabric-topology .square-pack > rect {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
}
.f-fabric-topology .donut-inner-circle {
  fill: rgb(var(--nu-theme-override-text-background, var(--nw-color-neutral-0)));
}
.f-fabric-topology svg g g.group-node text {
  fill: rgb(var(--nw-color-neutral-1000));
}
.f-fabric-topology svg g g.group-node rect {
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.group-node rect.left-part {
  fill: rgb(var(--nw-color-neutral-50));
}
.f-fabric-topology svg g g.group-node rect.mask {
  fill: rgb(var(--nw-color-neutral-100));
}
.f-fabric-topology svg g g.group-node rect.right-part {
  fill: rgb(var(--nw-color-neutral-100));
}
.f-fabric-topology svg .stroke-highlight {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  stroke-width: 0;
}
.f-fabric-topology svg .stroke-highlight:hover {
  opacity: 0.95;
  stroke-width: 2;
}
.f-fabric-topology svg .severity-none {
  fill: rgb(var(--nu-theme-color-informative-success-base));
  stroke: rgb(var(--nu-theme-color-informative-success-base));
}
.f-fabric-topology svg .severity-none + text {
  fill: rgb(var(--nu-theme-on-color-informative-success));
}
.f-fabric-topology svg .severity-low {
  fill: rgb(var(--nu-theme-color-informative-severity-low-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-low-base));
}
.f-fabric-topology svg .severity-low + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-low));
}
.f-fabric-topology svg .severity-medium {
  fill: rgb(var(--nu-theme-color-informative-severity-medium-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-medium-base));
}
.f-fabric-topology svg .severity-medium + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-medium));
}
.f-fabric-topology svg .severity-high {
  fill: rgb(var(--nu-theme-color-informative-severity-high-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-high-base));
}
.f-fabric-topology svg .severity-high + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-high));
}
.f-fabric-topology svg .severity-critical {
  fill: rgb(var(--nu-theme-color-informative-severity-critical-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-critical-base));
}
.f-fabric-topology svg .severity-critical + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-critical));
}
.f-fabric-topology svg g.chart-visual-toggle rect {
  fill: rgb(var(--nu-theme-override-text-background, var(--nw-color-neutral-0)));
}
.f-fabric-topology svg g.chart-visual-toggle text {
  opacity: 0.8;
}
.f-fabric-topology svg g.chart-visual-toggle:hover rect {
  fill: rgb(var(--nw-color-neutral-200));
}
.f-fabric-topology svg g.chart-visual-toggle:hover text {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.f-fabric-topology svg .spinner {
  animation: spin 1s infinite steps(8);
}
.f-fabric-topology svg path.link-usage.level-normal,
.f-fabric-topology svg use.link-usage.level-normal {
  stroke: rgb(var(--nu-theme-color-informative-success-base));
  stroke-width: 2.5;
}
.f-fabric-topology svg path.link-usage.level-high,
.f-fabric-topology svg use.link-usage.level-high {
  stroke: rgb(var(--nu-theme-color-informative-severity-high-base));
  stroke-width: 4;
}
.f-fabric-topology svg path.link-usage.level-critical,
.f-fabric-topology svg use.link-usage.level-critical {
  stroke: rgb(var(--nu-theme-color-informative-severity-critical-base));
  stroke-width: 5.5;
}
.f-fabric-topology svg g circle.action-taken,
.f-fabric-topology svg g rect.action-taken {
  stroke: #000;
  stroke-width: 2;
}

.np-pro-search-text-filter__search {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 0.25rem;
}
.np-pro-search-filter__button::part(base) {
  background: transparent !important;
  border: none !important;
}
.np-pro-search-text-filter__list-title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: rgb(var(--nw-color-border));
  padding: 0.25rem;
  text-align: center;
}
.np-pro-search-text-filter__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
}
.np-pro-search-text-filter__item:hover {
  background-color: rgb(var(--nw-color-primary-100));
}
.np-pro-search-text-filter__item nw-icon {
  min-height: 16px;
  min-width: 16px;
}
.nw-column-suggest-filter__item--checked {
  color: rgb(var(--nw-color-success-500));
}
.np-pro-search-text-filter__item-label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.np-pro-search-text-filter__selected-box-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 330px;
  max-height: 135px;
  overflow-y: auto;
}
@media (max-height: 680px) {
  .np-pro-search-text-filter__selected-box-container {
    max-height: 78px;
  }
}
.np-pro-search-text-filter__selected-box {
  max-width: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  border-style: solid;
  border-width: var(--nw-input-border-width);
  border-color: rgb(var(--nw-panel-border-color));
  border-radius: var(--nw-input-height-medium);
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-button-font-size-medium);
  color: rgb(var(--nw-color-neutral-800));
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
  padding: 0px 0px 0px 6px;
  line-height: 1rem;
  height: calc(1.9em - 4px);
}
.np-pro-search-text-filter__selected-box span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.np-pro-search-text-filter__selected-box .nw-iconbutton {
  padding: 0 0 0 2px;
}

.np-pro-search-filter__types {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
.np-pro-search-filter__radio--min-size::part(button) {
  min-width: 50px;
}

.np-pro-search-filter__popover {
  border: 1px solid rgb(var(--nw-color-neutral-1000));
  box-shadow: 1px 1px 1px 1px rgba(var(--nw-color-neutral-1000) / 0.25);
}
.np-pro-search-filter__form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-pro-search-filter__form *[class^='np-pro-search'] {
  box-sizing: border-box;
}
.np-pro-search-filter__form-header {
  padding: 0.5rem 0;
  text-align: center;
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.nw-dark .np-pro-search-filter__form-header {
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.nw-dark-contrast .np-pro-search-filter__form-header {
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.np-pro-search-filter__form-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-pro-search-filter__form-footer {
  border-top: 1px solid rgb(var(--nw-color-border));
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-pro-search-filter__actions-footer {
  justify-content: space-between;
  padding: 0.5rem;
}
.np-pro-search-filter__actions-footer > :first-child {
  display: flex;
  gap: 0.25rem;
}
.np-pro-search-filter__action-button {
  padding: 0 0.25rem;
}
.np-pro-search-filter__action-button .button--text {
  justify-content: flex-start;
}
.np-pro-search-filter__action-button .button__label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.np-pro-search-filter__row-cell {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.np-pro-search-filter__flex-row-cell {
  display: flex;
  gap: 0.25rem;
}
tr:not(:first-child) .np-pro-search-filter__row-cell {
  padding-top: 0.25rem;
}

/* NwButton style fix */
.nw-pro-search .nw-button {
  line-height: 1rem;
  align-items: center;
}

.nw-pro-search .search-button {
  padding: 3px 0.5em;
  border-color: rgb(var(--nw-color-neutral-200));
  border-width: 1px;
  border-style: solid;
  margin: 0.5em 0 0.5em;
  border-left: none;
}

.nw-pro-search .search-button .nw-iconbutton {
  padding: 0px;
}



/* Advanced Search */
.nw-pro-search .advanced-search-input {
  max-width: 100%;
  position: relative;
}
.nw-pro-search .advanced-search-input .CodeMirror {
  /* by setting an height to auto, codeMirror can be made to automatically resize to fit its content */
  height: auto;
  border-color: rgb(var(--nw-color-neutral-200));
  border-width: 1px;
  border-style: solid;
  flex-grow: 1;
  margin: 0.5em 0 0.5em 0.25em;
  max-width: 100%;
  padding-right: 20px;

  /* Theme support */
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-pro-search .advanced-search-input .CodeMirror .CodeMirror-scroll {
  padding-top: 1px;
}

.nw-pro-search .advanced-search-input .CodeMirror pre.CodeMirror-placeholder {
  color: rgb(var(--nw-color-neutral-500));
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.nw-pro-search .advanced-search-input .CodeMirror span.CodeMirror-matchingbracket {
  background-color: rgb(var(--nw-color-primary-500));
  color: rgb(var(--nw-color-on-primary));
}

.nw-pro-search .advanced-search-input .CodeMirror .CodeMirror-cursor {
  border-color: rgb(var(--nw-color-neutral-1000));
}


.nw-pro-search .advanced-search-input .CodeMirror span.cm-variable {
  color: rgb(var(--nw-color-info-600));
}

.nw-pro-search .advanced-search-input .CodeMirror span.cm-string {
  color: rgb(var(--nw-color-success-700));
}

.nw-pro-search .advanced-search-input .CodeMirror span.cm-keyword {
  color: rgb(var(--nw-color-warning-600));
}

/* CodeMirror hint popover style */
ul.CodeMirror-hints.default {
  background: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}

ul.CodeMirror-hints.default .CodeMirror-hint:not(.divider) {
  color: rgb(var(--nw-color-neutral-1000));
}

ul.CodeMirror-hints.default li.CodeMirror-hint-active {
  background-color: rgb(var(--nw-color-neutral-200));
}

ul.CodeMirror-hints.default li.CodeMirror-hint.divider {
  pointer-events: none;
  color: rgb(var(--nw-color-neutral-500));
  font-weight: bold;
}


.nw-pro-search .nw-facet-search-input {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-neutral-200));
  color: rgb(var(--nw-color-neutral-800));
  line-height: 18px;
  margin: 0.5em 0 0.5em 0.25em;
  min-height: 1.9em;
  max-width: 100%;
  position:relative;
}
.nw-pro-search .nw-facet-search-input-content {
  display: flex;
  align-items: center;
  height:100%;
  white-space: nowrap;
  flex-wrap: wrap;
  max-width: calc(100% - 20px);
}

.nw-pro-search .nw-facet-search-input .filter-add-icon {
  height: calc(1.8em - 4px);
  margin: 1px;
  padding-left: 0.125rem;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon .nw-button {
  height: 100%;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon .nw-core-button {
  height: 100%;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon::part(base) {
  color: rgb(var(--nw-color-primary-500));
  margin: 0 0.2em;
  padding: 0px;
}

.nw-pro-search .nw-facet-search-input .filter-and-or-button .nw-button {
  padding: 0px;
}

.nw-pro-search .filter-wrapper {
  display: flex;
  align-items: center;
}

.nw-pro-search .filter-value-truncate {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nw-pro-search-float-container {
  box-shadow: var(--nw-shadow-small);
  border-width: 1px;
  border-color: rgb(var(--nw-color-neutral-400));
  z-index: 9999;
}

.nw-pro-search-float-container .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em;
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}

.nw-pro-search-float-container nw-input::part(base) {
  box-shadow: var(--nw-shadow-x-small);
}


/* Key Panel */
.nw-pro-search-float-container.key-panel {
  max-height: 50vh;
}

.nw-pro-search-float-container .key-item {
  padding: 4px;
  cursor: pointer;
}

.nw-pro-search-float-container .key-item.history {
  opacity: 0.8;
  font-style: italic;
}

.nw-pro-search-float-container .key-item.history .history-icon {
  font-size: 0.7em;
  margin-right: 0.3em;
}

.nw-pro-search-float-container .key-item.selected {
  background-color: rgb(var(--nw-color-primary-500));
  color: rgb(var(--nw-color-on-primary));
}

/* hovered on but not yet click to select */
.nw-pro-search-float-container .key-item.active {
  background-color: rgb(var(--nw-color-neutral-100));
  color: rgb(var(--nw-color-neutral-800));
}


/* ValuePanel */

.nw-pro-search-float-container.value-panel .operator-container {
  margin: 0.2em;
}

.nw-pro-search-float-container.value-panel .footer {
  text-align: center;
  padding: 0.3em;
  background-color: rgb(var(--nw-color-neutral-100));
  border-top: 1px solid rgb(var(--nw-color-neutral-300));
  margin-top: 0.2em;
}

/* Filter Display */
.nw-pro-search .filter-container {
  height: calc(1.8em - 4px);
  margin: 1px;
}

.nw-pro-search .filter-container .filter-button {
  height: 100%;
  padding-right: 23px;
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
}

.nw-pro-search .clear-icon {
  position: absolute;
  right: 0px;
  display: flex;
  height: 100%;
}
.nw-pro-search .faceted-search-clear-icon {
  position: absolute;
  right: 0;
  display: flex;
  height: 100%;
}
.np-pro-search-filter__button button{
  background-color: rgba(var(--nw-color-primary-500) / 0.2) !important;
}
.np-pro-search-filter__types .button__label{
  width:1rem;
  justify-content: center;
}
.np-pro-search-filter__form-body {
  max-height:50vh;
}

.nw-pro-search-float-container .history-header{
  display: flex;
  justify-content: space-between;
  background-color: rgb(var(--nw-color-neutral-100));
  padding:4px;
  font-size: 1rem;
  height:1.5rem;
  line-height: 1.5rem;
  cursor: pointer;
}
.nw-pro-search-float-container .history-title{
  text-align: center;
}
.nw-pro-search-float-container .history-collapse-icon{
  height: 100%;
  display: flex;
  align-items: center;
}
.nw-pro-search-float-container .history-section{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  max-height: 0;
}
.nw-pro-search-float-container .history-section.open{
  padding-top:2px;
  max-height: 50vh;
  overflow: auto;
  transition: max-height 0.5s ease-in;
}
.nw-pro-search-float-container .history-section.collapse{
  max-height: 0;
  display: none;
  transition: max-height 0s ease-out;
}
.nw-pro-search-float-container .history-container{
  display: flex;
  flex-direction: column;
}

.nw-pro-search-float-container .filter-button {
  margin:2px 0;
  height: 100%;
  padding-right: 23px;
  color:rgb(var(--nw-color-primary-500));
}
.nw-pro-search-float-container .filter-button .nw-button:hover {
  background-color: rgba(var(--nw-color-primary-500) / 0.2)
}

.faceted-search-multiple-history-filter-container{
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;
}
.faceted-search-multiple-history-filter-list{
  display: flex;
  overflow-y: auto;
  max-width: 80vw;
  max-height:40vh;
  flex-wrap: wrap;
}

.faceted-search-multiple-history-filter-list .faceted-search-multiple-filter-button{
  width:-moz-fit-content;
  width:fit-content;
}
.faceted-search-history-panel .no-history-found-hint{
  text-align: center;
  padding:5px 0px;
}
.faceted-search-history-panel .history-clear-button{
  text-align: center;
  width:100%;
}

.faceted-search-multiple-history-filter-container:hover{
  background-color: rgba(var(--nw-color-primary-500) / 0.1);
  border-color: rgb(var(--nw-color-primary-500));
}

.faceted-search-multiple-filter-button-container{
  display: flex;
  width:-moz-fit-content;
  width:fit-content;
  margin:2px;
  align-items: center;
}
 .faceted-search-multiple-filter-button{
  /* Follow the nw-core-button style */
  height: 100%;
  padding-right: 23px;
  /* background-color: rgba(var(--nw-color-primary-500) / 0.2); */
  border-radius: var(--nw-input-height-small);
  color: rgb(var(--nw-color-primary-500));
  font-size: var(--nw-button-font-size-small);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: var(--nw-input-font-family);
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  transition: var(--nw-transition-fast) background-color, var(--nw-transition-fast) color, var(--nw-transition-fast) border, var(--nw-transition-fast) box-shadow;
  cursor: inherit;
  box-sizing: border-box;
  padding:2px 6px;
}

.faceted-search-filter-connector{
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
}
.faceted-search-history-panel .multiple-history-filter-wrapper{
  display: flex;
  flex-wrap: wrap;
  max-width: 50vw;
  padding:5px 0;

}
.faceted-search-history-panel .multiple-history-filter-wrapper:hover{
  cursor: pointer;
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
}

.pro-calendar .pro-calendar-day:hover .date {
  background-color: rgb(var(--nw-color-primary-600));
  border-radius: 50%;
  color: rgb(var(--nw-color-neutral-0));
}
.pro-calendar-year-control svg {
  color: rgb(var(--nw-color-primary-500));
}
.pro-calendar-year-control button {
  background: rgb(var(--nw-color-neutral-100));
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.pro-calendar-year-control span {
  font-size: 1.2em;
}

.typewriter-typing::after {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: rgb(var(--nw-color-neutral-500));
  vertical-align: top;
  width: 0.5rem;
  height: 0.8rem;
  bottom: 0.3rem;
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: rgb(var(--nw-color-primary-600));
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: rgb(var(--nw-color-primary-600));
  stroke-miterlimit: 10;
  animation: scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 2rem #fff;
  }
}
.circular-loader {
  transform-origin: center center;
  animation: rotate 2s linear infinite;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
}
.loader-path {
  animation: dash 1.5s ease-in-out infinite;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: rgb(var(--nw-color-primary-600));
  fill: none;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

.message-box-container {
  max-width: 85%;
}
.message-box-container.system {
  width: 85%;
}
.message-box-container.system .message-box {
  width: 85%;
  border-radius: 0 0.7em 0.7em 0.7em;
  background: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-border));
}
.message-box-container.user .message-box {
  border-radius: 0.7em 0.7em 0 0.7em;
  background: rgb(var(--nw-color-primary-100));
}
.message-box-container .message-box {
  box-shadow: var(--nw-shadow-x-small);
}
.message-box-container .message-box.system {
  width: 85%;
  border-radius: 0 0.7em 0.7em 0.7em;
  background: rgb(var(--nw-color-neutral-0));
}
.message-box-container .message-box.thinking {
  border-radius: 0rem;
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0.125rem;
  background: linear-gradient(to right, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate1 2s linear infinite;
}
@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0.125rem;
  background: linear-gradient(to bottom, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate2 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0.125rem;
  background: linear-gradient(to left, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate3 2s linear infinite;
}
@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.125rem;
  background: linear-gradient(to top, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate4 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

.suggestion-panel .suggestion {
  animation: fadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.nw-iconbutton.nw-sortable-table__drag-icon {
  opacity: 0;
  padding: 4px 0;
}
.nw-sortable-table__row:hover .nw-iconbutton.nw-sortable-table__drag-icon,
.nw-sortable-table__row .nwp-table__row-cell:focus .nw-iconbutton.nw-sortable-table__drag-icon,
.nw-sortable-table__row .nwp-table__row-cell:focus-within .nw-iconbutton.nw-sortable-table__drag-icon {
  opacity: 1;
  cursor: move;
}
.nwp-table__row.nwp-table__section-row a {
  text-decoration: underline;
  color: rgb(var(--nw-color-neutral-0));
}
.nwp-table__row.nwp-table__section-row.nws-focus-hover {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-100));
}
.nwp-table__row-cell {
  border-bottom: 1px solid var(--cell-border);
}
.nwp-table__row-cell:not(:last-child) {
  border-right: 1px solid var(--cell-border);
}
.nwp-table__row {
  --cell-border: rgb(var(--nw-color-border));
}
.nw-light .row-selected {
  --cell-border: rgb(var(--nw-color-neutral-50));
}
.nwp-table__row--fit-h .nwp-table__row-cell {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.BaseTable__row:hover,
.BaseTable__row--hovered {
  /* hover & focus in class "nws-focus-hover"
   1. drop shadow
   2. mouse cursor change to "pointer"
   3. no background color change
  */
  z-index: calc(var(--np-z-index-sticky-column) + 1);
}
.BaseTable__row:hover .nwp-table__row-cell,
.BaseTable__row--hovered .nwp-table__row-cell {
  border-bottom-color: transparent;
}
.nwp-table__row.nws-focus-hover:focus-within:not(:hover) {
  box-shadow: none;
}
.nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
}
.nwp-table__row-cell:focus,
.nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-primary-500)) solid 1px;
  outline-offset: -1px;
}
.nw-light .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.nw-dark .nwp-table__row.nwp-table__section-row {
  background-color: rgb(var(--nw-color-primary-400));
}
.nw-dark .nwp-table__row.nwp-table__section-row,
.nw-dark .nwp-table__row.nwp-table__section-row a {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark .nwp-table__row-cell:focus,
.nw-dark .nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -1px;
}
.nw-dark .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.nw-dark-contrast .nwp-table__row.nwp-table__section-row {
  background-color: rgb(var(--nw-color-neutral-200));
}
.nw-dark-contrast .nwp-table__row.nwp-table__section-row,
.nw-dark-contrast .nwp-table__row.nwp-table__section-row a {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.nw-dark-contrast .row-selected .nwp-table__row-cell:focus,
.nw-dark-contrast .row-selected .nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -2px;
}
.nw-dark-contrast .row-selected.BaseTable__row:hover .nwp-table__row-cell,
.nw-dark-contrast .row-selected.BaseTable__row--hovered .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-300));
}
.nw-dark-contrast .nwp-table__row .nw-core-progress-bar {
  outline: 1px solid rgb(var(--nw-color-panel-200));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-core-badge {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .ffg:before {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--default,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--default {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--default .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--default .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--secondary,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--secondary {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--secondary .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--secondary .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--primary,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--primary {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--primary .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--primary .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--neutral,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--neutral {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--neutral .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--neutral .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-neutral-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--success,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--success {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-success-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--success .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--success .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-success-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--warning,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--warning {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-warning-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--warning .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--warning .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-warning-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--danger,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--danger {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-danger-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--danger .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--danger .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-danger-500));
}
:root {
  --np-z-index-sticky-column: 1;
}
.BaseTable {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
  position: relative;
  box-sizing: border-box;
}
.BaseTable a {
  color: rgb(var(--nw-color-link));
}
.BaseTable .BaseTable__body::-webkit-scrollbar-track:vertical {
  border-left: 1px solid rgb(var(--nw-color-border));
}
.nwp-table__expand-icon {
  padding: 2px;
}
.BaseTable--disabled {
  opacity: rgb(var(--nw-disabled-opacity));
  pointer-events: none;
}
.BaseTable__table .BaseTable__header,
.BaseTable__table .BaseTable__column-resizer {
  background-color: rgb(var(--nw-color-neutral-50));
}
.BaseTable__table .BaseTable__column-resizer {
  user-select: none;
  touch-action: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  cursor: col-resize;
}
.BaseTable__table-main {
  /* outline: 1px solid #eeeeee; */
  left: 0;
}
.BaseTable__table-frozen-left {
  top: 0;
  left: 0;
}
.BaseTable__table-frozen-left .BaseTable__header-row,
.BaseTable__table-frozen-left .BaseTable__row {
  padding-right: 0 !important;
}
.BaseTable__table-frozen-left .BaseTable__body {
  overflow-y: auto !important;
}
.BaseTable__table-frozen-right {
  /* box-shadow: -2px 0 4px 0 #eeeeee; */
  top: 0;
  right: 0;
}
.BaseTable__table-frozen-right .BaseTable__header-row,
.BaseTable__table-frozen-right .BaseTable__row {
  padding-left: 0 !important;
}
.BaseTable__table-frozen-right .BaseTable__body {
  overflow-y: auto !important;
}
.BaseTable .BaseTable__header,
.BaseTable .BaseTable__body {
  outline: none;
  will-change: auto !important;
}
.BaseTable__row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.BaseTable__header-cell,
.nwp-table__row-cell {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 7px;
  box-sizing: border-box;
  white-space: nowrap;
}
.BaseTable__header-cell:hover .BaseTable__column-resizer {
  visibility: visible;
  opacity: 0.5;
}
.BaseTable__header-cell:hover .BaseTable__column-resizer:hover {
  opacity: 1;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:before,
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:after {
  border: 5px solid transparent;
  content: '';
  display: block;
  height: 0;
  margin-left: 4px;
  top: 50%;
  position: absolute;
  width: 0;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:before {
  border-bottom-color: rgb(var(--nw-color-neutral-400));
  margin-top: -12px;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon.sort-icon--ascending:before {
  border-bottom-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon.sort-icon--descending:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator .sort-icon.sort-icon--ascending:before {
  border-bottom-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator .sort-icon.sort-icon--descending:after {
  border-top-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell--sortable:hover {
  /* background-color: #f3f3f3; */
  cursor: pointer;
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting):hover .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable.BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator .sort-icon:before {
  border-bottom-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable.BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--resizing .BaseTable__column-resizer {
  visibility: visible;
  opacity: 1;
}
.BaseTable__header-cell--resizing .BaseTable__column-resizer::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  content: '';
  left: -9999px;
}
.BaseTable__header-row--resizing .BaseTable__header-cell {
  background-color: transparent;
  cursor: col-resize;
}
.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--resizing) .BaseTable__column-resizer {
  visibility: hidden;
}
.BaseTable__column-resizer {
  width: 3px;
  visibility: hidden;
  /* background-color: #cccccc; */
}
.BaseTable__column-resizer:hover {
  visibility: visible;
  opacity: 1;
}
.BaseTable__footer {
  position: relative;
  /*
  NOTE:
  top: -1px;
  z-index: 1;
  so it covers table row's and sticky row cell border-bottom
  */
  top: -1px;
  z-index: var(--np-z-index-sticky-column);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* background-color: #ffffff; */
}
.BaseTable__resizing-line {
  cursor: col-resize;
  position: absolute;
  top: 0;
  /* background-color: #cccccc; */
  width: 3px;
  transform: translateX(-100%);
}

.nw-table-settings {
  z-index: var(--np-z-index-sticky-column);
}
.nw-table-settings:only-child {
  position: static;
}
.nw-table-settings .nw-button {
  width: 27px;
}
.nw-table-settings__item {
  margin: 0 0.25rem;
  border: none;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  white-space: nowrap;
  min-width: 13rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  color: inherit;
  background-color: inherit;
}
.nw-table-settings__item:hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nw-table-settings__item:hover,
.nw-table-settings__item:focus,
.nw-table-settings__item:focus-within {
  z-index: 10;
  position: relative;
}
.nw-table-settings__footer .nw-table-settings__item {
  padding: 0.5rem 0.75rem;
}
.nwp-table__header-rows {
  /* NOTE: update `calHeaderHeight` fn when update border height */
  border-bottom: 1px solid rgb(var(--nw-color-border-200));
}
.nwp-table__header-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.nwp-table__header-cell {
  border-right: 1px solid rgb(var(--nw-color-border-200));
  position: relative;
  cursor: default;
}
.nwp-table__header-row--reordering .nwp-table__header-cell {
  user-select: none;
  pointer-events: none;
}
.nwp-table__header-cell:last-child {
  border-right: none;
}
.nwp-table__header-cell-center {
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.nwp-table__header-row:has(.nw-table-settings) .nwp-table__header-cell:nth-last-child(2) {
  padding-right: calc(27px + 7px);
}
.nwp-table__header-row:has(.nw-table-settings) .nwp-table__header-cell:nth-last-child(2) .BaseTable__column-resizer {
  right: 27px;
}
.nwp-table__header-rows,
.nwp-table__header-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-header-200));
}
.nwp-table__header-cell:focus,
.nwp-table__header-cell:focus-within {
  outline: rgb(var(--nw-color-primary-500)) solid 1px;
  outline-offset: -1px;
}
.nw-dark .nwp-table__header-cell:focus,
.nw-dark .nwp-table__header-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -1px;
}

.np-base-table__empty-layer {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}
.np-base-table__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: calc(var(--np-z-index-sticky-column) + 1);
}
.np-base-table__overlay > * {
  pointer-events: auto;
}
.nwp-table__cell--bg-highlight {
  background-color: rgb(var(--nw-color-primary-50)) !important;
}
.nwp-table__cell--border-t-highlight {
  border-top: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-b-highlight {
  border-bottom: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-l-highlight {
  border-left: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-r-highlight {
  border-right: 2px solid rgb(var(--nw-color-primary)) !important;
}

.nw-table-settings {
  z-index: var(--np-z-index-sticky-column);
}
.nw-table-settings:only-child {
  position: static;
}
.nw-table-settings .nw-button {
  width: 27px;
}
.nw-table-settings__item {
  margin: 0 0.25rem;
  border: none;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  white-space: nowrap;
  min-width: 13rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  color: inherit;
  background-color: inherit;
}
.nw-table-settings__item:hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nw-table-settings__item:hover,
.nw-table-settings__item:focus,
.nw-table-settings__item:focus-within {
  z-index: 10;
  position: relative;
}
.nw-table-settings__footer .nw-table-settings__item {
  padding: 0.5rem 0.75rem;
}

.np-column-filter__types {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}

.np-column-filter__popover {
  border: 1px solid rgb(var(--nw-color-neutral-1000));
  box-shadow: 1px 1px 1px 1px rgba(var(--nw-color-neutral-1000) / 0.25);
}
.np-column-filter__form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-column-filter__form *[class^='np-column'] {
  box-sizing: border-box;
}
.np-column-filter__form-header {
  padding: 0.5rem 0;
  text-align: center;
  background-color: rgb(var(--nw-color-neutral));
  color: rgb(var(--nw-color-neutral-0));
}
.nw-dark .np-column-filter__form-header {
  background-color: rgb(var(--nw-color-primary-200));
  color: rgb(var(--nw-color-on-primary));
}
.nw-dark-contrast .np-column-filter__form-header {
  background-color: rgb(var(--nw-color-primary-400));
  color: rgb(var(--nw-color-on-primary));
}
.np-column-filter__form-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-column-filter__form-footer {
  border-top: 1px solid rgb(var(--nw-color-border));
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-column-filter__actions-footer {
  justify-content: space-between;
  padding: 0.5rem;
}
.np-column-filter__actions-footer > :first-child {
  display: flex;
  gap: 0.25rem;
}
.np-column-filter__action-button {
  padding: 0 0.25rem;
}
.np-column-filter__action-button .button--text {
  justify-content: flex-start;
}
.np-column-filter__action-button .button__label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.np-column-filter__input {
  min-width: 8rem;
  flex-grow: 1;
}
.np-column-filter__row-cell {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.np-column-filter__flex-row-cell {
  display: flex;
  gap: 0.25rem;
}
tr:not(:first-child) .np-column-filter__row-cell {
  padding-top: 0.25rem;
}

.nwp-table__header-cell:hover .nw-column-filter__trigger {
  display: inline-flex;
}
.nwp-table__header-cell:has(.nw-column-filter__trigger--active) {
  background-color: rgb(var(--nw-color-primary-100));
}

.np-column-text-filter__search {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 0.25rem;
}
.np-column-filter__input {
  width: 100%;
}
.np-column-filter__input .nw-input .input__suffix > :last-child {
  margin-right: 0;
  display: flex;
}
.np-column-text-filter__list-title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: rgb(var(--nw-color-border));
  padding: 0.25rem;
  text-align: center;
}
.np-column-text-filter__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
}
.np-column-text-filter__item:hover {
  background-color: rgb(var(--nw-color-primary-100));
}
.np-column-text-filter__item nw-icon {
  min-height: 16px;
  min-width: 16px;
}
.nw-column-suggest-filter__item--checked {
  color: rgb(var(--nw-color-success-500));
}
.np-column-text-filter__selected-box-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 330px;
  max-height: 135px;
  overflow-y: auto;
}
@media (max-height: 680px) {
  .np-column-text-filter__selected-box-container {
    max-height: 78px;
  }
}
.np-column-text-filter__selected-box {
  max-width: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  border-style: solid;
  border-width: var(--nw-input-border-width);
  border-color: rgb(var(--nw-panel-border-color));
  border-radius: var(--nw-input-height-medium);
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-button-font-size-medium);
  color: rgb(var(--nw-color-neutral-800));
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
  padding: 0px 6px;
  line-height: 1rem;
  height: calc(1.9em - 4px);
}
.np-column-text-filter__selected-box span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.np-column-text-filter__selected-box .nw-iconbutton {
  padding: 0 0 0 2px;
}

.nwpro_donut_chart_table {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.nwpro_donut_chart_table .donut-charts-container {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.nwpro_donut_chart_table .donut-charts-container.chart-show {
  opacity: 1;
  max-height: 400px;
  transition: max-height 0.3s, opacity 0.5s;
  padding: 0.5rem;
}
.nwpro_donut_chart_table .donut-charts-container.chart-hide {
  opacity: 0;
  max-height: 0px;
  transition: max-height 0.3s, opacity 0.5s;
}
.nwpro_donut_chart_table .donut-charts-container .card {
  box-shadow: none;
  outline: 1px solid rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-neutral-0));
  max-width: 500px;
  height: 175px;
  flex: 1 1 0;
  position: relative;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container {
  position: relative;
  padding: 0.25rem;
  display: flex;
  align-items: center;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active {
  cursor: pointer;
  color: rgb(var(--nw-color-on-primary));
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active .filter-icon {
  position: absolute;
  right: 0.25rem;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active:hover,
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active:focus {
  background-color: rgb(var(--nw-color-primary-400));
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container .chart-title {
  width: 90%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nwpro_donut_chart_table .table-container {
  flex: 1;
}
.nwpro_donut_chart_table .table-container.table-expand {
  height: calc(100vh - 45px);
  transition: height 0.3s;
}
.nwpro_donut_chart_table .table-container .nwp-toolbar .right-items .reset-icon {
  top: -0.125rem;
}

/* For general input style. Some inputs does not need the focus one. */
.fi-input-border:not(disabled) {
  outline: none;
  border: 1px solid rgb(var(--nw-color-border));
}
.fi-input-border:not(disabled):hover {
  border-color: rgb(var(--nw-input-border-color-hover));
}
/* For general input focus style */
.fi-input-focused:not(disabled):focus {
  outline: none;
  box-shadow: rgb(var(--nw-color-neutral-1000) / 25%) 0px 1px 7px 0px, rgb(var(--nw-color-neutral-1000) / 25%) 0px 0px 3px 0px;
  border-color: rgb(var(--nw-input-border-color-focus));
}
.tw-dark .treeview-icon {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base):hover,
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base):hover,
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base):hover {
  color: rgb(var(--nw-color-neutral-1000));
}
.widget-error {
  color: rgb(var(--nw-color-danger-500));
}
.help-block {
  padding-top: 0.25rem;
}

.nw-icon-button {
  margin: 0.125rem;
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-spacer {
  display: inline-block;
  width: 1.5rem;
  flex-shrink: 0;
}

.tw-dark .treeview-icon {
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-fl-search-input {
  flex-grow: 1;
  max-width: 100%;
  min-width: 0;
}

.fi-tooltip {
  position: absolute;
  display: none;
  box-shadow: var(--nw-shadow-small);
}

.fi-tooltip.show {
  display: block;
}

.fi-tooltip[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

.fi-tooltip-fade {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.fi-tooltip-fade.in {
  opacity: 1;
}

.nw-count-textarea {
  display: block;
}
.nw-count-textarea > textarea {
  resize: vertical;
}
.nw-count-textarea > textarea.mono {
  font-family: monospace;
}
.nw-count-textarea .tip {
  text-align: right;
  font-size: 1rem;
}

body {
  font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
fi-lrselect {
  display: flex;
}
fi-lrselect .fi-lrs-panel {
  width: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid;
}
fi-lrselect .fi-lrs-panel .fi-lrs-title {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-200));
  font-weight: bold;
  padding: 0.25rem 0.5rem;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.25rem;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search .search-input {
  width: 100%;
  border: 1px solid rgb(var(--nw-input-border-color));
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
  padding-left: 24 / 16px;
  padding-right: 22 / 16px;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search .clear-search.hide {
  display: none;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont {
  flex-grow: 1;
  position: relative;
  overflow: auto;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont .fi-lrs-scroller {
  width: 1px;
  position: absolute;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul :hover {
  background-color: rgb(var(--nw-color-primary-200));
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul > li {
  white-space: nowrap;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  user-select: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul > li > .content .detail {
  font-size: 0.85em;
  color: rgb(var(--nw-color-neutral-1000));
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls {
  padding: 4 / 16px;
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls .btn {
  padding: 2px 5px;
  margin-right: 4px;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls > .message {
  margin-left: auto;
}
fi-lrselect .btns {
  flex-basis: 40 / 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4 / 16px;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.tw-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.tw-pointer-events-none {
    pointer-events: none
}
.tw-pointer-events-auto {
    pointer-events: auto
}
.tw-visible {
    visibility: visible
}
.tw-invisible {
    visibility: hidden
}
.tw-fixed {
    position: fixed
}
.tw-absolute {
    position: absolute
}
.tw-relative {
    position: relative
}
.tw-sticky {
    position: sticky
}
.tw-inset-0 {
    inset: 0px
}
.tw--top-0 {
    top: -0px
}
.tw--top-0\.5 {
    top: -0.125rem
}
.tw-bottom-0 {
    bottom: 0px
}
.tw-bottom-1 {
    bottom: 0.25rem
}
.tw-bottom-1\/2 {
    bottom: 50%
}
.tw-bottom-10 {
    bottom: 2.5rem
}
.tw-bottom-2 {
    bottom: 0.5rem
}
.tw-bottom-4 {
    bottom: 1rem
}
.tw-bottom-6 {
    bottom: 1.5rem
}
.tw-bottom-\[-14px\] {
    bottom: -14px
}
.tw-left-0 {
    left: 0px
}
.tw-left-1\/2 {
    left: 50%
}
.tw-left-14 {
    left: 3.5rem
}
.tw-left-2 {
    left: 0.5rem
}
.tw-left-4 {
    left: 1rem
}
.tw-left-6 {
    left: 1.5rem
}
.tw-left-\[-10px\] {
    left: -10px
}
.tw-left-\[-3px\] {
    left: -3px
}
.tw-left-\[30\%\] {
    left: 30%
}
.tw-left-\[55px\] {
    left: 55px
}
.tw-left-\[71px\] {
    left: 71px
}
.tw-left-full {
    left: 100%
}
.tw-right-0 {
    right: 0px
}
.tw-right-1 {
    right: 0.25rem
}
.tw-right-1\.5 {
    right: 0.375rem
}
.tw-right-1\/2 {
    right: 50%
}
.tw-right-10 {
    right: 2.5rem
}
.tw-right-2 {
    right: 0.5rem
}
.tw-right-3 {
    right: 0.75rem
}
.tw-right-4 {
    right: 1rem
}
.tw-right-5 {
    right: 1.25rem
}
.tw-right-6 {
    right: 1.5rem
}
.tw-right-8 {
    right: 2rem
}
.tw-top-0 {
    top: 0px
}
.tw-top-0\.5 {
    top: 0.125rem
}
.tw-top-1 {
    top: 0.25rem
}
.tw-top-1\/2 {
    top: 50%
}
.tw-top-4 {
    top: 1rem
}
.tw-top-6 {
    top: 1.5rem
}
.tw-top-\[-3px\] {
    top: -3px
}
.tw-top-\[-50px\] {
    top: -50px
}
.tw-top-\[-5px\] {
    top: -5px
}
.tw-top-\[40\%\] {
    top: 40%
}
.tw-top-\[45\%\] {
    top: 45%
}
.tw-z-0 {
    z-index: 0
}
.tw-z-10 {
    z-index: 10
}
.tw-z-50 {
    z-index: 50
}
.tw-z-\[1000\] {
    z-index: 1000
}
.tw-z-\[1\] {
    z-index: 1
}
.tw-z-\[var\(--nw-z-index-dialog\)\] {
    z-index: var(--nw-z-index-dialog)
}
.tw-z-dropdown {
    z-index: 900
}
.tw-order-1 {
    order: 1
}
.tw-order-2 {
    order: 2
}
.tw-order-3 {
    order: 3
}
.tw-order-4 {
    order: 4
}
.tw-col-span-1 {
    grid-column: span 1 / span 1
}
.tw-col-span-10 {
    grid-column: span 10 / span 10
}
.tw-col-span-2 {
    grid-column: span 2 / span 2
}
.tw-col-span-3 {
    grid-column: span 3 / span 3
}
.tw-col-span-4 {
    grid-column: span 4 / span 4
}
.tw-col-span-6 {
    grid-column: span 6 / span 6
}
.tw-col-start-1 {
    grid-column-start: 1
}
.tw-col-start-6 {
    grid-column-start: 6
}
.tw-col-end-12 {
    grid-column-end: 12
}
.tw-float-start {
    float: inline-start
}
.tw-float-right {
    float: right
}
.tw-m-0 {
    margin: 0px
}
.tw-m-0\.5 {
    margin: 0.125rem
}
.tw-m-1 {
    margin: 0.25rem
}
.tw-m-2 {
    margin: 0.5rem
}
.tw-m-3 {
    margin: 0.75rem
}
.tw-m-4 {
    margin: 1rem
}
.tw-m-\[0\.25em\] {
    margin: 0.25em
}
.tw-m-auto {
    margin: auto
}
.tw-mx-0 {
    margin-left: 0px;
    margin-right: 0px
}
.tw-mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem
}
.tw-mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}
.tw-mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem
}
.tw-mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.tw-mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem
}
.tw-mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem
}
.tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}
.tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}
.tw-mx-\[4px\] {
    margin-left: 4px;
    margin-right: 4px
}
.tw-mx-\[5px\] {
    margin-left: 5px;
    margin-right: 5px
}
.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.tw-my-0 {
    margin-top: 0px;
    margin-bottom: 0px
}
.tw-my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}
.tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.tw-my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.tw-my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}
.tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
.tw-my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px
}
.tw-my-\[2px\] {
    margin-top: 2px;
    margin-bottom: 2px
}
.tw-my-auto {
    margin-top: auto;
    margin-bottom: auto
}
.tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px
}
.-tw-mt-2 {
    margin-top: -0.5rem
}
.tw--ml-1 {
    margin-left: -0.25rem
}
.tw-mb-0 {
    margin-bottom: 0px
}
.tw-mb-0\.5 {
    margin-bottom: 0.125rem
}
.tw-mb-1 {
    margin-bottom: 0.25rem
}
.tw-mb-10 {
    margin-bottom: 2.5rem
}
.tw-mb-12 {
    margin-bottom: 3rem
}
.tw-mb-2 {
    margin-bottom: 0.5rem
}
.tw-mb-2\.5 {
    margin-bottom: 0.625rem
}
.tw-mb-3 {
    margin-bottom: 0.75rem
}
.tw-mb-4 {
    margin-bottom: 1rem
}
.tw-mb-5 {
    margin-bottom: 1.25rem
}
.tw-mb-6 {
    margin-bottom: 1.5rem
}
.tw-mb-8 {
    margin-bottom: 2rem
}
.tw-mb-\[5px\] {
    margin-bottom: 5px
}
.tw-mb-\[calc\(0\.75em\+1px\)\] {
    margin-bottom: calc(0.75em + 1px)
}
.tw-ml-0 {
    margin-left: 0px
}
.tw-ml-0\.5 {
    margin-left: 0.125rem
}
.tw-ml-1 {
    margin-left: 0.25rem
}
.tw-ml-1\.5 {
    margin-left: 0.375rem
}
.tw-ml-2 {
    margin-left: 0.5rem
}
.tw-ml-3 {
    margin-left: 0.75rem
}
.tw-ml-4 {
    margin-left: 1rem
}
.tw-ml-40 {
    margin-left: 10rem
}
.tw-ml-5 {
    margin-left: 1.25rem
}
.tw-ml-6 {
    margin-left: 1.5rem
}
.tw-ml-7 {
    margin-left: 1.75rem
}
.tw-ml-8 {
    margin-left: 2rem
}
.tw-ml-\[-0\.5rem\] {
    margin-left: -0.5rem
}
.tw-ml-auto {
    margin-left: auto
}
.tw-mr-1 {
    margin-right: 0.25rem
}
.tw-mr-1\.5 {
    margin-right: 0.375rem
}
.tw-mr-2 {
    margin-right: 0.5rem
}
.tw-mr-2\.5 {
    margin-right: 0.625rem
}
.tw-mr-3 {
    margin-right: 0.75rem
}
.tw-mr-4 {
    margin-right: 1rem
}
.tw-mr-5 {
    margin-right: 1.25rem
}
.tw-mr-6 {
    margin-right: 1.5rem
}
.tw-mr-8 {
    margin-right: 2rem
}
.tw-mr-\[0\.2rem\] {
    margin-right: 0.2rem
}
.tw-mr-\[0\.4rem\] {
    margin-right: 0.4rem
}
.tw-mr-\[0\.7rem\] {
    margin-right: 0.7rem
}
.tw-mr-\[1px\] {
    margin-right: 1px
}
.tw-mr-\[calc\(0\.75em\+1px\)\] {
    margin-right: calc(0.75em + 1px)
}
.tw-mr-auto {
    margin-right: auto
}
.tw-mr-px {
    margin-right: 1px
}
.tw-mt-0 {
    margin-top: 0px
}
.tw-mt-1 {
    margin-top: 0.25rem
}
.tw-mt-1\.5 {
    margin-top: 0.375rem
}
.tw-mt-10 {
    margin-top: 2.5rem
}
.tw-mt-2 {
    margin-top: 0.5rem
}
.tw-mt-3 {
    margin-top: 0.75rem
}
.tw-mt-4 {
    margin-top: 1rem
}
.tw-mt-5 {
    margin-top: 1.25rem
}
.tw-mt-6 {
    margin-top: 1.5rem
}
.tw-mt-\[0\.5em\] {
    margin-top: 0.5em
}
.tw-mt-\[3px\] {
    margin-top: 3px
}
.tw-mt-\[6px\] {
    margin-top: 6px
}
.tw-mt-\[8rem\] {
    margin-top: 8rem
}
.tw-box-border {
    box-sizing: border-box
}
.tw-box-content {
    box-sizing: content-box
}
.tw-block {
    display: block
}
.tw-inline-block {
    display: inline-block
}
.tw-inline {
    display: inline
}
.tw-flex {
    display: flex
}
.tw-inline-flex {
    display: inline-flex
}
.tw-grid {
    display: grid
}
.tw-contents {
    display: contents
}
.tw-list-item {
    display: list-item
}
.tw-hidden {
    display: none
}
.tw-size-16 {
    width: 4rem;
    height: 4rem
}
.tw-size-3 {
    width: 0.75rem;
    height: 0.75rem
}
.tw-size-4 {
    width: 1rem;
    height: 1rem
}
.tw-size-\[32px\] {
    width: 32px;
    height: 32px
}
.tw-size-full {
    width: 100%;
    height: 100%
}
.\!tw-h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important
}
.tw-h-0 {
    height: 0px
}
.tw-h-0\.5 {
    height: 0.125rem
}
.tw-h-1 {
    height: 0.25rem
}
.tw-h-1\/2 {
    height: 50%
}
.tw-h-1\/3 {
    height: 33.333333%
}
.tw-h-1\/4 {
    height: 25%
}
.tw-h-1\/5 {
    height: 20%
}
.tw-h-1\/6 {
    height: 16.666667%
}
.tw-h-10 {
    height: 2.5rem
}
.tw-h-11 {
    height: 2.75rem
}
.tw-h-12 {
    height: 3rem
}
.tw-h-14 {
    height: 3.5rem
}
.tw-h-16 {
    height: 4rem
}
.tw-h-2 {
    height: 0.5rem
}
.tw-h-2\.5 {
    height: 0.625rem
}
.tw-h-2\/3 {
    height: 66.666667%
}
.tw-h-2\/4 {
    height: 50%
}
.tw-h-2\/6 {
    height: 33.333333%
}
.tw-h-20 {
    height: 5rem
}
.tw-h-24 {
    height: 6rem
}
.tw-h-28 {
    height: 7rem
}
.tw-h-3 {
    height: 0.75rem
}
.tw-h-3\.5 {
    height: 0.875rem
}
.tw-h-32 {
    height: 8rem
}
.tw-h-4 {
    height: 1rem
}
.tw-h-4\/5 {
    height: 80%
}
.tw-h-4\/6 {
    height: 66.666667%
}
.tw-h-40 {
    height: 10rem
}
.tw-h-48 {
    height: 12rem
}
.tw-h-5 {
    height: 1.25rem
}
.tw-h-5\/6 {
    height: 83.333333%
}
.tw-h-6 {
    height: 1.5rem
}
.tw-h-60 {
    height: 15rem
}
.tw-h-7 {
    height: 1.75rem
}
.tw-h-72 {
    height: 18rem
}
.tw-h-8 {
    height: 2rem
}
.tw-h-80 {
    height: 20rem
}
.tw-h-9 {
    height: 2.25rem
}
.tw-h-\[1\.4em\] {
    height: 1.4em
}
.tw-h-\[1\.4rem\] {
    height: 1.4rem
}
.tw-h-\[15rem\] {
    height: 15rem
}
.tw-h-\[18px\] {
    height: 18px
}
.tw-h-\[18rem\] {
    height: 18rem
}
.tw-h-\[20rem\] {
    height: 20rem
}
.tw-h-\[27rem\] {
    height: 27rem
}
.tw-h-\[28rem\] {
    height: 28rem
}
.tw-h-\[2rem\] {
    height: 2rem
}
.tw-h-\[300px\] {
    height: 300px
}
.tw-h-\[30px\] {
    height: 30px
}
.tw-h-\[6rem\] {
    height: 6rem
}
.tw-h-\[70px\] {
    height: 70px
}
.tw-h-fit {
    height: -moz-fit-content;
    height: fit-content
}
.tw-h-full {
    height: 100%
}
.tw-h-px {
    height: 1px
}
.tw-h-screen {
    height: 100vh
}
.tw-max-h-11 {
    max-height: 2.75rem
}
.tw-max-h-52 {
    max-height: 13rem
}
.tw-max-h-60 {
    max-height: 15rem
}
.tw-max-h-80 {
    max-height: 20rem
}
.tw-max-h-96 {
    max-height: 24rem
}
.tw-max-h-\[600px\] {
    max-height: 600px
}
.tw-max-h-\[calc\(100vh_-_35rem\)\] {
    max-height: calc(100vh - 35rem)
}
.tw-max-h-full {
    max-height: 100%
}
.tw-max-h-screen {
    max-height: 100vh
}
.tw-min-h-0 {
    min-height: 0px
}
.tw-min-h-10 {
    min-height: 2.5rem
}
.tw-min-h-12 {
    min-height: 3rem
}
.tw-min-h-16 {
    min-height: 4rem
}
.tw-min-h-20 {
    min-height: 5rem
}
.tw-min-h-24 {
    min-height: 6rem
}
.tw-min-h-32 {
    min-height: 8rem
}
.tw-min-h-72 {
    min-height: 18rem
}
.tw-min-h-8 {
    min-height: 2rem
}
.tw-min-h-\[1\.6rem\] {
    min-height: 1.6rem
}
.tw-min-h-\[10rem\] {
    min-height: 10rem
}
.tw-min-h-\[15rem\] {
    min-height: 15rem
}
.tw-min-h-\[22\.75rem\] {
    min-height: 22.75rem
}
.tw-min-h-\[29px\] {
    min-height: 29px
}
.tw-min-h-\[300px\] {
    min-height: 300px
}
.tw-min-h-\[40rem\] {
    min-height: 40rem
}
.tw-min-h-\[5rem\] {
    min-height: 5rem
}
.tw-min-h-\[64px\] {
    min-height: 64px
}
.tw-min-h-\[8rem\] {
    min-height: 8rem
}
.tw-min-h-full {
    min-height: 100%
}
.tw-min-h-max {
    min-height: max-content
}
.tw-w-0 {
    width: 0px
}
.tw-w-0\.5 {
    width: 0.125rem
}
.tw-w-1 {
    width: 0.25rem
}
.tw-w-1\/12 {
    width: 8.333333%
}
.tw-w-1\/2 {
    width: 50%
}
.tw-w-1\/3 {
    width: 33.333333%
}
.tw-w-1\/4 {
    width: 25%
}
.tw-w-1\/5 {
    width: 20%
}
.tw-w-1\/6 {
    width: 16.666667%
}
.tw-w-10 {
    width: 2.5rem
}
.tw-w-11 {
    width: 2.75rem
}
.tw-w-11\/12 {
    width: 91.666667%
}
.tw-w-12 {
    width: 3rem
}
.tw-w-14 {
    width: 3.5rem
}
.tw-w-16 {
    width: 4rem
}
.tw-w-2\/3 {
    width: 66.666667%
}
.tw-w-2\/4 {
    width: 50%
}
.tw-w-2\/5 {
    width: 40%
}
.tw-w-2\/6 {
    width: 33.333333%
}
.tw-w-20 {
    width: 5rem
}
.tw-w-24 {
    width: 6rem
}
.tw-w-28 {
    width: 7rem
}
.tw-w-3 {
    width: 0.75rem
}
.tw-w-3\.5 {
    width: 0.875rem
}
.tw-w-3\/4 {
    width: 75%
}
.tw-w-3\/5 {
    width: 60%
}
.tw-w-3\/6 {
    width: 50%
}
.tw-w-32 {
    width: 8rem
}
.tw-w-36 {
    width: 9rem
}
.tw-w-4 {
    width: 1rem
}
.tw-w-4\/12 {
    width: 33.333333%
}
.tw-w-4\/5 {
    width: 80%
}
.tw-w-4\/6 {
    width: 66.666667%
}
.tw-w-40 {
    width: 10rem
}
.tw-w-44 {
    width: 11rem
}
.tw-w-48 {
    width: 12rem
}
.tw-w-5 {
    width: 1.25rem
}
.tw-w-5\/12 {
    width: 41.666667%
}
.tw-w-52 {
    width: 13rem
}
.tw-w-56 {
    width: 14rem
}
.tw-w-6 {
    width: 1.5rem
}
.tw-w-60 {
    width: 15rem
}
.tw-w-64 {
    width: 16rem
}
.tw-w-66 {
    width: 16.5rem
}
.tw-w-7 {
    width: 1.75rem
}
.tw-w-8 {
    width: 2rem
}
.tw-w-8\/12 {
    width: 66.666667%
}
.tw-w-80 {
    width: 20rem
}
.tw-w-9 {
    width: 2.25rem
}
.tw-w-\[1\.4em\] {
    width: 1.4em
}
.tw-w-\[15rem\] {
    width: 15rem
}
.tw-w-\[18px\] {
    width: 18px
}
.tw-w-\[20rem\] {
    width: 20rem
}
.tw-w-\[250px\] {
    width: 250px
}
.tw-w-\[30\%\] {
    width: 30%
}
.tw-w-\[33rem\] {
    width: 33rem
}
.tw-w-\[35rem\] {
    width: 35rem
}
.tw-w-\[3px\] {
    width: 3px
}
.tw-w-\[3rem\] {
    width: 3rem
}
.tw-w-\[40rem\] {
    width: 40rem
}
.tw-w-\[450px\] {
    width: 450px
}
.tw-w-\[7px\] {
    width: 7px
}
.tw-w-\[80\%\] {
    width: 80%
}
.tw-w-\[8px\] {
    width: 8px
}
.tw-w-\[calc\(33\.33\%-10px\)\] {
    width: calc(33.33% - 10px)
}
.tw-w-\[calc\(66\.66\%-6px\)\] {
    width: calc(66.66% - 6px)
}
.tw-w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.tw-w-full {
    width: 100%
}
.tw-w-px {
    width: 1px
}
.tw-min-w-0 {
    min-width: 0px
}
.tw-min-w-1 {
    min-width: 0.25rem
}
.tw-min-w-12 {
    min-width: 3rem
}
.tw-min-w-16 {
    min-width: 4rem
}
.tw-min-w-24 {
    min-width: 6rem
}
.tw-min-w-28 {
    min-width: 7rem
}
.tw-min-w-3 {
    min-width: 0.75rem
}
.tw-min-w-32 {
    min-width: 8rem
}
.tw-min-w-36 {
    min-width: 9rem
}
.tw-min-w-4 {
    min-width: 1rem
}
.tw-min-w-40 {
    min-width: 10rem
}
.tw-min-w-5 {
    min-width: 1.25rem
}
.tw-min-w-6 {
    min-width: 1.5rem
}
.tw-min-w-60 {
    min-width: 15rem
}
.tw-min-w-64 {
    min-width: 16rem
}
.tw-min-w-80 {
    min-width: 20rem
}
.tw-min-w-\[10rem\] {
    min-width: 10rem
}
.tw-min-w-\[15rem\] {
    min-width: 15rem
}
.tw-min-w-\[200px\] {
    min-width: 200px
}
.tw-min-w-\[25rem\] {
    min-width: 25rem
}
.tw-min-w-\[26rem\] {
    min-width: 26rem
}
.tw-min-w-\[30rem\] {
    min-width: 30rem
}
.tw-min-w-\[32rem\] {
    min-width: 32rem
}
.tw-min-w-\[40rem\] {
    min-width: 40rem
}
.tw-min-w-\[8rem\] {
    min-width: 8rem
}
.tw-min-w-max {
    min-width: max-content
}
.tw-max-w-48 {
    max-width: 12rem
}
.tw-max-w-4xl {
    max-width: 56rem
}
.tw-max-w-64 {
    max-width: 16rem
}
.tw-max-w-72 {
    max-width: 18rem
}
.tw-max-w-80 {
    max-width: 20rem
}
.tw-max-w-9 {
    max-width: 2.25rem
}
.tw-max-w-96 {
    max-width: 24rem
}
.tw-max-w-\[16em\] {
    max-width: 16em
}
.tw-max-w-\[30rem\] {
    max-width: 30rem
}
.tw-max-w-\[35\%\] {
    max-width: 35%
}
.tw-max-w-\[360px\] {
    max-width: 360px
}
.tw-max-w-\[400px\] {
    max-width: 400px
}
.tw-max-w-\[500px\] {
    max-width: 500px
}
.tw-max-w-\[600px\] {
    max-width: 600px
}
.tw-max-w-full {
    max-width: 100%
}
.tw-max-w-xl {
    max-width: 36rem
}
.tw-max-w-xs {
    max-width: 20rem
}
.tw-flex-1 {
    flex: 1 1 0%
}
.tw-flex-\[1_0_14\.28\%\] {
    flex: 1 0 14.28%
}
.tw-flex-\[2_2_0\%\] {
    flex: 2 2 0%
}
.tw-flex-\[5_3_0\%\] {
    flex: 5 3 0%
}
.tw-flex-auto {
    flex: 1 1 auto
}
.tw-flex-initial {
    flex: 0 1 auto
}
.tw-flex-none {
    flex: none
}
.tw-flex-shrink {
    flex-shrink: 1
}
.tw-flex-shrink-0 {
    flex-shrink: 0
}
.tw-shrink {
    flex-shrink: 1
}
.tw-shrink-0 {
    flex-shrink: 0
}
.tw-flex-grow {
    flex-grow: 1
}
.tw-grow {
    flex-grow: 1
}
.tw-grow-0 {
    flex-grow: 0
}
.tw-basis-0 {
    flex-basis: 0px
}
.tw-basis-1\/2 {
    flex-basis: 50%
}
.tw-basis-6 {
    flex-basis: 1.5rem
}
.tw-basis-auto {
    flex-basis: auto
}
.tw-table-auto {
    table-layout: auto
}
.tw-table-fixed {
    table-layout: fixed
}
.tw-border-collapse {
    border-collapse: collapse
}
.tw-border-spacing-1 {
    --tw-border-spacing-x: 0.25rem;
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.tw-border-spacing-4 {
    --tw-border-spacing-x: 1rem;
    --tw-border-spacing-y: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.tw--translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw--translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw--translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw-translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw-translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw--rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw-scale-\[0\.6\] {
    --tw-scale-x: 0.6;
    --tw-scale-y: 0.6;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes tw-spin {
    to {
        transform: rotate(360deg)
    }
}
.tw-animate-spin {
    animation: tw-spin 2s linear infinite
}
.tw-cursor-default {
    cursor: default
}
.tw-cursor-ew-resize {
    cursor: ew-resize
}
.tw-cursor-move {
    cursor: move
}
.tw-cursor-not-allowed {
    cursor: not-allowed
}
.tw-cursor-ns-resize {
    cursor: ns-resize
}
.tw-cursor-pointer {
    cursor: pointer
}
.tw-select-none {
    user-select: none
}
.tw-list-inside {
    list-style-position: inside
}
.tw-list-disc {
    list-style-type: disc
}
.tw-list-none {
    list-style-type: none
}
.tw-appearance-none {
    appearance: none
}
.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
.tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.tw-grid-cols-\[auto\,1fr\] {
    grid-template-columns: auto 1fr
}
.tw-flex-row {
    flex-direction: row
}
.tw-flex-col {
    flex-direction: column
}
.tw-flex-col-reverse {
    flex-direction: column-reverse
}
.tw-flex-wrap {
    flex-wrap: wrap
}
.tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}
.tw-flex-nowrap {
    flex-wrap: nowrap
}
.tw-place-content-center {
    place-content: center
}
.tw-place-items-center {
    place-items: center
}
.tw-content-center {
    align-content: center
}
.tw-items-start {
    align-items: flex-start
}
.tw-items-end {
    align-items: flex-end
}
.tw-items-center {
    align-items: center
}
.tw-items-baseline {
    align-items: baseline
}
.tw-items-stretch {
    align-items: stretch
}
.tw-justify-start {
    justify-content: flex-start
}
.tw-justify-end {
    justify-content: flex-end
}
.tw-justify-center {
    justify-content: center
}
.tw-justify-between {
    justify-content: space-between
}
.tw-justify-evenly {
    justify-content: space-evenly
}
.tw-gap-0 {
    gap: 0px
}
.tw-gap-0\.5 {
    gap: 0.125rem
}
.tw-gap-1 {
    gap: 0.25rem
}
.tw-gap-1\.5 {
    gap: 0.375rem
}
.tw-gap-10 {
    gap: 2.5rem
}
.tw-gap-2 {
    gap: 0.5rem
}
.tw-gap-2\.5 {
    gap: 0.625rem
}
.tw-gap-3 {
    gap: 0.75rem
}
.tw-gap-4 {
    gap: 1rem
}
.tw-gap-5 {
    gap: 1.25rem
}
.tw-gap-6 {
    gap: 1.5rem
}
.tw-gap-8 {
    gap: 2rem
}
.tw-gap-\[0\.3rem\] {
    gap: 0.3rem
}
.tw-gap-\[0\.66em\] {
    gap: 0.66em
}
.tw-gap-\[5px\] {
    gap: 5px
}
.tw-gap-px {
    gap: 1px
}
.tw-gap-x-0 {
    column-gap: 0px
}
.tw-gap-x-0\.5 {
    column-gap: 0.125rem
}
.tw-gap-x-1 {
    column-gap: 0.25rem
}
.tw-gap-x-1\.5 {
    column-gap: 0.375rem
}
.tw-gap-x-2 {
    column-gap: 0.5rem
}
.tw-gap-x-3 {
    column-gap: 0.75rem
}
.tw-gap-x-4 {
    column-gap: 1rem
}
.tw-gap-y-1 {
    row-gap: 0.25rem
}
.tw-gap-y-2 {
    row-gap: 0.5rem
}
.tw-gap-y-4 {
    row-gap: 1rem
}
.tw-gap-y-5 {
    row-gap: 1.25rem
}
.tw-space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.tw-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse))
}
.tw-place-self-center {
    place-self: center
}
.tw-self-start {
    align-self: flex-start
}
.tw-self-end {
    align-self: flex-end
}
.tw-self-center {
    align-self: center
}
.tw-self-stretch {
    align-self: stretch
}
.tw-justify-self-start {
    justify-self: start
}
.tw-justify-self-end {
    justify-self: end
}
.tw-overflow-auto {
    overflow: auto
}
.tw-overflow-hidden {
    overflow: hidden
}
.tw-overflow-visible {
    overflow: visible
}
.tw-overflow-scroll {
    overflow: scroll
}
.tw-overflow-x-auto {
    overflow-x: auto
}
.tw-overflow-y-auto {
    overflow-y: auto
}
.tw-overflow-x-hidden {
    overflow-x: hidden
}
.tw-overflow-y-hidden {
    overflow-y: hidden
}
.tw-overflow-x-clip {
    overflow-x: clip
}
.tw-overflow-x-scroll {
    overflow-x: scroll
}
.tw-overflow-y-scroll {
    overflow-y: scroll
}
.tw-scroll-smooth {
    scroll-behavior: smooth
}
.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.tw-text-ellipsis {
    text-overflow: ellipsis
}
.tw-whitespace-normal {
    white-space: normal
}
.\!tw-whitespace-nowrap {
    white-space: nowrap !important
}
.tw-whitespace-nowrap {
    white-space: nowrap
}
.tw-whitespace-pre {
    white-space: pre
}
.tw-whitespace-pre-line {
    white-space: pre-line
}
.tw-whitespace-pre-wrap {
    white-space: pre-wrap
}
.tw-text-wrap {
    text-wrap: wrap
}
.tw-text-nowrap {
    text-wrap: nowrap
}
.tw-break-words {
    overflow-wrap: break-word
}
.tw-break-all {
    word-break: break-all
}
.tw-rounded {
    border-radius: 0.25rem
}
.tw-rounded-2xl {
    border-radius: 1rem
}
.tw-rounded-\[2px\] {
    border-radius: 2px
}
.tw-rounded-\[6px\] {
    border-radius: 6px
}
.tw-rounded-full {
    border-radius: 9999px
}
.tw-rounded-lg {
    border-radius: 0.5rem
}
.tw-rounded-md {
    border-radius: 0.375rem
}
.tw-rounded-none {
    border-radius: 0px
}
.tw-rounded-sm {
    border-radius: 0.125rem
}
.tw-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
}
.tw-rounded-bl-md {
    border-bottom-left-radius: 0.375rem
}
.tw-rounded-tl-md {
    border-top-left-radius: 0.375rem
}
.tw-border {
    border-width: 1px
}
.tw-border-0 {
    border-width: 0px
}
.tw-border-2 {
    border-width: 2px
}
.tw-border-4 {
    border-width: 4px
}
.tw-border-\[1px\] {
    border-width: 1px
}
.tw-border-\[2px\] {
    border-width: 2px
}
.tw-border-\[3px\] {
    border-width: 3px
}
.tw-border-\[5px\] {
    border-width: 5px
}
.tw-border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px
}
.tw-border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px
}
.tw-border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px
}
.\!tw-border-r-0 {
    border-right-width: 0px !important
}
.tw-border-b {
    border-bottom-width: 1px
}
.tw-border-b-0 {
    border-bottom-width: 0px
}
.tw-border-b-2 {
    border-bottom-width: 2px
}
.tw-border-b-\[2px\] {
    border-bottom-width: 2px
}
.tw-border-l {
    border-left-width: 1px
}
.tw-border-l-0 {
    border-left-width: 0px
}
.tw-border-r {
    border-right-width: 1px
}
.tw-border-r-0 {
    border-right-width: 0px
}
.tw-border-t {
    border-top-width: 1px
}
.tw-border-t-0 {
    border-top-width: 0px
}
.tw-border-solid {
    border-style: solid
}
.tw-border-dashed {
    border-style: dashed
}
.tw-border-none {
    border-style: none
}
.tw-border-\[\#ddd\] {
    border-color: #ddd
}
.tw-border-\[rgb\(var\(--nw-color-border\)\)\] {
    border-color: rgb(var(--nw-color-border))
}
.tw-border-\[rgb\(var\(--nw-color-success\)\)\] {
    border-color: rgb(var(--nw-color-success))
}
.tw-border-amber-500 {
    border-color: rgb(var(--nw-color-amber-500))
}
.tw-border-black {
    border-color: rgb(var(--nw-color-black-500))
}
.tw-border-blue-500 {
    border-color: rgb(var(--nw-color-blue-500))
}
.tw-border-border {
    border-color: rgb(var(--nw-color-border))
}
.tw-border-border-100 {
    border-color: rgb(var(--nw-color-border-100))
}
.tw-border-danger-400 {
    border-color: rgb(var(--nw-color-danger-400))
}
.tw-border-danger-500 {
    border-color: rgb(var(--nw-color-danger-500))
}
.tw-border-emerald-500 {
    border-color: rgb(var(--nw-color-emerald-500))
}
.tw-border-gray-300 {
    border-color: rgb(var(--nw-color-gray-300))
}
.tw-border-gray-400 {
    border-color: rgb(var(--nw-color-gray-400))
}
.tw-border-gray-500 {
    border-color: rgb(var(--nw-color-gray-500))
}
.tw-border-neutral-0 {
    border-color: rgb(var(--nw-color-neutral-0))
}
.tw-border-neutral-100 {
    border-color: rgb(var(--nw-color-neutral-100))
}
.tw-border-neutral-1000 {
    border-color: rgb(var(--nw-color-neutral-1000))
}
.tw-border-neutral-200 {
    border-color: rgb(var(--nw-color-neutral-200))
}
.tw-border-neutral-300 {
    border-color: rgb(var(--nw-color-neutral-300))
}
.tw-border-neutral-400 {
    border-color: rgb(var(--nw-color-neutral-400))
}
.tw-border-neutral-500 {
    border-color: rgb(var(--nw-color-neutral-500))
}
.tw-border-neutral-600 {
    border-color: rgb(var(--nw-color-neutral-600))
}
.tw-border-orange-400 {
    border-color: rgb(var(--nw-color-orange-400))
}
.tw-border-orange-500 {
    border-color: rgb(var(--nw-color-orange-500))
}
.tw-border-primary {
    border-color: rgb(var(--nw-color-primary-500))
}
.tw-border-primary-100 {
    border-color: rgb(var(--nw-color-primary-100))
}
.tw-border-primary-300 {
    border-color: rgb(var(--nw-color-primary-300))
}
.tw-border-primary-500 {
    border-color: rgb(var(--nw-color-primary-500))
}
.tw-border-primary-600 {
    border-color: rgb(var(--nw-color-primary-600))
}
.tw-border-red {
    border-color: rgb(var(--nw-color-red-500))
}
.tw-border-red-500 {
    border-color: rgb(var(--nw-color-red-500))
}
.tw-border-success-400 {
    border-color: rgb(var(--nw-color-success-400))
}
.tw-border-success-500 {
    border-color: rgb(var(--nw-color-success-500))
}
.tw-border-transparent {
    border-color: transparent
}
.tw-border-warning-500 {
    border-color: rgb(var(--nw-color-warning-500))
}
.tw-border-yellow-500 {
    border-color: rgb(var(--nw-color-yellow-500))
}
.tw-border-yellow-800 {
    border-color: rgb(var(--nw-color-yellow-800))
}
.tw-border-b-primary-500 {
    border-bottom-color: rgb(var(--nw-color-primary-500))
}
.tw-border-l-blue-400 {
    border-left-color: rgb(var(--nw-color-blue-400))
}
.tw-border-l-neutral-100 {
    border-left-color: rgb(var(--nw-color-neutral-100))
}
.tw-border-l-orange-400 {
    border-left-color: rgb(var(--nw-color-orange-400))
}
.tw-border-l-primary-400 {
    border-left-color: rgb(var(--nw-color-primary-400))
}
.tw-border-l-purple-400 {
    border-left-color: rgb(var(--nw-color-purple-400))
}
.tw-border-l-red-400 {
    border-left-color: rgb(var(--nw-color-red-400))
}
.\!tw-bg-danger {
    background-color: rgb(var(--nw-color-danger-500)) !important
}
.\!tw-bg-primary-500 {
    background-color: rgb(var(--nw-color-primary-500)) !important
}
.tw-bg-\[rgb\(var\(--nw-color-gray-50\)\)\] {
    background-color: rgb(var(--nw-color-gray-50))
}
.tw-bg-\[rgb\(var\(--nw-color-neutral-500\)\)\] {
    background-color: rgb(var(--nw-color-neutral-500))
}
.tw-bg-\[rgb\(var\(--nw-color-primary-200\)\)\] {
    background-color: rgb(var(--nw-color-primary-200))
}
.tw-bg-amber-100 {
    background-color: rgb(var(--nw-color-amber-100))
}
.tw-bg-black {
    background-color: rgb(var(--nw-color-black-500))
}
.tw-bg-black\/50 {
    background-color: rgb(var(--nw-color-black-500) / 0.5)
}
.tw-bg-blue-200 {
    background-color: rgb(var(--nw-color-blue-200))
}
.tw-bg-blue-400 {
    background-color: rgb(var(--nw-color-blue-400))
}
.tw-bg-blue-500 {
    background-color: rgb(var(--nw-color-blue-500))
}
.tw-bg-body-bg {
    background-color: rgb(var(--nw-color-body-bg))
}
.tw-bg-border {
    background-color: rgb(var(--nw-color-border))
}
.tw-bg-caution-100 {
    background-color: rgb(var(--nw-color-caution-100))
}
.tw-bg-danger-200 {
    background-color: rgb(var(--nw-color-danger-200))
}
.tw-bg-danger-400 {
    background-color: rgb(var(--nw-color-danger-400))
}
.tw-bg-danger-50 {
    background-color: rgb(var(--nw-color-danger-50))
}
.tw-bg-danger-500 {
    background-color: rgb(var(--nw-color-danger-500))
}
.tw-bg-danger-600 {
    background-color: rgb(var(--nw-color-danger-600))
}
.tw-bg-emerald-500 {
    background-color: rgb(var(--nw-color-emerald-500))
}
.tw-bg-footer-100 {
    background-color: rgb(var(--nw-color-footer-100))
}
.tw-bg-gray-100 {
    background-color: rgb(var(--nw-color-gray-100))
}
.tw-bg-gray-300 {
    background-color: rgb(var(--nw-color-gray-300))
}
.tw-bg-gray-400 {
    background-color: rgb(var(--nw-color-gray-400))
}
.tw-bg-gray-50 {
    background-color: rgb(var(--nw-color-gray-50))
}
.tw-bg-gray-500 {
    background-color: rgb(var(--nw-color-gray-500))
}
.tw-bg-gray-700 {
    background-color: rgb(var(--nw-color-gray-700))
}
.tw-bg-green-200 {
    background-color: rgb(var(--nw-color-green-200))
}
.tw-bg-green-500 {
    background-color: rgb(var(--nw-color-green-500))
}
.tw-bg-header-300 {
    background-color: rgb(var(--nw-color-header-300))
}
.tw-bg-info-800 {
    background-color: rgb(var(--nw-color-info-800))
}
.tw-bg-msg-blue {
    background-color: rgb(var(--nw-color-msg-blue))
}
.tw-bg-msg-yellow {
    background-color: rgb(var(--nw-color-msg-yellow))
}
.tw-bg-navbar {
    background-color: rgb(var(--nw-color-navbar))
}
.tw-bg-navbar-title {
    background-color: rgb(var(--nw-color-navbar-title))
}
.tw-bg-neutral-0 {
    background-color: rgb(var(--nw-color-neutral-0))
}
.tw-bg-neutral-100 {
    background-color: rgb(var(--nw-color-neutral-100))
}
.tw-bg-neutral-1000 {
    background-color: rgb(var(--nw-color-neutral-1000))
}
.tw-bg-neutral-200 {
    background-color: rgb(var(--nw-color-neutral-200))
}
.tw-bg-neutral-300 {
    background-color: rgb(var(--nw-color-neutral-300))
}
.tw-bg-neutral-400 {
    background-color: rgb(var(--nw-color-neutral-400))
}
.tw-bg-neutral-50 {
    background-color: rgb(var(--nw-color-neutral-50))
}
.tw-bg-neutral-500 {
    background-color: rgb(var(--nw-color-neutral-500))
}
.tw-bg-orange-400 {
    background-color: rgb(var(--nw-color-orange-400))
}
.tw-bg-orange-500 {
    background-color: rgb(var(--nw-color-orange-500))
}
.tw-bg-panel-100 {
    background-color: rgb(var(--nw-color-panel-100))
}
.tw-bg-panel-200 {
    background-color: rgb(var(--nw-color-panel-200))
}
.tw-bg-panel-50 {
    background-color: rgb(var(--nw-color-panel-50))
}
.tw-bg-primary {
    background-color: rgb(var(--nw-color-primary-500))
}
.tw-bg-primary-100 {
    background-color: rgb(var(--nw-color-primary-100))
}
.tw-bg-primary-200 {
    background-color: rgb(var(--nw-color-primary-200))
}
.tw-bg-primary-300 {
    background-color: rgb(var(--nw-color-primary-300))
}
.tw-bg-primary-400 {
    background-color: rgb(var(--nw-color-primary-400))
}
.tw-bg-primary-500 {
    background-color: rgb(var(--nw-color-primary-500))
}
.tw-bg-primary-600 {
    background-color: rgb(var(--nw-color-primary-600))
}
.tw-bg-primary-700 {
    background-color: rgb(var(--nw-color-primary-700))
}
.tw-bg-purple-400 {
    background-color: rgb(var(--nw-color-purple-400))
}
.tw-bg-red {
    background-color: rgb(var(--nw-color-red-500))
}
.tw-bg-red-100 {
    background-color: rgb(var(--nw-color-red-100))
}
.tw-bg-red-200 {
    background-color: rgb(var(--nw-color-red-200))
}
.tw-bg-red-400 {
    background-color: rgb(var(--nw-color-red-400))
}
.tw-bg-red-500 {
    background-color: rgb(var(--nw-color-red-500))
}
.tw-bg-sidebar {
    background-color: rgb(var(--nw-color-sidebar))
}
.tw-bg-sidebar-expanded {
    background-color: rgb(var(--nw-color-sidebar-expanded))
}
.tw-bg-success {
    background-color: rgb(var(--nw-color-success-500))
}
.tw-bg-success-100 {
    background-color: rgb(var(--nw-color-success-100))
}
.tw-bg-success-400 {
    background-color: rgb(var(--nw-color-success-400))
}
.tw-bg-success-500 {
    background-color: rgb(var(--nw-color-success-500))
}
.tw-bg-transparent {
    background-color: transparent
}
.tw-bg-warning-400 {
    background-color: rgb(var(--nw-color-warning-400))
}
.tw-bg-warning-50 {
    background-color: rgb(var(--nw-color-warning-50))
}
.tw-bg-warning-500 {
    background-color: rgb(var(--nw-color-warning-500))
}
.tw-bg-white {
    background-color: rgb(var(--nw-color-white-500))
}
.tw-bg-yellow {
    background-color: rgb(var(--nw-color-yellow-500))
}
.tw-bg-yellow-200 {
    background-color: rgb(var(--nw-color-yellow-200))
}
.tw-bg-yellow-500 {
    background-color: rgb(var(--nw-color-yellow-500))
}
.tw-bg-yellow-800 {
    background-color: rgb(var(--nw-color-yellow-800))
}
.tw-bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.tw-bg-wallpaper {
    background-image: var(--nw-bg-wallpaper)
}
.tw-from-primary-100 {
    --tw-gradient-from: rgb(var(--nw-color-primary-100)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--nw-color-primary-100) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.tw-from-red-400 {
    --tw-gradient-from: rgb(var(--nw-color-red-400)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--nw-color-red-400) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.tw-from-success-400 {
    --tw-gradient-from: rgb(var(--nw-color-success-400)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--nw-color-success-400) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.tw-to-primary-100 {
    --tw-gradient-to: rgb(var(--nw-color-primary-100)) var(--tw-gradient-to-position)
}
.tw-to-red-400 {
    --tw-gradient-to: rgb(var(--nw-color-red-400)) var(--tw-gradient-to-position)
}
.tw-to-success-400 {
    --tw-gradient-to: rgb(var(--nw-color-success-400)) var(--tw-gradient-to-position)
}
.tw-bg-cover {
    background-size: cover
}
.tw-bg-center {
    background-position: center
}
.tw-bg-right-bottom {
    background-position: right bottom
}
.tw-bg-no-repeat {
    background-repeat: no-repeat
}
.tw-fill-current {
    fill: currentColor
}
.tw-object-cover {
    object-fit: cover
}
.\!tw-p-0 {
    padding: 0px !important
}
.tw-p-0 {
    padding: 0px
}
.tw-p-0\.5 {
    padding: 0.125rem
}
.tw-p-1 {
    padding: 0.25rem
}
.tw-p-1\.5 {
    padding: 0.375rem
}
.tw-p-10 {
    padding: 2.5rem
}
.tw-p-12 {
    padding: 3rem
}
.tw-p-16 {
    padding: 4rem
}
.tw-p-2 {
    padding: 0.5rem
}
.tw-p-2\.5 {
    padding: 0.625rem
}
.tw-p-3 {
    padding: 0.75rem
}
.tw-p-3\.5 {
    padding: 0.875rem
}
.tw-p-4 {
    padding: 1rem
}
.tw-p-5 {
    padding: 1.25rem
}
.tw-p-6 {
    padding: 1.5rem
}
.tw-p-\[0\.3em\] {
    padding: 0.3em
}
.tw-p-\[0\.5em\] {
    padding: 0.5em
}
.tw-p-\[0\.75em\] {
    padding: 0.75em
}
.tw-p-\[2px\] {
    padding: 2px
}
.tw-p-\[4px\] {
    padding: 4px
}
.tw-p-\[5px\] {
    padding: 5px
}
.tw-p-px {
    padding: 1px
}
.tw-px-0 {
    padding-left: 0px;
    padding-right: 0px
}
.tw-px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem
}
.tw-px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.tw-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.tw-px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.tw-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.tw-px-\[0\.4rem\] {
    padding-left: 0.4rem;
    padding-right: 0.4rem
}
.tw-px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem
}
.tw-px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}
.tw-px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}
.tw-px-px {
    padding-left: 1px;
    padding-right: 1px
}
.tw-py-0 {
    padding-top: 0px;
    padding-bottom: 0px
}
.tw-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.tw-py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.tw-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.tw-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.tw-py-\[0\.2rem\] {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem
}
.tw-py-\[0\.4rem\] {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem
}
.tw-py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}
.tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px
}
.tw-pb-0 {
    padding-bottom: 0px
}
.tw-pb-1 {
    padding-bottom: 0.25rem
}
.tw-pb-2 {
    padding-bottom: 0.5rem
}
.tw-pb-2\.5 {
    padding-bottom: 0.625rem
}
.tw-pb-3 {
    padding-bottom: 0.75rem
}
.tw-pb-4 {
    padding-bottom: 1rem
}
.tw-pb-6 {
    padding-bottom: 1.5rem
}
.tw-pb-7 {
    padding-bottom: 1.75rem
}
.tw-pb-\[0\.35rem\] {
    padding-bottom: 0.35rem
}
.tw-pl-0 {
    padding-left: 0px
}
.tw-pl-1 {
    padding-left: 0.25rem
}
.tw-pl-2 {
    padding-left: 0.5rem
}
.tw-pl-2\.5 {
    padding-left: 0.625rem
}
.tw-pl-3 {
    padding-left: 0.75rem
}
.tw-pl-4 {
    padding-left: 1rem
}
.tw-pl-5 {
    padding-left: 1.25rem
}
.tw-pl-6 {
    padding-left: 1.5rem
}
.tw-pl-8 {
    padding-left: 2rem
}
.tw-pl-\[0\.25em\] {
    padding-left: 0.25em
}
.tw-pr-1 {
    padding-right: 0.25rem
}
.tw-pr-12 {
    padding-right: 3rem
}
.tw-pr-2 {
    padding-right: 0.5rem
}
.tw-pr-3 {
    padding-right: 0.75rem
}
.tw-pr-4 {
    padding-right: 1rem
}
.tw-pr-5 {
    padding-right: 1.25rem
}
.tw-pr-8 {
    padding-right: 2rem
}
.tw-pt-1 {
    padding-top: 0.25rem
}
.tw-pt-1\.5 {
    padding-top: 0.375rem
}
.tw-pt-2 {
    padding-top: 0.5rem
}
.tw-pt-4 {
    padding-top: 1rem
}
.tw-pt-5 {
    padding-top: 1.25rem
}
.tw-pt-6 {
    padding-top: 1.5rem
}
.tw-pt-\[0\.4rem\] {
    padding-top: 0.4rem
}
.tw-pt-\[0\.85rem\] {
    padding-top: 0.85rem
}
.tw-pt-\[1px\] {
    padding-top: 1px
}
.tw-pt-\[2px\] {
    padding-top: 2px
}
.tw-pt-\[3px\] {
    padding-top: 3px
}
.tw-text-left {
    text-align: left
}
.tw-text-center {
    text-align: center
}
.tw-text-right {
    text-align: right
}
.tw-text-justify {
    text-align: justify
}
.tw-align-baseline {
    vertical-align: baseline
}
.tw-align-top {
    vertical-align: top
}
.tw-align-middle {
    vertical-align: middle
}
.tw-align-bottom {
    vertical-align: bottom
}
.tw-align-text-bottom {
    vertical-align: text-bottom
}
.tw-font-\[monospace\] {
    font-family: monospace
}
.tw-font-sans {
    font-family: Lato, Verdana, Helvetica, Arial, sans-serif
}
.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.tw-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.tw-text-5xl {
    font-size: 3rem;
    line-height: 1
}
.tw-text-6xl {
    font-size: 3.75rem;
    line-height: 1
}
.tw-text-7xl {
    font-size: 4.5rem;
    line-height: 1
}
.tw-text-8xl {
    font-size: 6rem;
    line-height: 1
}
.tw-text-\[0\.8em\] {
    font-size: 0.8em
}
.tw-text-\[0\.8rem\] {
    font-size: 0.8rem
}
.tw-text-\[0\.9rem\] {
    font-size: 0.9rem
}
.tw-text-\[1\.05rem\] {
    font-size: 1.05rem
}
.tw-text-\[1\.25rem\] {
    font-size: 1.25rem
}
.tw-text-\[1\.3rem\] {
    font-size: 1.3rem
}
.tw-text-\[1\.5rem\] {
    font-size: 1.5rem
}
.tw-text-\[1\.8rem\] {
    font-size: 1.8rem
}
.tw-text-\[16px\] {
    font-size: 16px
}
.tw-text-\[1rem\] {
    font-size: 1rem
}
.tw-text-\[2em\] {
    font-size: 2em
}
.tw-text-\[2rem\] {
    font-size: 2rem
}
.tw-text-\[3rem\] {
    font-size: 3rem
}
.tw-text-base {
    font-size: 1rem;
    line-height: 1.4
}
.tw-text-inherit {
    font-size: inherit
}
.tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.tw-text-sm {
    font-size: 0.8rem;
    line-height: 1.2
}
.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.tw-text-xs\/3 {
    font-size: 0.75rem;
    line-height: .75rem
}
.tw-font-bold {
    font-weight: 700
}
.tw-font-extrabold {
    font-weight: 800
}
.tw-font-medium {
    font-weight: 500
}
.tw-font-normal {
    font-weight: 400
}
.tw-font-semibold {
    font-weight: 600
}
.tw-uppercase {
    text-transform: uppercase
}
.tw-capitalize {
    text-transform: capitalize
}
.tw-leading-3 {
    line-height: .75rem
}
.tw-leading-4 {
    line-height: 1rem
}
.tw-leading-5 {
    line-height: 1.25rem
}
.tw-leading-6 {
    line-height: 1.5rem
}
.tw-leading-7 {
    line-height: 1.75rem
}
.tw-leading-8 {
    line-height: 2rem
}
.tw-leading-9 {
    line-height: 2.25rem
}
.tw-leading-\[1\.4\] {
    line-height: 1.4
}
.tw-leading-\[var\(--nw-toggle-size\)\] {
    line-height: var(--nw-toggle-size)
}
.tw-leading-loose {
    line-height: 2
}
.tw-leading-normal {
    line-height: 1.5
}
.tw-leading-snug {
    line-height: 1.375
}
.tw-leading-tight {
    line-height: 1.25
}
.\!tw-text-neutral-0 {
    color: rgb(var(--nw-color-neutral-0)) !important
}
.\!tw-text-neutral-300 {
    color: rgb(var(--nw-color-neutral-300)) !important
}
.\!tw-text-primary-500 {
    color: rgb(var(--nw-color-primary-500)) !important
}
.\!tw-text-white {
    color: rgb(var(--nw-color-white-500)) !important
}
.tw-text-amber {
    color: rgb(var(--nw-color-amber-500))
}
.tw-text-amber-500 {
    color: rgb(var(--nw-color-amber-500))
}
.tw-text-amber-800 {
    color: rgb(var(--nw-color-amber-800))
}
.tw-text-black {
    color: rgb(var(--nw-color-black-500))
}
.tw-text-black-500 {
    color: rgb(var(--nw-color-black-500))
}
.tw-text-blue-100 {
    color: rgb(var(--nw-color-blue-100))
}
.tw-text-blue-500 {
    color: rgb(var(--nw-color-blue-500))
}
.tw-text-blue-700 {
    color: rgb(var(--nw-color-blue-700))
}
.tw-text-blue-800 {
    color: rgb(var(--nw-color-blue-800))
}
.tw-text-caution-800 {
    color: rgb(var(--nw-color-caution-800))
}
.tw-text-current {
    color: currentColor
}
.tw-text-danger {
    color: rgb(var(--nw-color-danger-500))
}
.tw-text-danger-400 {
    color: rgb(var(--nw-color-danger-400))
}
.tw-text-danger-500 {
    color: rgb(var(--nw-color-danger-500))
}
.tw-text-emerald-700 {
    color: rgb(var(--nw-color-emerald-700))
}
.tw-text-gray-400 {
    color: rgb(var(--nw-color-gray-400))
}
.tw-text-gray-500 {
    color: rgb(var(--nw-color-gray-500))
}
.tw-text-gray-600 {
    color: rgb(var(--nw-color-gray-600))
}
.tw-text-gray-700 {
    color: rgb(var(--nw-color-gray-700))
}
.tw-text-gray-800 {
    color: rgb(var(--nw-color-gray-800))
}
.tw-text-green {
    color: rgb(var(--nw-color-green-500))
}
.tw-text-green-500 {
    color: rgb(var(--nw-color-green-500))
}
.tw-text-green-600 {
    color: rgb(var(--nw-color-green-600))
}
.tw-text-green-800 {
    color: rgb(var(--nw-color-green-800))
}
.tw-text-info {
    color: rgb(var(--nw-color-info-500))
}
.tw-text-info-500 {
    color: rgb(var(--nw-color-info-500))
}
.tw-text-link {
    color: rgb(var(--nw-color-link))
}
.tw-text-neutral {
    color: rgb(var(--nw-color-neutral-500))
}
.tw-text-neutral-0 {
    color: rgb(var(--nw-color-neutral-0))
}
.tw-text-neutral-100 {
    color: rgb(var(--nw-color-neutral-100))
}
.tw-text-neutral-1000 {
    color: rgb(var(--nw-color-neutral-1000))
}
.tw-text-neutral-300 {
    color: rgb(var(--nw-color-neutral-300))
}
.tw-text-neutral-400 {
    color: rgb(var(--nw-color-neutral-400))
}
.tw-text-neutral-500 {
    color: rgb(var(--nw-color-neutral-500))
}
.tw-text-neutral-600 {
    color: rgb(var(--nw-color-neutral-600))
}
.tw-text-neutral-700 {
    color: rgb(var(--nw-color-neutral-700))
}
.tw-text-neutral-800 {
    color: rgb(var(--nw-color-neutral-800))
}
.tw-text-neutral-900 {
    color: rgb(var(--nw-color-neutral-900))
}
.tw-text-on-navbar {
    color: rgb(var(--nw-color-on-navbar))
}
.tw-text-on-navbar-hover {
    color: rgb(var(--nw-color-on-navbar-hover))
}
.tw-text-on-primary {
    color: rgb(var(--nw-color-on-primary))
}
.tw-text-on-sidebar {
    color: rgb(var(--nw-color-on-sidebar))
}
.tw-text-on-sidebar-expanded {
    color: rgb(var(--nw-color-on-sidebar-expanded))
}
.tw-text-orange {
    color: rgb(var(--nw-color-orange-500))
}
.tw-text-orange-700 {
    color: rgb(var(--nw-color-orange-700))
}
.tw-text-primary {
    color: rgb(var(--nw-color-primary-500))
}
.tw-text-primary-400 {
    color: rgb(var(--nw-color-primary-400))
}
.tw-text-primary-500 {
    color: rgb(var(--nw-color-primary-500))
}
.tw-text-primary-600 {
    color: rgb(var(--nw-color-primary-600))
}
.tw-text-primary-900 {
    color: rgb(var(--nw-color-primary-900))
}
.tw-text-promote {
    color: rgb(var(--nw-color-promote))
}
.tw-text-red {
    color: rgb(var(--nw-color-red-500))
}
.tw-text-red-500 {
    color: rgb(var(--nw-color-red-500))
}
.tw-text-red-800 {
    color: rgb(var(--nw-color-red-800))
}
.tw-text-success {
    color: rgb(var(--nw-color-success-500))
}
.tw-text-success-400 {
    color: rgb(var(--nw-color-success-400))
}
.tw-text-success-500 {
    color: rgb(var(--nw-color-success-500))
}
.tw-text-teal-700 {
    color: rgb(var(--nw-color-teal-700))
}
.tw-text-warning {
    color: rgb(var(--nw-color-warning-500))
}
.tw-text-warning-200 {
    color: rgb(var(--nw-color-warning-200))
}
.tw-text-warning-500 {
    color: rgb(var(--nw-color-warning-500))
}
.tw-text-warning-600 {
    color: rgb(var(--nw-color-warning-600))
}
.tw-text-warning-700 {
    color: rgb(var(--nw-color-warning-700))
}
.tw-text-white {
    color: rgb(var(--nw-color-white-500))
}
.tw-text-yellow {
    color: rgb(var(--nw-color-yellow-500))
}
.tw-text-yellow-800 {
    color: rgb(var(--nw-color-yellow-800))
}
.tw-underline {
    text-decoration-line: underline
}
.tw-no-underline {
    text-decoration-line: none
}
.tw-opacity-0 {
    opacity: 0
}
.tw-opacity-100 {
    opacity: 1
}
.tw-opacity-25 {
    opacity: 0.25
}
.tw-opacity-30 {
    opacity: 0.3
}
.tw-opacity-40 {
    opacity: 0.4
}
.tw-opacity-50 {
    opacity: 0.5
}
.tw-opacity-60 {
    opacity: 0.6
}
.tw-opacity-70 {
    opacity: 0.7
}
.tw-opacity-95 {
    opacity: 0.95
}
.tw-opacity-\[\.35\] {
    opacity: .35
}
.tw-shadow-lg {
    --tw-shadow: 0 20px 20px rgb(var(--nw-color-neutral-1000)/19%),0 7px 6px rgb(var(--nw-color-neutral-1000)/23%);
    --tw-shadow-colored: 0 20px 20px var(--tw-shadow-color), 0 7px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tw-shadow-md {
    --tw-shadow: 0 15px 15px rgb(var(--nw-color-neutral-1000)/19%),0 5px 4px rgb(var(--nw-color-neutral-1000)/23%);
    --tw-shadow-colored: 0 15px 15px var(--tw-shadow-color), 0 5px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tw-shadow-xl {
    --tw-shadow: 0 23px 23px rgb(var(--nw-color-neutral-1000)/19%),0 8px 7px rgb(var(--nw-color-neutral-1000)/23%);
    --tw-shadow-colored: 0 23px 23px var(--tw-shadow-color), 0 8px 7px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.tw-outline {
    outline-style: solid
}
.tw-outline-0 {
    outline-width: 0px
}
.tw-outline-1 {
    outline-width: 1px
}
.tw-outline-2 {
    outline-width: 2px
}
.tw-outline-offset-0 {
    outline-offset: 0px
}
.tw-outline-border-100 {
    outline-color: rgb(var(--nw-color-border-100))
}
.tw-outline-neutral-0 {
    outline-color: rgb(var(--nw-color-neutral-0))
}
.tw-outline-primary {
    outline-color: rgb(var(--nw-color-primary-500))
}
.tw-grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.tw-filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.tw-backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.tw-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-max-height {
    transition-property: max-height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-width {
    transition-property: width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-delay-150 {
    transition-delay: 150ms
}
.tw-duration-150 {
    transition-duration: 150ms
}
.tw-duration-200 {
    transition-duration: 200ms
}
.tw-duration-300 {
    transition-duration: 300ms
}
.tw-duration-400 {
    transition-duration: 400ms
}
.tw-ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.tw-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.tw-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.\[pid\:13551\] {
    pid: 13551
}
.\[pid\:4704\] {
    pid: 4704
}
.\[pid\:4705\] {
    pid: 4705
}
.\[pid\:4706\] {
    pid: 4706
}
.\[pid\:4708\] {
    pid: 4708
}

/*
 * WARNING: Here we only allows **global** level @apply utility classes and as less as
 * possible.
 *
 * Please do not add @apply here if the class is local to your page. Think
 * about using component if you want to repeat the classes.
 */

.placeholder\:tw-text-neutral-300::placeholder {
    color: rgb(var(--nw-color-neutral-300))
}

.before\:tw-absolute::before {
    content: var(--tw-content);
    position: absolute
}

.before\:tw-relative::before {
    content: var(--tw-content);
    position: relative
}

.before\:tw--bottom-1::before {
    content: var(--tw-content);
    bottom: -0.25rem
}

.before\:tw-left-\[0\.75em\]::before {
    content: var(--tw-content);
    left: 0.75em
}

.before\:tw-right-2::before {
    content: var(--tw-content);
    right: 0.5rem
}

.before\:tw-top-0::before {
    content: var(--tw-content);
    top: 0px
}

.before\:tw-top-\[0\.75em\]::before {
    content: var(--tw-content);
    top: 0.75em
}

.before\:tw-z-\[-1000\]::before {
    content: var(--tw-content);
    z-index: -1000
}

.before\:-tw-ml-\[50\%\]::before {
    content: var(--tw-content);
    margin-left: -50%
}

.before\:tw-inline-block::before {
    content: var(--tw-content);
    display: inline-block
}

.before\:tw-h-4::before {
    content: var(--tw-content);
    height: 1rem
}

.before\:tw-h-full::before {
    content: var(--tw-content);
    height: 100%
}

.before\:tw-h-px::before {
    content: var(--tw-content);
    height: 1px
}

.before\:\!tw-w-fit::before {
    content: var(--tw-content);
    width: -moz-fit-content !important;
    width: fit-content !important
}

.before\:tw-w-1\/2::before {
    content: var(--tw-content);
    width: 50%
}

.before\:tw-w-full::before {
    content: var(--tw-content);
    width: 100%
}

.before\:tw-rounded-\[6px\]::before {
    content: var(--tw-content);
    border-radius: 6px
}

.before\:tw-border::before {
    content: var(--tw-content);
    border-width: 1px
}

.before\:tw-border-solid::before {
    content: var(--tw-content);
    border-style: solid
}

.before\:tw-border-neutral-300::before {
    content: var(--tw-content);
    border-color: rgb(var(--nw-color-neutral-300))
}

.before\:tw-bg-neutral-300::before {
    content: var(--tw-content);
    background-color: rgb(var(--nw-color-neutral-300))
}

.before\:tw-bg-panel-50::before {
    content: var(--tw-content);
    background-color: rgb(var(--nw-color-panel-50))
}

.before\:tw-align-middle::before {
    content: var(--tw-content);
    vertical-align: middle
}

.before\:tw-content-\[\"\"\]::before {
    --tw-content: "";
    content: var(--tw-content)
}

.before\:tw-content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content)
}

.after\:tw-absolute::after {
    content: var(--tw-content);
    position: absolute
}

.after\:tw-relative::after {
    content: var(--tw-content);
    position: relative
}

.after\:tw-left-2::after {
    content: var(--tw-content);
    left: 0.5rem
}

.after\:-tw-mr-\[50\%\]::after {
    content: var(--tw-content);
    margin-right: -50%
}

.after\:tw-inline-block::after {
    content: var(--tw-content);
    display: inline-block
}

.after\:tw-h-4::after {
    content: var(--tw-content);
    height: 1rem
}

.after\:tw-h-px::after {
    content: var(--tw-content);
    height: 1px
}

.after\:tw-w-1\/2::after {
    content: var(--tw-content);
    width: 50%
}

.after\:tw-w-2::after {
    content: var(--tw-content);
    width: 0.5rem
}

.after\:tw-self-start::after {
    content: var(--tw-content);
    align-self: flex-start
}

.after\:tw-bg-neutral-300::after {
    content: var(--tw-content);
    background-color: rgb(var(--nw-color-neutral-300))
}

.after\:tw-align-middle::after {
    content: var(--tw-content);
    vertical-align: middle
}

.after\:tw-content-\[\"\"\]::after {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:tw-content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content)
}

.focus-within\:tw-opacity-100:focus-within {
    opacity: 1
}

.hover\:tw-h-2:hover {
    height: 0.5rem
}

.hover\:tw-h-2\.5:hover {
    height: 0.625rem
}

.hover\:tw-cursor-default:hover {
    cursor: default
}

.hover\:tw-cursor-pointer:hover {
    cursor: pointer
}

.hover\:tw-rounded-sm:hover {
    border-radius: 0.125rem
}

.hover\:tw-border-\[1px\]:hover {
    border-width: 1px
}

.hover\:tw-border-b-\[1px\]:hover {
    border-bottom-width: 1px
}

.hover\:tw-border-b-\[2px\]:hover {
    border-bottom-width: 2px
}

.hover\:tw-border-neutral-1000:hover {
    border-color: rgb(var(--nw-color-neutral-1000))
}

.hover\:tw-border-neutral-300:hover {
    border-color: rgb(var(--nw-color-neutral-300))
}

.hover\:tw-border-primary-500:hover {
    border-color: rgb(var(--nw-color-primary-500))
}

.hover\:tw-border-b-primary-400:hover {
    border-bottom-color: rgb(var(--nw-color-primary-400))
}

.hover\:tw-border-b-primary-500:hover {
    border-bottom-color: rgb(var(--nw-color-primary-500))
}

.hover\:\!tw-bg-primary-600:hover {
    background-color: rgb(var(--nw-color-primary-600)) !important
}

.hover\:tw-bg-danger-400:hover {
    background-color: rgb(var(--nw-color-danger-400))
}

.hover\:tw-bg-gray-50:hover {
    background-color: rgb(var(--nw-color-gray-50))
}

.hover\:tw-bg-neutral-100:hover {
    background-color: rgb(var(--nw-color-neutral-100))
}

.hover\:tw-bg-neutral-200:hover {
    background-color: rgb(var(--nw-color-neutral-200))
}

.hover\:tw-bg-neutral-400:hover {
    background-color: rgb(var(--nw-color-neutral-400))
}

.hover\:tw-bg-neutral-50:hover {
    background-color: rgb(var(--nw-color-neutral-50))
}

.hover\:tw-bg-primary-100:hover {
    background-color: rgb(var(--nw-color-primary-100))
}

.hover\:tw-bg-primary-200:hover {
    background-color: rgb(var(--nw-color-primary-200))
}

.hover\:tw-bg-primary-400:hover {
    background-color: rgb(var(--nw-color-primary-400))
}

.hover\:tw-bg-primary-50:hover {
    background-color: rgb(var(--nw-color-primary-50))
}

.hover\:tw-bg-primary-500:hover {
    background-color: rgb(var(--nw-color-primary-500))
}

.hover\:tw-bg-primary-600:hover {
    background-color: rgb(var(--nw-color-primary-600))
}

.hover\:tw-bg-primary-700:hover {
    background-color: rgb(var(--nw-color-primary-700))
}

.hover\:tw-bg-success-400:hover {
    background-color: rgb(var(--nw-color-success-400))
}

.hover\:tw-bg-transparent:hover {
    background-color: transparent
}

.hover\:tw-bg-warning-400:hover {
    background-color: rgb(var(--nw-color-warning-400))
}

.hover\:\!tw-text-neutral-0:hover {
    color: rgb(var(--nw-color-neutral-0)) !important
}

.hover\:tw-text-emerald-700:hover {
    color: rgb(var(--nw-color-emerald-700))
}

.hover\:tw-text-gray-500:hover {
    color: rgb(var(--nw-color-gray-500))
}

.hover\:tw-text-neutral-1000:hover {
    color: rgb(var(--nw-color-neutral-1000))
}

.hover\:tw-text-neutral-700:hover {
    color: rgb(var(--nw-color-neutral-700))
}

.hover\:tw-text-on-navbar-hover:hover {
    color: rgb(var(--nw-color-on-navbar-hover))
}

.hover\:tw-text-primary-500:hover {
    color: rgb(var(--nw-color-primary-500))
}

.hover\:tw-text-primary-600:hover {
    color: rgb(var(--nw-color-primary-600))
}

.hover\:tw-text-primary-700:hover {
    color: rgb(var(--nw-color-primary-700))
}

.hover\:tw-text-promote-hover:hover {
    color: rgb(var(--nw-color-promote-hover))
}

.hover\:tw-underline:hover {
    text-decoration-line: underline
}

.hover\:tw-opacity-100:hover {
    opacity: 1
}

.hover\:tw-opacity-40:hover {
    opacity: 0.4
}

.hover\:tw-opacity-70:hover {
    opacity: 0.7
}

.hover\:tw-opacity-80:hover {
    opacity: 0.8
}

.hover\:tw-shadow-md:hover {
    --tw-shadow: 0 15px 15px rgb(var(--nw-color-neutral-1000)/19%),0 5px 4px rgb(var(--nw-color-neutral-1000)/23%);
    --tw-shadow-colored: 0 15px 15px var(--tw-shadow-color), 0 5px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:tw-outline:hover {
    outline-style: solid
}

.hover\:tw-outline-4:hover {
    outline-width: 4px
}

.hover\:tw-outline-offset-1:hover {
    outline-offset: 1px
}

.hover\:tw-outline-primary-500:hover {
    outline-color: rgb(var(--nw-color-primary-500))
}

.focus\:tw-not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus\:tw-fixed:focus {
    position: fixed
}

.focus\:tw-left-0:focus {
    left: 0px
}

.focus\:tw-top-0:focus {
    top: 0px
}

.focus\:tw-m-1:focus {
    margin: 0.25rem
}

.focus\:tw-border-on-navbar:focus {
    border-color: rgb(var(--nw-color-on-navbar))
}

.focus\:tw-bg-primary-100:focus {
    background-color: rgb(var(--nw-color-primary-100))
}

.focus\:tw-p-2:focus {
    padding: 0.5rem
}

.focus\:tw-text-neutral-700:focus {
    color: rgb(var(--nw-color-neutral-700))
}

.focus\:tw-text-primary-700:focus {
    color: rgb(var(--nw-color-primary-700))
}

.focus\:tw-opacity-100:focus {
    opacity: 1
}

.focus\:tw-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:tw-outline:focus {
    outline-style: solid
}

.focus\:tw-outline-4:focus {
    outline-width: 4px
}

.focus\:tw-outline-offset-1:focus {
    outline-offset: 1px
}

.focus\:tw-outline-primary-500:focus {
    outline-color: rgb(var(--nw-color-primary-500))
}

.tw-group:hover .group-hover\:tw-block {
    display: block
}

.tw-group:hover .group-hover\:tw-h-2 {
    height: 0.5rem
}

.tw-group:hover .group-hover\:tw-h-2\.5 {
    height: 0.625rem
}

.tw-group:hover .group-hover\:tw-border-neutral-200 {
    border-color: rgb(var(--nw-color-neutral-200))
}

.tw-group:hover .group-hover\:tw-border-primary-600 {
    border-color: rgb(var(--nw-color-primary-600))
}

.tw-group:hover .group-hover\:tw-border-sidebar-expanded-hover {
    border-color: rgb(var(--nw-color-sidebar-expanded-hover))
}

.tw-group:hover .group-hover\:tw-bg-neutral-200 {
    background-color: rgb(var(--nw-color-neutral-200))
}

.tw-group:hover .group-hover\:tw-bg-primary-600 {
    background-color: rgb(var(--nw-color-primary-600))
}

.tw-group:hover .group-hover\:tw-bg-sidebar-expanded-hover {
    background-color: rgb(var(--nw-color-sidebar-expanded-hover))
}

.tw-group:hover .group-hover\:tw-text-neutral-1000 {
    color: rgb(var(--nw-color-neutral-1000))
}

.tw-group:hover .group-hover\:tw-text-on-sidebar-expanded-hover {
    color: rgb(var(--nw-color-on-sidebar-expanded-hover))
}

.tw-group:hover .group-hover\:tw-underline {
    text-decoration-line: underline
}

.tw-group:hover .group-hover\:tw-opacity-100 {
    opacity: 1
}

.tw-group:hover .group-hover\:tw-opacity-60 {
    opacity: 0.6
}

.tw-group:hover .group-hover\:tw-opacity-70 {
    opacity: 0.7
}

.tw-group:hover .group-hover\:tw-shadow-md {
    --tw-shadow: 0 15px 15px rgb(var(--nw-color-neutral-1000)/19%),0 5px 4px rgb(var(--nw-color-neutral-1000)/23%);
    --tw-shadow-colored: 0 15px 15px var(--tw-shadow-color), 0 5px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-group:hover .group-hover\:hover\:tw-opacity-100:hover {
    opacity: 1
}

.tw-group:focus .group-focus\:tw-opacity-100 {
    opacity: 1
}

.part-base\:tw-h-2::part(base) {
    height: 0.5rem
}

.part-base\:tw-h-full::part(base) {
    height: 100%
}

.part-base\:tw-w-full::part(base) {
    width: 100%
}

.part-base\:tw-items-start::part(base) {
    align-items: flex-start
}

.part-base\:tw-p-0::part(base) {
    padding: 0px
}

.part-label\:tw-p-0::part(label) {
    padding: 0px
}

.dark\:tw-border:is(.tw-dark *) {
    border-width: 1px
}

.dark\:tw-border-solid:is(.tw-dark *) {
    border-style: solid
}

.dark\:tw-border-primary-600:is(.tw-dark *) {
    border-color: rgb(var(--nw-color-primary-600))
}

.dark\:tw-bg-neutral-100:is(.tw-dark *) {
    background-color: rgb(var(--nw-color-neutral-100))
}

.dark\:tw-bg-neutral-200:is(.tw-dark *) {
    background-color: rgb(var(--nw-color-neutral-200))
}

.dark\:tw-text-danger-600:is(.tw-dark *) {
    color: rgb(var(--nw-color-danger-600))
}

.dark\:tw-text-neutral-0:is(.tw-dark *) {
    color: rgb(var(--nw-color-neutral-0))
}

.dark\:tw-text-neutral-1000:is(.tw-dark *) {
    color: rgb(var(--nw-color-neutral-1000))
}

.dark\:tw-text-neutral-800:is(.tw-dark *) {
    color: rgb(var(--nw-color-neutral-800))
}

.dark\:tw-text-primary-300:is(.tw-dark *) {
    color: rgb(var(--nw-color-primary-300))
}

.dark\:tw-text-primary-600:is(.tw-dark *) {
    color: rgb(var(--nw-color-primary-600))
}

.dark\:tw-text-success-600:is(.tw-dark *) {
    color: rgb(var(--nw-color-success-600))
}

.dark\:tw-opacity-50:is(.tw-dark *) {
    opacity: 0.5
}

.dark\:placeholder\:tw-text-neutral-400:is(.tw-dark *)::placeholder {
    color: rgb(var(--nw-color-neutral-400))
}

@media (min-width: 768px) {
    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .lg\:tw-grid {
        display: grid
    }
    .lg\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1536px) {
    .\32xl\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.\[\&\:\:part\(base\)\]\:tw-p-0::part(base) {
    padding: 0px
}

.\[\&\:\:part\(overlay\)\]\:tw-bg-primary::part(overlay) {
    background-color: rgb(var(--nw-color-primary-500))
}

.\[\&\>\*\:nth-child\(2\)\]\:tw-flex-grow>*:nth-child(2) {
    flex-grow: 1
}

.\[\&_button\]\:tw-max-w-xs button {
    max-width: 20rem
}

.\[\&_span\]\:tw-truncate span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nw-notification .alert__close {
  color: unset;
}

.form-control-hover-effect {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover:not([disabled]) {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear, box-shadow 0.25s;
  border-color: rgb(var(--nw-color-form-hover)) !important;
  background-color: rgb(var(--nw-color-form-hover)) !important;
  color: rgb(var(--nw-color-on-form-hover)) !important;
}
.form-control-hover::placeholder {
  color: rgb(var(--nw-color-green-900));
}
/*
 * Variables definitions.
 *
 * WARNING: Do not put any non-variable instruction here becuase it's
 * imported by themes and other less files which will do unnecessary or wrong
 * overwrites.
 */
.modal-header {
  width: 100%;
  padding: 10px;
  background-color: rgb(var(--nw-color-neutral-100));
  box-sizing: border-box;
}
.fi-container.fi-container-faz-wider {
  width: 100%;
  min-width: 700 / 14rem;
  max-width: 800 / 14rem;
}

.fi-pro-confirm-modal::part(panel) {
  min-height: 13.125rem;
}

.page_modal_container {
  background-color: rgb(var(--nw-color-neutral-0));
}
.pm-header {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  color: rgb(var(--nw-color-neutral-1000));
  border-bottom: 1px solid rgb(var(--nw-color-neutral-100));
}
.p-header {
  padding: 0.7rem 0.5rem;
  font-weight: bold;
  height: 40px;
}
.m-header {
  padding: 10px;
  font-size: 1.5rem;
}
.pm-body {
  flex: 1 1 auto;
  overflow-y: auto;
  z-index: 1;
}
.pm-footer {
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.pm-footer .btn,
.pm-footer nw-button::part(base) {
  min-width: 135px;
  padding: 5px 10px;
  border-radius: 3px;
  border: none;
  font-size: 1rem;
  align-items: center;
}
.pm-footer .btn:focus,
.pm-footer nw-button::part(base):focus {
  box-shadow: inset 0 0 3px #000000;
  outline: none;
}
.pm-footer .btn:not(:first-of-type),
.pm-footer nw-button:not(:first-of-type) {
  margin-left: 5px;
}
.pm-footer nw-button[type='primary']::part(base) {
  color: rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-primary));
}
.pm-footer nw-button[type='primary']::part(base):active:hover,
.pm-footer nw-button[type='primary']::part(base):active:focus,
.pm-footer nw-button[type='primary']::part(base):focus,
.pm-footer nw-button[type='primary']::part(base):hover {
  color: rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-primary-400));
}
.pm-footer nw-button[type='secondary']::part(base) {
  color: #263238;
  background-color: #cfd8dc;
}
.pm-footer nw-button[type='secondary']::part(base):hover,
.pm-footer nw-button[type='secondary']::part(base):hover:active,
.pm-footer nw-button[type='secondary']::part(base):active,
.pm-footer nw-button[type='secondary']::part(base):focus {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.p-footer {
  padding: 3px;
  flex: 0 1 39px;
  justify-content: center;
}
.m-footer {
  padding: 15px;
  flex: 0 1 59px;
  justify-content: flex-end;
}
.drawer-footer {
  padding: 15px;
}

span.ftnt-fortiguard-outbreak,
span.ftnt-ips-all,
span.ftnt-ips-application,
span.ftnt-ips-behavior,
span.ftnt-ips-cve,
span.ftnt-ips-vuln-type,
span.ftnt-ips-action,
span.ftnt-ips-status,
span.ftnt-ips-location,
span.ftnt-ips-os,
span.ftnt-ips-popularity,
span.ftnt-ips-protocol,
span.ftnt-ips-risk,
span.ftnt-ips-severity,
span.ftnt-ips-technology,
span.ftnt-ips-vendor,
span.ftnt-profile-antivirus,
span.ftnt-profile-application,
span.ftnt-profile-dlp,
span.ftnt-profile-dnsfilter,
span.ftnt-profile-emailfilter,
span.ftnt-profile-filefilter,
span.ftnt-profile-group,
span.ftnt-profile-icap,
span.ftnt-profile-ips,
span.ftnt-profile-mms,
span.ftnt-profile-protocol-options,
span.ftnt-profile-ssl-ssh-inspection,
span.ftnt-profile-videofilter,
span.ftnt-profile-voip,
span.ftnt-profile-waf,
span.ftnt-profile-webfilter,
span.ftnt-profile-inline-casb,
span.ftnt-profile-virpatch,
span.ftnt-profile-telemetry,
span.ftnt-psirt,
span.ftnt-switch-controller-dynamic-port-policy,
span.ftnt-switch-controller-lldp-profile,
span.ftnt-switch-controller-qos-qos-policy,
span.ftnt-switch-controller-security-policy-802-1X,
span.ftnt-switch-controller-security-policy-captive-portal,
span.ftnt-switch-controller-vlan-policy,
span.ftnt-switch-controller-vlans,
span.ftnt-ztna-tag-classification-ip,
span.ftnt-ztna-tag-classification-mac,
span.ftnt-ztna-tag-fabric-ip,
span.ftnt-ztna-tag-fabric-mac,
span.ftnt-ztna-tag-group,
span.ftnt-ztna-tag-ip,
span.ftnt-ztna-tag-mac,
span.ftnt-ztna-tag-merged-ip,
span.ftnt-ztna-tag-merged-mac,
span.ftnt-ztna-tag-outbreak_alert-ip-compromised,
span.ftnt-ztna-tag-outbreak_alert-ip-suspicious,
span.ftnt-ztna-tag-outbreak_alert-mac-compromised,
span.ftnt-ztna-tag-outbreak_alert-mac-suspicious,
span.ftnt-ztna-tag-zero_trust-ip,
span.ftnt-ztna-tag-zero_trust-mac,
span.ftnt-profile-isolator {
  color: #fff;
  text-indent: 0;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 2px;
}
span.ftnt-fortiguard-outbreak::before,
span.ftnt-ips-all::before,
span.ftnt-ips-application::before,
span.ftnt-ips-behavior::before,
span.ftnt-ips-cve::before,
span.ftnt-ips-vuln-type::before,
span.ftnt-ips-action::before,
span.ftnt-ips-status::before,
span.ftnt-ips-location::before,
span.ftnt-ips-os::before,
span.ftnt-ips-popularity::before,
span.ftnt-ips-protocol::before,
span.ftnt-ips-risk::before,
span.ftnt-ips-severity::before,
span.ftnt-ips-technology::before,
span.ftnt-ips-vendor::before,
span.ftnt-profile-antivirus::before,
span.ftnt-profile-application::before,
span.ftnt-profile-dlp::before,
span.ftnt-profile-dnsfilter::before,
span.ftnt-profile-emailfilter::before,
span.ftnt-profile-filefilter::before,
span.ftnt-profile-group::before,
span.ftnt-profile-icap::before,
span.ftnt-profile-ips::before,
span.ftnt-profile-mms::before,
span.ftnt-profile-protocol-options::before,
span.ftnt-profile-ssl-ssh-inspection::before,
span.ftnt-profile-videofilter::before,
span.ftnt-profile-voip::before,
span.ftnt-profile-waf::before,
span.ftnt-profile-webfilter::before,
span.ftnt-profile-inline-casb::before,
span.ftnt-profile-virpatch::before,
span.ftnt-profile-telemetry::before,
span.ftnt-psirt::before,
span.ftnt-switch-controller-dynamic-port-policy::before,
span.ftnt-switch-controller-lldp-profile::before,
span.ftnt-switch-controller-qos-qos-policy::before,
span.ftnt-switch-controller-security-policy-802-1X::before,
span.ftnt-switch-controller-security-policy-captive-portal::before,
span.ftnt-switch-controller-vlan-policy::before,
span.ftnt-switch-controller-vlans::before,
span.ftnt-ztna-tag-classification-ip::before,
span.ftnt-ztna-tag-classification-mac::before,
span.ftnt-ztna-tag-fabric-ip::before,
span.ftnt-ztna-tag-fabric-mac::before,
span.ftnt-ztna-tag-group::before,
span.ftnt-ztna-tag-ip::before,
span.ftnt-ztna-tag-mac::before,
span.ftnt-ztna-tag-merged-ip::before,
span.ftnt-ztna-tag-merged-mac::before,
span.ftnt-ztna-tag-outbreak_alert-ip-compromised::before,
span.ftnt-ztna-tag-outbreak_alert-ip-suspicious::before,
span.ftnt-ztna-tag-outbreak_alert-mac-compromised::before,
span.ftnt-ztna-tag-outbreak_alert-mac-suspicious::before,
span.ftnt-ztna-tag-zero_trust-ip::before,
span.ftnt-ztna-tag-zero_trust-mac::before,
span.ftnt-profile-isolator::before {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 30px;
  padding: 0.3em;
  width: 36px;
  height: 18px;
}
span.ftnt-profile-isolator::before {
  content: "IS";
  background-color: #250222;
}
span.ftnt-switch-controller-dynamic-port-policy::before {
  content: 'DPP';
  background-color: #c91e4d;
}
span.ftnt-switch-controller-nac-policy::before {
  content: 'NAC';
  background-color: #b4954b;
}
span.ftnt-switch-controller-security-policy-802-1X::before {
  content: '802.1X';
  background-color: #be9e6f;
}
span.ftnt-switch-controller-vlan-policy::before {
  content: 'VLAN Policy';
  background-color: #33b894;
}
span.ftnt-switch-controller-lldp-profile::before {
  content: 'LLDP';
  background-color: #ff4d00;
}
span.ftnt-switch-controller-qos-qos-policy::before {
  content: 'QoS';
  background-color: #189fba;
}
span.ftnt-profile-antivirus::before {
  content: 'AV';
  background-color: #ff4d00;
}
span.ftnt-profile-webfilter::before {
  content: 'WEB';
  background-color: #189fba;
}
span.ftnt-profile-videofilter::before {
  content: 'VF';
  background-color: #2b6e82;
}
span.ftnt-profile-dnsfilter::before {
  content: 'DNS';
  background-color: #33b894;
}
span.ftnt-profile-waf::before {
  content: 'WAF';
  background-color: #0041c2;
}
span.ftnt-profile-emailfilter::before {
  content: 'EF';
  background-color: #333333;
}
span.ftnt-profile-filefilter::before {
  content: 'FF';
  background-color: #9f17ba;
}
span.ftnt-profile-application::before {
  content: 'APP';
  background-color: #009848;
}
span.ftnt-profile-dlp::before {
  content: 'DLP';
  background-color: #9f17ba;
}
span.ftnt-profile-ips::before {
  content: 'IPS';
  background-color: #aeb948;
}
span.ftnt-profile-icap::before {
  content: 'ICAP';
  background-color: #8bb2f8;
}
span.ftnt-profile-voip::before {
  content: 'VOIP';
  background-color: #3678b0;
}
span.ftnt-profile-telemetry::before {
  content: 'FTL';
  background-color: #1b3d86;
}
span.ftnt-profile-protocol-options::before {
  content: 'PROT';
  background-color: #90bd90;
}
span.ftnt-profile-ssl-ssh-inspection::before {
  content: 'SSL';
  background-color: #be9e6f;
}
span.ftnt-profile-group::before {
  content: 'GRP';
  background-color: #0066cc;
}
span.ftnt-profile-inline-casb:before {
  content: 'CASB';
  background-color: #3cb17e;
}
span.ftnt-profile-mms::before {
  content: 'MMS';
  background-color: #47a3ff;
}
span.ftnt-profile-virpatch:before {
  content: 'VPATCH';
  background-color: #e78eb9;
  display: inline;
}
span.ftnt-switch-controller-security-policy-captive-portal::before {
  content: 'CAP';
  background-color: #383fba;
}
span.ftnt-switch-controller-security-policy-802-1X::before {
  content: '802.1X';
  background-color: #be9e6f;
}
span.ftnt-switch-controller-lldp-profile::before {
  content: 'LLDP';
  background-color: #ff4d00;
}
span.ftnt-switch-controller-qos-qos-policy::before {
  content: 'QoS';
  background-color: #189fba;
}
span.ftnt-switch-controller-vlan-policy::before {
  content: 'VLAN Policy';
  background-color: #33b894;
}
span.ftnt-switch-controller-vlans::before {
  content: 'VLAN';
  background-color: #0066cc;
}
span.ftnt-switch-controller-dynamic-port-policy::before {
  content: 'DPP';
  background-color: #c91e4d;
}
span.ftnt-ips-popularity::before {
  content: 'POP';
}
span.ftnt-ips-behavior::before {
  content: 'BHVR';
}
span.ftnt-ips-protocol::before {
  content: 'PROT';
}
span.ftnt-ips-risk::before {
  content: 'RISK';
}
span.ftnt-ips-technology::before {
  content: 'TECH';
}
span.ftnt-ips-vendor::before {
  content: 'VEND';
}
span.ftnt-ips-location::before {
  content: 'TGT';
}
span.ftnt-ips-severity::before {
  content: 'SEV';
}
span.ftnt-ips-os::before {
  content: 'OS';
}
span.ftnt-ips-application::before {
  content: 'APP';
}
span.ftnt-ips-cve::before {
  content: 'CVE';
}
span.ftnt-ips-vuln-type::before {
  content: 'VULN';
}
span.ftnt-ips-action::before {
  content: 'ACT';
}
span.ftnt-ips-status::before {
  content: 'STAT';
}
span.ftnt-ips-all::before {
  content: 'ALL';
}
span.ftnt-ips-behavior::before,
span.ftnt-ips-popularity::before,
span.ftnt-ips-protocol::before,
span.ftnt-ips-risk::before,
span.ftnt-ips-technology::before,
span.ftnt-ips-vendor::before,
span.ftnt-ips-location::before,
span.ftnt-ips-severity::before,
span.ftnt-ips-os::before,
span.ftnt-ips-application::before,
span.ftnt-ips-cve::before,
span.ftnt-ips-vuln-type::before,
span.ftnt-ips-action::before,
span.ftnt-ips-status::before,
span.ftnt-ips-all::before {
  background-color: #7d7d7d;
}
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-dynamic-port-policy::before,
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-security-policy-802-1X::before,
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-vlan-policy::before,
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-lldp-profile::before,
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-qos-qos-policy::before,
.nw-dark-contrast .BaseTable .row-selected .ftnt-switch-controller-nac-policy::before {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}

.lrselect-container fi-lrselect .fi-lrs-panel {
  border-radius: 0;
}

.fi-lrs-title {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-200));
  font-weight: bold;
}

.select-add {
  display: flex;
  flex-flow: row nowrap;
}
.select-add > fi-sselect,
.select-add > .rc-select-obj-sselect-extra-wrapper {
  flex: 1 1 100px;
}
.select-add nw-icon-button.select-add-button {
  margin-top: 5px;
}

.colorPicker__color-selected {
  outline: 1px;
  outline-style: auto;
  outline-color: rgb(var(--nw-color-primary-500));
}

.dashboard-main-container nw-button.widget-icon-button::part(base) {
  color: rgb(var(--nw-color-neutral-600));
}

.CodeMirror-search-match {
  background: gold;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  box-sizing: border-box;
  opacity: .5;
}

.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

.autocomplete-cm-container .CodeMirror-dialog.CodeMirror-dialog-bottom {
  border-radius: 0.25rem;
  font-family: monospace, flatuifont;
  font-size: 0.9rem;
  border: 1px solid rgb(var(--nw-color-border));
  color: rgb(var(--nw-color-neutral-1000));
}
.autocomplete-cm-container .CodeMirror-gutters {
  background-color: rgb(var(--nw-color-neutral-50));
}
.autocomplete-cm-container .CodeMirror {
  height: 59vh;
  font-family: monospace, flatuifont;
  font-size: 0.9rem;
}
.autocomplete-cm-container .CodeMirror.cm-s-material-darker .CodeMirror-linenumber {
  color: rgb(var(--nw-color-neutral-500));
}
.autocomplete-cm-container .CodeMirror .CodeMirror-activeline-background {
  background-color: rgb(var(--nw-color-primary-50));
}
.autocomplete-cm-container #diff-view-cm .CodeMirror-merge {
  border-radius: 0.25rem;
}
.autocomplete-cm-container #diff-view-cm .CodeMirror-merge .CodeMirror-pane-background-left {
  background: rgb(var(--nw-color-danger-50));
}
.autocomplete-cm-container #diff-view-cm .CodeMirror-merge .CodeMirror-pane-background-right {
  background: rgb(var(--nw-color-success-200));
}
.autocomplete-cm-container #diff-view-cm .CodeMirror-merge .CodeMirror-merge-gap {
  background-color: rgb(var(--nw-color-neutral-0));
}
.autocomplete-cm-container .cm-search-match {
  color: rgb(var(--nw-color-neutral-1000)) !important;
  background-color: yellow !important;
}
.autocomplete-cm-container .cm-search-match-active {
  color: rgb(var(--nw-color-neutral-1000)) !important;
  background-color: rgb(var(--nw-color-orange-500)) !important;
}
.autocomplete-cm-container .cm-meta-var-highlight {
  color: rgb(var(--nw-color-neutral-1000)) !important;
  background-color: yellow !important;
}
.CodeMirror-lint-tooltip {
  color: rgb(var(--nw-color-danger-700));
  background-color: rgb(var(--nw-color-danger-50));
  border: none;
  z-index: 2000;
  padding: 1rem;
  font-weight: bold;
}
.tw-dark .CodeMirror-lint-tooltip {
  border: 1px solid rgb(var(--nw-color-danger-700));
  border-radius: 4px;
}
.tw-dark .autocomplete-cm-container .cm-search-match {
  color: rgb(var(--nw-color-neutral-0)) !important;
}
.tw-dark .autocomplete-cm-container .cm-search-match-active {
  color: rgb(var(--nw-color-neutral-0)) !important;
}
.tw-dark .autocomplete-cm-container .cm-meta-var-highlight {
  color: rgb(var(--nw-color-neutral-0)) !important;
}
#codemirror_shortcuts_panel_table {
  height: fit-content;
  width: 100%;
  border-collapse: collapse;
}
#codemirror_shortcuts_panel_table th {
  padding: 0.75rem;
  text-align: start;
  color: rgb(var(--nw-color-neutral-400));
}
#codemirror_shortcuts_panel_table tr,
#codemirror_shortcuts_panel_table thead {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
  text-align: start;
}
#codemirror_shortcuts_panel_table td {
  padding: 0.75rem;
  color: rgb(var(--nw-color-neutral-500));
}
#codemirror_shortcuts_panel_table tr:last-child {
  border-bottom: none;
}
#codemirror_shortcuts_panel_table th.keys {
  width: 35%;
}
#codemirror_shortcuts_panel_table th.action {
  width: 65%;
}
.tw-dark #codemirror_shortcuts_panel_table th {
  color: rgb(var(--nw-color-neutral-1000));
}
.tw-dark #codemirror_shortcuts_panel_table td {
  color: rgb(var(--nw-color-neutral-1000));
}

.log-list-toolbar-container {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.log-list-toolbar-container .f-faceted-search .faceted-search-container .ffg.ffg-no.f-search-cancel {
  margin-right: 5px;
}
.log-list-toolbar-container .toolbar-top .toolbar-top-left a[name='log-time-period-custom'] {
  color: rgb(var(--nw-color-neutral-1000));
}
.log-list-toolbar-container .toolbar-bottom > div[data-v-app] {
  width: 100%;
}
.log-list-toolbar-container .CodeMirror-scroll {
  overflow-y: hidden !important;
  margin-bottom: -48px;
}
.log-list-toolbar-container .nw-pro-search .nw-facet-search-input {
  margin: 0.1rem 0 0.1rem 0.25rem;
}

.fortiview-ep-container-wrapper .ffg-firewall {
  color: #ff0606;
}
.fortiview-ep-container-wrapper .ep-container {
  position: relative;
  height: 100%;
}
.fortiview-ep-container-wrapper .ep-container .fi-spinner-container {
  height: 95%;
}
.fortiview-ep-container-wrapper .ep-container .ep-row {
  display: flex;
  padding: 0.25em 0;
  width: 100%;
}
.fortiview-ep-container-wrapper .ep-container .ep-row .ep-label {
  font-size: 15px;
  width: 180px;
}
.fortiview-ep-container-wrapper .ep-container .ep-row .ep-label img {
  height: 3em;
}
.fortiview-ep-container-wrapper .ep-container .ep-row .ep-value .topology-ep {
  position: relative;
}
.fortiview-ep-container-wrapper .ep-container .ep-row .ep-value .topology-ep .ep-dev-type-icon:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-left: 1px dotted #999;
  border-bottom: 1px dotted #999;
  margin-left: 5px;
}
.fortiview-ep-container-wrapper .ep-container .ep-row .ep-value .topology-ep .ffg {
  margin-left: 20px;
}

.fortiview-user-display-popover.card.profile-header .body {
  min-width: 240px;
}
.fortiview-user-display-popover.card.profile-header .body .row {
  padding-left: 10px;
}
.fortiview-user-display-popover.card.profile-header .picture {
  flex: 0 1 180px;
  display: flex;
}
.fortiview-user-display-popover.card.profile-header .picture .app-icon-container {
  top: 22px;
  width: 20px;
  left: 2px;
}
.fortiview-user-display-popover.card.profile-header .picture .app-icon-container .fafm-app-icon {
  transform: scale(0.15416667);
}
.fortiview-user-display-popover.card.profile-header .row {
  position: relative;
  display: flex;
  width: 100%;
}
.fortiview-user-display-popover.card.profile-header .details {
  flex: auto;
  padding: 10px;
}
.fortiview-user-display-popover.card.profile-header .details .social {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.fortiview-user-display-popover.card.profile-header .details .social .app-icon-container {
  /* width: 10px; */
  /* .fafm-app-icon { */
  /* transform: scale(0.10416666666); */
  /* } */
  margin-right: 4px;
}
.fortiview-user-display-popover.card.profile-header .details .social .app-icon-container .fafm-app-icon {
  transform: scale(0.16);
}
.fortiview-user-display-popover.card.profile-header .details .social .social-contact {
  text-overflow: ellipsis;
  overflow: hidden;
}
.fortiview-user-display-popover.card.profile-header .details .email {
  word-break: break-all;
}
.fortiview-user-display-popover.card.profile-header .profile-image {
  min-width: 130px;
  max-width: 170px;
  align-self: center;
}
.fortiview-user-display-popover.card.profile-header .profile-image img {
  height: 90%;
  border-radius: 50%;
  width: 100%;
  border: 3px solid #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.fortiview-user-display-popover.card.profile-header .preview-highlighted {
  animation: highlight-show 2s;
}
.fortiview-user-display-popover.card.profile-header .preview-highlighted.ng-hide {
  animation: highlight-hide 2s;
  display: none;
}
@keyframes highlight-show {
  0% {
    opacity: 0;
    visibility: visible;
    background-color: yellow;
  }
  100% {
    opacity: 1;
    background-color: inherit;
  }
}
@keyframes highlight-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.fortiview-user-display-popover.card.profile-header .app-icon-container {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.fortiview-user-display-popover.card.profile-header .app-icon-container .fafm-app-icon {
  transform: scale(0.16666667);
  transform-origin: 0 0;
  position: absolute;
}

.fortiview-multi-ueba-container .eu-container,
.fortiview-multi-ueba-container .ep-container {
  position: relative;
  height: 100%;
  overflow: auto;
}
.fortiview-multi-ueba-container .eu-container .fi-spinner-container,
.fortiview-multi-ueba-container .ep-container .fi-spinner-container {
  height: 95%;
}
.fortiview-multi-ueba-container .eu-container {
  height: 100px;
}
.fortiview-multi-ueba-container .eu-container .enduser-list {
  display: flex;
  flex-wrap: wrap;
}
.fortiview-multi-ueba-container .eu-container .enduser-list .enduser-link {
  width: 32%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px;
}
.fortiview-multi-ueba-container .eu-container .enduser-list .enduser-link.oversize {
  position: relative;
}
.fortiview-multi-ueba-container .eu-container .enduser-list .enduser-link.oversize .dot {
  position: absolute;
  bottom: 0;
}
.fortiview-multi-ueba-container .eu-container .avatar {
  width: 32px;
}
.fortiview-multi-ueba-container .eu-container .error {
  font-size: 18px;
  text-align: center;
}

.rc_content_view-codemirror .np-section-body {
  padding: unset;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.rc_content_view-codemirror .np-section-body .CodeMirror-merge {
  height: 59vh;
}
.rc_content_view-codemirror .np-section-body .CodeMirror {
  height: 59vh;
  min-height: 450px;
}

.rc-vtree-container .sidebar-container .vtree .node-container {
  color: rgb(var(--nw-color-neutral-1000));
}
.rc-vtree-container .sidebar-container .vtree .node-container .node.selected {
  color: rgb(var(--nw-color-on-primary)) !important;
  background-color: rgb(var(--nw-color-primary)) !important;
}
.rc-vtree-container .sidebar-container .vtree .node-container .node.selected .node-icon {
  color: rgb(var(--nw-color-neutral-on-primary)) !important;
}
.vtree .node-container .node.selected {
  color: rgb(var(--nw-color-on-primary)) !important;
  background-color: rgb(var(--nw-color-primary-500));
}
.nw-light .rc-vtree-container {
  --nw-color-sidebar: rgb(var(--nw-color-neutral-0));
  --nw-color-sidebar-expanded: rgb(var(--nw-color-neutral-0));
  --nw-color-on-sidebar: rgb(var(--nw-color-neutral-1000));
  --nw-color-on-sidebar-expanded: rgb(var(--nw-color-neutral-1000));
}
.rc-syntax-tree {
  background-color: rgb(var(--nw-color-sidebar));
  z-index: 5;
  height: 100%;
  width: 17rem;
}
.vtree {
  position: relative;
  overflow: auto;
}
.vtree .node-container .message {
  padding: 5px;
}
.vtree .node-container .node {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 2/16px 0.4rem;
  cursor: pointer;
  white-space: nowrap;
  /*
      transition: opacity 0.5s ease, transform 0.5s ease;
      opacity: 0;
      transform: translateY(-10px);
      */
}
.vtree .node-container .node.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.vtree .node-container .node:hover {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.vtree .node-container .node > .compact {
  margin: 0 5/16px 0 0;
  flex-shrink: 0;
}
.vtree .node-container .node > .indent {
  flex-shrink: 0;
}
.vtree .node-container .node.parent > button.compact {
  background-color: transparent;
  height: 16px;
  width: 16px;
  padding: 0;
  position: relative;
  border: none;
  outline: none;
}
.vtree .node-container .node.parent > button.compact > i {
  top: -2px;
  font-size: 10px;
}
.vtree .node-container .node.selected {
  color: rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-primary-500));
}
.vtree .node-container .node.right-clicked:not(.selected) {
  background-color: rgb(var(--nw-color-primary-600));
}
.floating-banner {
  position: absolute;
  width: 98%;
  height: 30px;
  z-index: 100;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.floating-banner:hover {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.floating-banner:last-child {
  box-shadow: 0 2.5px 0 rgba(0, 0, 0, 0.1);
}

.react-toolbar {
  background-color: rgb(var(--nw-color-neutral-300));
  color: rgb(var(--nw-color-neutral-1000));
  padding: 0.25rem 0.75rem;
}
.react-toolbar > .left-items > nw-button,
.react-toolbar .right-items > nw-button,
.react-toolbar > .left-items nw-dropdown,
.react-toolbar .right-items nw-dropdown {
  margin-right: 0.25rem;
}
.react-toolbar nw-button::part(label) {
  position: relative;
}
.react-toolbar nw-button::part(label):before {
  transition: 0.2s opacity, 0.2s transform;
  background: rgb(var(--nw-color-neutral-0));
  content: '';
  display: block;
  height: 1px;
  bottom: 4px;
  left: 0px;
  right: 0px;
  opacity: 0;
  position: absolute;
  transform: scaleX(0);
}
.react-toolbar nw-button:not([disabled='true'])::part(base):hover {
  color: rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-primary-500));
}
.react-toolbar nw-button:not([disabled='true'])::part(label):hover:before {
  opacity: 1;
  transform: scaleX(1);
}
.react-toolbar nw-checkbox:not(nw-dropdown nw-checkbox) {
  height: 100%;
}
.react-toolbar nw-checkbox:not(nw-dropdown nw-checkbox)::part(base) {
  color: white;
  padding: 0 7px;
  height: 100%;
}
.react-toolbar nw-checkbox:not(nw-dropdown nw-checkbox)::part(label)::before {
  transition: 0.2s opacity, 0.2s transform;
  background: rgb(var(--nw-color-neutral-0));
  content: '';
  display: block;
  height: 1px;
  bottom: 4px;
  left: 30px;
  right: 6px;
  opacity: 0;
  position: absolute;
  transform: scaleX(0);
}
.react-toolbar nw-checkbox:not(nw-dropdown nw-checkbox)::part(label):hover::before {
  opacity: 1;
  transform: scaleX(1);
}
.react-toolbar nw-checkbox.nw-on-fi-surface:not([disabled='true'])::part(base) {
  color: rgb(var(--nw-color-neutral-0));
}

.rc-time-selection {
  display: inline-flex;
  align-items: center;
}
.rc-time-selection .rc-time-show-border .selection-btn {
  border-style: solid;
  border-width: var(--nw-input-border-width);
  border-color: rgb(var(--nw-panel-border-color));
  border-radius: var(--nw-input-border-radius-medium);
}
.rc-time-selection .last-n-Text {
  width: 3em;
  padding-right: 5px;
  color: rgb(var(--nw-color-neutral-1000));
}
.rc-time-selection .last-n {
  width: 5em;
  display: inline-block;
}
.rc-time-selection .time-range {
  padding: 0 0.5rem;
  margin-top: 1px;
  color: rgb(var(--nw-color-neutral-1000));
}

body.tw-dark #script_codemirror_tooltip_body_text {
  color: rgb(var(--nw-color-neutral-1000));
}
body.nw-light #script_codemirror_tooltip_body_text {
  color: rgb(var(--nw-color-danger-500));
}

.fi-task-details .task-state-filter.filter-checked .button__prefix .nw-core-icon {
  color: rgb(var(--nw-color-neutral-on-primary));
}
.fi-task-details .task-state-filter .button__prefix {
  padding-left: 0.3rem;
}
.fi-task-details .task-state-filter .button__suffix {
  padding-left: 0.5rem;
  padding-right: 0.3rem;
  border-left: 1px solid rgb(var(--nw-color-neutral-200));
  height: 0.8rem;
}
.fi-task-details .collapsed-button {
  padding-top: unset;
}

#adom-faz-edit-explaination {
  font-size: 13px;
  font-weight: normal;
  color: rgb(var(--nw-color-neutral-500));
  margin-top: 10px;
}

.color-msg-green {
  color: rgb(var(--nw-color-on-msg-green));
  background-color: rgb(var(--nw-color-msg-green));
}
.color-msg-red {
  color: rgb(var(--nw-color-on-msg-red));
  background-color: rgb(var(--nw-color-msg-red));
}
.adom-switcher .adom-select-item {
  background-color: rgb(var(--nw-color-neutral-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.adom-switcher .adom-select-item .adom-type {
  opacity: 0.6;
}
.adom-switcher .adom-select-item:hover {
  background-color: rgb(var(--nw-color-primary-100));
  color: rgb(var(--nw-color-neutral-1000));
}
.adom-switcher .adom-select-item.selected {
  background-color: rgb(var(--nw-color-primary));
  color: rgb(var(--nw-color-on-primary));
}
.adom-switcher .adom-select-item.selected:hover {
  background-color: rgb(var(--nw-color-primary-400));
}
.np-theme-dark-matter .adom-select-item {
  background-color: rgb(var(--nw-color-panel-100));
}
.nw-dark-contrast .adom-select-item .adom-type {
  opacity: unset;
}
.nw-dark-contrast .adom-select-item.selected:hover {
  background-color: rgb(var(--nw-color-primary-600));
}
.adom-switcher .adom-select-container .adom-select {
  padding: 0;
  margin: 0;
  list-style: none;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item {
  display: inline-block;
  margin: 1px;
  height: 3.867rem;
  cursor: pointer;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item.selected:not(:focus) {
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
}
.adom-switcher .adom-select-container .adom-select .adom-select-item.selected.locked-other {
  color: rgb(var(--nw-color-on-msg-red));
  background-color: rgb(var(--nw-color-msg-red));
}
.adom-switcher .adom-select-container .adom-select .adom-select-item.selected.locked {
  color: rgb(var(--nw-color-on-msg-green));
  background-color: rgb(var(--nw-color-msg-green));
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content {
  display: inline-block;
  height: 3.867rem;
  vertical-align: middle;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-icon {
  width: 30px;
  height: 100%;
  position: relative;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-icon .ffg {
  width: 1em;
  height: 1em;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-icon .locked-other:not(.selected) {
  color: rgb(var(--nw-color-danger));
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text {
  padding: 5px 8px 5px 5px;
  font-weight: bold;
  width: 240px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-type {
  position: relative;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-name {
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 230px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text:active .adom-type,
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text:active .adom-name {
  top: 1px;
  left: 1px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text.selected {
  color: #fff;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text.selected .popover {
  color: black;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-title {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-title .adom-devcounts {
  margin-left: 5px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-subtitle {
  display: flex;
  align-items: center;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-subtitle .adom-type {
  flex-grow: 1;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-subtitle .popover-content {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .adom-subtitle hr {
  margin: 0px;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .with-brackets {
  white-space: nowrap;
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .with-brackets::before {
  content: '(';
}
.adom-switcher .adom-select-container .adom-select .adom-select-item .adom-content.adom-text .with-brackets::after {
  content: ')';
}
.adom-switcher .adom-select-container .adom-select .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adom-switcher .warning-container {
  background-color: #fff3cd;
  display: flex;
  margin-left: 15px;
  padding-left: 15px;
  margin-right: 15px;
  padding-right: 15px;
  height: 3.867rem;
  margin-bottom: 10px;
  align-items: center;
  border: 2px solid #ffeeba;
}
.adom-switcher .expired-adom-icon {
  color: #c06819;
  padding-right: 3px;
  padding-left: 3px;
  zoom: 120%;
}
.adom-switcher .expire-text {
  color: #c06819;
  padding-left: 8px;
}
.adom-switcher .expired-adom-btn {
  border-radius: 5px;
  background-color: rgb(var(--nw-color-danger-700));
  border: 1px solid;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 20px;
}
.nw-dark-contrast .adom-healther-check .adom-select-container .adom-select .adom-select-item {
  background-color: rgb(var(--nw-color-neutral-0));
}
.nw-dark-contrast .adom-healther-check .adom-select-container .adom-select .adom-select-item:hover,
.nw-dark-contrast .adom-healther-check .adom-select-container .adom-select .adom-select-item.selected {
  background-color: rgb(var(--nw-color-neutral-0));
}

.fileTable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}
.fileTable > thead > tr > th {
  padding: 8px;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.fileTable > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

#rc-wizard-progress-bar {
  transition: height 400ms ease-in 0ms;
}
#rc-wizard-progress-bar nw-tooltip .rc-wizard-progress-bar-segment {
  transition: background-color 400ms ease-in 0ms;
}
#rc-wizard-progress-bar nw-tooltip::part(base) {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
  border: 2px solid rgb(var(--nw-color-border));
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.more-records-popover {
  width: fit-content;
  min-width: 300px;
  max-width: 700px;
  min-height: 200px;
  max-height: 400px;
}
.more-records-popover fi-windowlist {
  max-height: 400px;
}

.nw-dark-contrast .BaseTable .BaseTable__row.row-selected .BaseTable__row-cell .contrast-color-severity-selected {
  background-color: rgb(var(--nw-color-neutral-0)) !important;
  color: rgb(var(--nw-color-neutral-1000)) !important;
}
.nw-dark-contrast .psirt_irnumber_circle {
  border-style: solid;
  border-width: 1px;
}

.navbar-right-item-cloudsoc .enable-icon {
  color: rgb(var(--nw-color-success));
  padding-right: 5px;
}
.navbar-right-item-cloudsoc .warning-icon {
  color: rgb(var(--nw-color-amber));
  padding-right: 5px;
}
.navbar__cloud-socaas {
  font-size: 1.75rem;
}
.navbar__cloud-socaas--onboard {
  color: rgb(var(--nw-color-success-400));
}
.navbar__cloud-socaas--not-onboard {
  color: rgb(var(--nw-color-warning-400));
}
.navbar__cloud-socaas-trigger .button__label {
  display: flex;
  align-items: center;
  justify-content: center;
}

[automation-id='cloud-service-panel']:hover::part(base) {
  background-color: rgb(var(--nw-panel-background-color)) !important;
}

[automation-id='profile-dropdown-panel']:hover::part(base),
[automation-id='cloud-support-panel']:hover::part(base) {
  background-color: rgb(var(--nw-panel-background-color)) !important;
}

.ou-tree-no-overflow-panel::part(panel) {
  overflow: hidden;
}
.ou-node-row .ou-node-select-btn {
  visibility: hidden;
}
.ou-node-row:hover .ou-node-select-btn {
  visibility: visible;
}

.gdpr-body .np-section {
  min-width: unset !important;
}
.mask-background {
  background-color: rgba(0, 0, 0, 0.5) !important;
  pointer-events: none !important;
  cursor: crosshair !important;
}

.obj-dropbox:hover {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.obj-dropbox:focus {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.obj-dropbox.editing {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.nw-dark-contrast .obj-dropbox:hover nw-icon,
.nw-dark-contrast .obj-dropbox:focus nw-icon,
.nw-dark-contrast .obj-dropbox.editing nw-icon {
  color: rgb(var(--nw-color-white));
}
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-webfilter::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-ssl-ssh-inspection::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-antivirus::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-icap::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-application::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-ips::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-dnsfilter::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-dlp::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-waf::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-protocol-options::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-videofilter::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-filefilter::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-emailfilter::before,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) .ftnt-profile-voip .ftnt-profile-telemetry::before {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) nw-icon::part(base) {
  color: rgb(var(--nw-color-neutral-1000));
}
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) nw-icon-button:not([disabled])::part(base),
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) nw-icon-button:not([disabled])::part(base):focus,
.tw-dark .np-toolkit-drawer .fi-input-focused:hover:not(disabled) nw-icon-button:not([disabled])::part(base):hover {
  color: rgb(var(--nw-color-neutral-1000));
}

.obj-select-pane.body {
  padding: 15px;
}
.obj-select-pane .creatable-item:hover {
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}

.obj-select-pane .item-top-bar {
  padding-bottom: 15px;
}
.obj-select-pane .item:hover {
  cursor: pointer;
}
.obj-select-pane .group-item {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: normal;
  opacity: 0.6;
}
.obj-select-pane .leaf-item {
  padding-left: 20px;
}
.obj-select-pane .leaf-item:hover {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.obj-select-pane .leaf-item.selected {
  color: rgb(var(--nw-color-neutral-1000)) !important;
  background-color: rgb(var(--nw-color-primary-200)) !important;
}
.obj-select-pane .leaf-item.new-item {
  background-color: #fb923c;
}

.xterm-viewport {
  overflow-y: auto !important;
}

.fi_borderless_terminal::part(panel) {
  padding: 0 !important;
  border: none;
}
.fi_borderless_terminal::part(body) {
  padding: 0 !important;
}
.fi_borderless_terminal::part(label) {
  text-align: start;
}
.fi_borderless_terminal::part(actions) {
  padding: calc(var(--header-spacing) / 2);
}
.fi_borderless_terminal .recording::part(base) {
  color: rgb(var(--nw-color-danger-500));
}
.fi_borderless_terminal .terminal_content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fi_borderless_terminal .terminal_content .terminal.xterm {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0.5em;
}

.header .header-title .logo {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.startup-wizard-ctn .tab-title {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0;
}
.startup-wizard-ctn .step-list {
  margin-top: 10px;
  padding-left: 0;
  list-style-position: inside;
}
.startup-wizard-ctn .step-list .step-list-item {
  margin-bottom: 20px;
  padding: 10px;
  background-color: rgb(var(--nw-color-primary-50));
}
.startup-wizard-ctn .step-list .checkmark-icon-color {
  color: rgb(var(--nw-color-success));
}
.startup-wizard-ctn .fi-group {
  margin-bottom: 10px;
}
.startup-wizard-ctn .fi-group label {
  margin: auto;
}
.startup-wizard-ctn .fi-group input {
  height: 35px;
  padding: 5px;
  border-color: rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-primary-50));
}
.startup-wizard-ctn .fi-group .select2-choice {
  height: 35px;
  border-color: rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-primary-50));
}
.startup-wizard-ctn .fi-group .select2-choice .select2-chosen {
  line-height: 35px;
}
.np-theme-dark-matter .startup-wizard-ctn .step-list-item {
  background-color: rgb(var(--nw-color-neutral-300));
}

.faz-advisor-drawer .drawer__panel {
  z-index: 500;
}

div.dvm_widget_form .np-section {
  min-width: unset;
}

.nw-light .nav-menu-container {
  background: rgb(var(--nw-color-neutral-50));
}
.np-theme-dark-matter .nav-menu-container {
  background: rgb(var(--nw-color-neutral-200));
}
.nw-dark-contrast .nav-menu-container {
  background: rgb(var(--nw-color-neutral-100));
}
.node .node-icon,
.node .toggle-button {
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.node .node-icon.ffg,
.node .toggle-button.ffg {
  top: unset;
}
.node .toggle-button {
  font-size: 0.9rem;
}
.node.selected .node-icon,
.node.selected .toggle-button {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.node.selected .node-icon .nw-iconbutton,
.node.selected .toggle-button .nw-iconbutton {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.node.node-disabled {
  opacity: var(--nw-disabled-opacity);
  background-color: rgb(var(--nw-color-neutral-100));
}
.node .node-icon-text {
  display: inline-block;
  padding-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-size: 1rem;
  padding-right: 1.5rem;
}
.nw-dark .node.selected .node-icon::part(base),
.nw-dark .node.selected .toggle-button,
.nw-dark .node.selected .toggle-button::part(base) {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.nw-dark .node.selected .node-icon::part(base) nw-icon::part(base),
.nw-dark .node.selected .toggle-button nw-icon::part(base),
.nw-dark .node.selected .toggle-button::part(base) nw-icon::part(base) {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.nw-dark .node .node-icon-text {
  color: rgb(var(--nw-color-on-primary));
}
.dvm-tree-searchbox input {
  background-color: transparent !important;
  color: rgb(var(--nw-color-neutral-1000));
}
.dvm-tree-searchbox input::placeholder {
  color: rgb(var(--nw-color-neutral-1000));
  /* Firefox */
  opacity: 1;
}

nw-tooltip.cli-label-tooltip::part(base) {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
  border: 1px solid rgb(var(--nw-color-border));
}
.con-adv-opts {
  padding-bottom: 20px;
}
.con-adv-opts .adv-opts-title {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  width: 100%;
}
.con-adv-opts .adv-cursor {
  cursor: pointer;
}
.con-adv-opts nw-details::part(header) {
  font-weight: bold;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  background-color: rgb(var(--nw-color-neutral-100));
}
.con-adv-opts nw-details::part(base) {
  border: none;
}
.con-adv-opts nw-details::part(summary) {
  flex-grow: 0;
}
.con-adv-opts nw-details::part(content) {
  padding: 0.5rem 0rem 0.5rem 1rem;
}
.con-adv-opts-subsection nw-details::part(header) {
  margin: 10px 0px;
  background-color: rgb(var(--nw-color-neutral-200));
  padding: 5px 10px;
  border-radius: 3px;
}

.obj-box {
  position: relative;
  margin: 1px 0;
}
.obj-box .obj-name {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 25px;
  line-height: 17px;
}
.obj-box .obj-name-normal-wrap {
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
}
.obj-box .obj-name-fix {
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.obj-box .obj-detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
}
.obj-box .obj-detail-pre-line {
  white-space: pre-line;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
  font-weight: normal;
  font-size: 11px;
}
.obj-box .obj-selection {
  position: absolute;
  top: 3px;
  right: 3px;
}

.template-cli-preview-cm .np-section-body {
  padding: unset;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.template-cli-preview-cm .np-section-body .CodeMirror {
  height: fit-content;
}

.dvm_dashboard_license_pane_item:hover {
  box-shadow: inset 0 0 1000px 1000px rgba(255, 255, 255, 0.1);
}
.dvm_dashboard_license_pane_item path {
  fill: rgb(var(--nw-color-on-msg-green)) !important;
  color: rgb(var(--nw-color-on-msg-green)) !important;
}
.dvm_dashboard_license_pane_usage_bar:hover {
  background-color: rgb(var(--nw-color-neutral-100));
}

.nwp-table__row-cell--active .fi-focus-hover-opacity-100,
.nwp-table__row-cell:focus .fi-focus-hover-opacity-100,
.nwp-table__row-cell:focus-within .fi-focus-hover-opacity-100,
.nwp-table__row-cell:hover .fi-focus-hover-opacity-100 {
  opacity: 100;
}
.nwp-table__row-cell--active .fi-focus-hover-block,
.nwp-table__row-cell:focus .fi-focus-hover-block,
.nwp-table__row-cell:focus-within .fi-focus-hover-block,
.nwp-table__row-cell:hover .fi-focus-hover-block {
  display: block;
}

.inline-cell-edit-ctn .cell-btns {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.inline-cell-edit-ctn .cell-btns:hover {
  opacity: 1;
}

.csv-dev-table-section .np-section-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

nw-button.managed-controllers-name-col-button::part(base) {
  padding: 0px;
}

.dvm_dashboard_vm_widget:hover {
  background-color: rgb(var(--nw-color-neutral-100));
}

/*
 * Variables definitions.
 *
 * WARNING: Do not put any non-variable instruction here becuase it's
 * imported by themes and other less files which will do unnecessary or wrong
 * overwrites.
 */
#raid_management .fi-group {
  padding-left: 15px;
}
#raid_management .raid_ok {
  background: transparent url('/static/images/legacy/raid/raid_sprites.png') 0px -80px no-repeat;
  width: 96px;
  height: 68px;
}
#raid_management .raid_failure {
  background: transparent url('/static/images/legacy/raid/raid_sprites.png') 0px -155px no-repeat;
  width: 96px;
  height: 68px;
}
#raid_management .raid_warning {
  background: transparent url('/static/images/legacy/raid/raid_sprites.png') 0px -230px no-repeat;
  width: 96px;
  height: 68px;
}
#raid_management div.disk {
  border-style: none;
  padding: 0 0 0px 0px;
}
#raid_management div.disk .pad_four {
  border-style: none;
  padding: 0 0 0px 4px;
}
#raid_management img.disk_ok {
  background: url('/static/images/legacy/raid/raid_sprites.png') 0px 0px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_not_used {
  background: url('/static/images/legacy/raid/raid_sprites.png') -40px 0px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_warning {
  background: url('/static/images/legacy/raid/raid_sprites.png') -20px 0px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_rebuilding {
  background: url('/static/images/legacy/raid/raid_sprites.png') -20px -20px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_failure {
  background: url('/static/images/legacy/raid/raid_sprites.png') 0px -40px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_spare {
  background: url('/static/images/legacy/raid/raid_sprites.png') 0px -20px;
  height: 16px;
  width: 18px;
}
#raid_management img.disk_new {
  background: url('/static/images/legacy/raid/raid_sprites.png') 0px -60px;
  height: 16px;
  width: 18px;
}
#raid_management .disk_bg {
  background: transparent url('/static/images/legacy/raid/raid_sprites.png') 0px -305px no-repeat;
  height: 28px;
  width: 96px;
}
#raid_management .no_disk {
  background: transparent url('/static/images/legacy/raid/raid_sprites.png') 0px -335px no-repeat;
  height: 28px;
  width: 96px;
}
#raid_management header {
  position: relative;
}
#raid_management .hide {
  display: none;
}
#raid_management .tab-content {
  padding: 25px;
}
#raid_management #material-tabs {
  position: relative;
  display: block;
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
}
#raid_management #material-tabs > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 22px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #424f5a;
  text-align: center;
}
#raid_management #material-tabs > a.active {
  font-weight: 700;
  outline: none;
}
#raid_management #material-tabs > a:not(.active):hover {
  background-color: inherit;
  color: #7c848a;
}
#raid_management .yellow-bar {
  position: absolute;
  z-index: 10;
  bottom: 0;
  height: 3px;
  background: #458cff;
  display: block;
  left: 0;
  transition: left 0.2s ease;
  -webkit-transition: left 0.2s ease;
}
#raid_management #tab1-tab.active ~ span.yellow-bar {
  left: 0;
  width: 124px;
}
#raid_management #tab2-tab.active ~ span.yellow-bar {
  left: 129px;
  width: 146px;
}
#raid_management #tab3-tab.active ~ span.yellow-bar {
  left: 253px;
  width: 135px;
}
#raid_management #tab4-tab.active ~ span.yellow-bar {
  left: 392px;
  width: 163px;
}
#raid_management .raid-disk-grid {
  display: table;
}
#raid_management .raid-disk-grid .raid-grid-row {
  display: flex;
}
#raid_management .raid-disk-grid .raid-grid-cell {
  display: table-cell;
}
#raid_management .flex-row {
  display: flex;
  flex-flow: row wrap;
}
#raid_management .flex-row .flex-1-1 {
  flex: 1 1 10px;
}

/*
 * Variables definitions.
 *
 * WARNING: Do not put any non-variable instruction here becuase it's
 * imported by themes and other less files which will do unnecessary or wrong
 * overwrites.
 */
#exclusion-col-select .modal-header {
  background-color: rgb(var(--nw-color-neutral-700));
  height: 30px;
  font-size: 1rem;
  color: rgb(var(--nw-color-neutral-0));
  padding: 5px;
}
#exclusion-col-select .modal-header input[type='checkbox'] {
  vertical-align: top;
}
#exclusion-col-select .modal-body {
  padding: 0;
  height: calc(100% - 30px - 25px - 35px);
}
#exclusion-col-select .modal-body .list-group > li {
  padding-top: 1px;
  padding-bottom: 1px;
}
#exclusion-col-select .modal-footer {
  height: 35px;
  padding-top: 5px;
}
#exclusion-col-select .modal-footer button {
  height: 25px;
  padding-top: 2px;
}
.exclusion-col-select-popup {
  background: white;
  border: 1px solid #ebebeb;
  top: 30px;
  bottom: 52px;
  right: 0;
  position: absolute;
  width: 400px;
}
.log-forwarding .flex-column {
  display: flex;
  flex-direction: column;
}
.log-forwarding .flex-1-1 {
  flex: 1 1 1px;
}
.log-forwarding .scroll-y-auto {
  overflow-y: auto;
}
.device-filters {
  width: 100%;
}
.device-filters .action {
  width: 30%;
}
.device-filters .device {
  width: 60%;
  margin-left: 0.5rem;
}
.device-filters .device > .list-item {
  width: 100%;
}

.log-forward::part(base) {
  height: 100%;
}
.log-forward::part(body) {
  height: 100%;
}
.log-forward nw-tab-panel::part(base) {
  padding: 0.2em;
  height: 100%;
}

#snmp_settings {
  display: flex;
  flex-direction: column;
}
#snmp_settings .snmp-table-container {
  height: 250px;
}

.CodeMirror {
  width: 100%;
  height: 100%;
}

#sso_settings_edit .fi-container {
  width: 55rem;
}
#sso_settings_edit .title-checkbox-margin-left {
  margin-left: 22px;
}
#sso_settings_edit .form-checkbox-margin-left {
  margin-left: 10px;
}
#sso_settings_edit .tooltip-inner {
  max-width: 100%;
}
#sso_settings_edit .tooltip-inner ul {
  text-align: left;
  padding-left: 1em;
}
#sso_settings_edit .fi-group-header {
  padding-left: 0;
  cursor: auto;
}
#sso_settings_edit .alert-with-icon {
  display: flex;
  flex-direction: row;
}
#sso_settings_edit .alert-with-icon .alert-icon {
  margin-right: 10px;
  align-self: center;
}

.scalebar-container {
  display: flex;
  width: 100%;
}
.scalebar-container .storage-info-quota-usage-text {
  width: 50%;
  overflow-x: hidden;
}
.scalebar-container .sys-storage-info-scale-bar {
  margin-left: 10px;
  min-width: 80px;
  width: 40%;
  display: flex;
}
.scalebar-container .sys-storage-info-scale-bar nw-progress-bar {
  flex: 1 0 auto;
}
.scalebar-container .sys-storage-info-scale-bar nw-progress-bar::part(base) {
  height: 100%;
  align-items: center;
  height: 10px;
  border-radius: 0;
  margin-top: 5px;
}
.scalebar-container .sys-storage-info-scale-bar nw-progress-bar::part(bar) {
  background-color: rgb(var(--nw-color-neutral-300));
  box-shadow: 0 0 0;
}
.scalebar-container .sys-storage-info-scale-bar nw-progress-bar::part(indicator) {
  background-color: rgb(var(--nw-color-primary-600));
}
.scalebar-container .sys-storage-info-scale-bar .sys-storage-info-scale-bar-number {
  width: 40px;
}
.scalebar-container .sys-storage-info-scale-bar.exceed-limit nw-progress-bar::part(indicator) {
  background-color: #ff9380;
}
.storage-info-edit-drawer .modal-body .fi-container {
  width: 100%;
}
.storage-info-edit-drawer .modal-body .title {
  font-size: 14px;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-200));
  padding: 10px 15px;
  margin-bottom: 10px;
  width: 100% !important;
  font-weight: bold;
  border-radius: 3px;
}

.storage-view-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: rgb(var(--nw-color-neutral-0));
  overflow-x: auto;
}
.storage-view-container .main-container {
  flex-grow: 1;
  display: flex;
}
.storage-view-container .main-container .main-item {
  width: 100%;
}
.storage-view-container .main-container .list-table thead tr th .sortable {
  cursor: pointer;
}
.storage-view-container .statistic-progress .table-header-progress {
  top: 0;
  left: 0;
}
.storage-view-container .statistic-toolbar {
  display: flex;
  align-items: center;
}
.storage-view-container .statistic-toolbar .title {
  font-weight: bold;
}
.storage-view-container .statistic-toolbar .statistic-refresh {
  margin-left: auto;
  cursor: pointer;
  color: #3077b7;
  font-size: 16px;
  top: 0;
}
.storage-view-container .statistic-special .storage-container {
  padding: 0px;
}
.storage-view-container .statistic-special .storage-container .analytics-container,
.storage-view-container .statistic-special .storage-container .archive-container {
  margin-bottom: 0px;
}
.storage-view-container .statistic-special .storage-container .detail-container .chart-container {
  margin-top: 0px;
}
.storage-view-container .storage-toolbar {
  display: flex;
  align-items: center;
  padding-left: 15px;
  flex-shrink: 0;
}
.storage-view-container .storage-toolbar .toolbar-text {
  margin-left: 10px;
}
.storage-view-container .storage-container {
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
  min-width: 750px;
  color: rgb(var(--nw-color-neutral-500));
}
.storage-view-container .storage-container .c3-text.c3-empty {
  fill: rgb(var(--nw-color-neutral-500));
}
.storage-view-container .storage-container .analytics,
.storage-view-container .storage-container .archive {
  border: rgb(var(--nw-color-border)) 1px solid;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 10px;
}
.storage-view-container .storage-container .analytics .analytics-container,
.storage-view-container .storage-container .archive .analytics-container,
.storage-view-container .storage-container .analytics .archive-container,
.storage-view-container .storage-container .archive .archive-container {
  display: flex;
  min-width: 500px;
}
.storage-view-container .storage-container .analytics .analytics-container .subtitle,
.storage-view-container .storage-container .archive .analytics-container .subtitle,
.storage-view-container .storage-container .analytics .archive-container .subtitle,
.storage-view-container .storage-container .archive .archive-container .subtitle {
  font-weight: bold;
}
.storage-view-container .storage-container .analytics .nw-spinner,
.storage-view-container .storage-container .archive .nw-spinner {
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.storage-view-container .storage-container nw-progress-ring::part(label) {
  font-size: 22px;
  font-weight: normal;
  color: rgb(var(--nw-color-neutral-1000));
}
.storage-view-container .storage-container .summary-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 33%;
}
.storage-view-container .storage-container .summary-container .summary-subcontainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  flex: 1;
}
.storage-view-container .storage-container .summary-container .summary-subcontainer .summary-info {
  font-size: 11px;
  font-weight: normal;
  color: rgb(var(--nw-color-neutral-500));
}
.storage-view-container .storage-container .summary-container .summary-chart {
  margin-top: 15px;
}
.storage-view-container .storage-container .summary-container .summary-chart .progress-circle-chart {
  fill: #f1f1f1;
}
.storage-view-container .storage-container .detail-container {
  position: relative;
  flex-grow: 1;
  min-width: 500px;
  padding: 10px;
  width: 67%;
  display: flex;
  flex-direction: column;
}
.storage-view-container .storage-container .detail-container .detail-config {
  display: flex;
  align-items: center;
}
.storage-view-container .storage-container .detail-container .chart-container {
  margin-top: 15px;
  width: 100%;
}
.storage-view-container .storage-container .detail-container .chart-container .chart {
  height: 250px;
}
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-grid line {
  stroke-width: 1px;
  stroke: rgb(var(--nw-color-neutral-200));
  stroke-dasharray: 0;
}
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-line {
  stroke-width: 2px;
}
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-y,
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-x {
  font-size: 10px;
  font-weight: lighter;
}
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-y tspan,
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-x tspan {
  fill: rgb(var(--nw-color-neutral-400));
}
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-y line,
.storage-view-container .storage-container .detail-container .chart-container .c3 .c3-axis-x line {
  stroke: rgb(var(--nw-color-neutral-200));
}
.storage-view-container .storage-container .detail-container .chart-container .c3 path.domain {
  stroke-width: 2px;
  stroke: rgb(var(--nw-color-neutral-200));
}
.storage-view-container .storage-container .detail-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.storage-view-container .storage-container .detail-toolbar .max-switch {
  display: inline-block;
  margin-right: 4px;
}
.storage-view-container .storage-container .detail-toolbar .max-switch label {
  font-weight: bold;
  margin: 0;
}
.storage-view-container .storage-container .detail-toolbar .max-switch input[type='checkbox'] {
  vertical-align: sub;
}
.storage-view-container .storage-container .detail-toolbar .detail-config {
  font-weight: bold;
}
.storage-view-container .storage-container .detail-toolbar .chart-type {
  display: inline-block;
  margin-right: 8px;
}
.storage-view-container .storage-container .detail-toolbar .chart-type a.select-btn {
  cursor: pointer;
  text-decoration: none;
  border: none;
  border-radius: 3px;
  padding: 5px;
}
.storage-view-container .storage-container .detail-toolbar .chart-type .dropdown-menu a {
  font-size: 12px;
  cursor: pointer;
}
.storage-view-container .storage-container .detail-toolbar .go-back-btn {
  margin: 0 4px;
  padding: 2px 12px 1px 12px;
  background-color: #ebebeb;
  color: #000;
}
.storage-view-container .storage-container .summary .c3-chart-arcs-title {
  font-size: 2em;
}
.storage-view-container .storage-container .c3-ygrid-line.red line {
  stroke: red;
}
.storage-view-container .storage-container .c3-xgrid-line.bold-black text {
  font-size: 1.2em;
}
.storage-view-container .storage-container .c3-xgrid-line.bold-black line {
  stroke-width: 1.2px;
}
.storage-view-container .storage-container .c3-target-Available {
  display: none;
}
.storage-view-container .storage-container .c3-target-Trend {
  stroke-dasharray: 5, 5;
}
.storage-view-container .storage-container .c3-chart-text.c3-target.c3-target-Max {
  transform: translateX(-73px);
}

.tileview-container {
  display: flex;
  flex-direction: column;
}
.tileview-container .tiles-content-container {
  overflow-y: auto;
}
.tileview-container .tiles-content-container .tiles-container {
  display: flex;
  flex-wrap: wrap;
}
.tileview-container .tiles-content-container .tiles-container .tileview-tile {
  margin: 10px;
  border-radius: 10px;
}
.tileview-container .tiles-content-container .tiles-container .tileview-tile.selected {
  border: 3px solid rgb(var(--nw-color-primary-700));
}
.tileview-container .tiles-content-container .tiles-container nw-card::part(base) {
  outline: none;
}
.tileview-container .tiles-content-container .tiles-container nw-tooltip {
  --nw-tooltip-arrow-size: 0;
}

#sys_adminuser_list {
  height: 100%;
}
#sys_adminuser_list .tileview-container .tile::part(base) {
  width: 400px;
  height: 370px;
}
#sys_adminuser_list .tileview-container .tile::part(body) {
  overflow-y: auto;
  overflow-x: hidden;
}
#sys_adminuser_list .tileview-container .tile .avatar-container {
  width: 40%;
  display: inline-block;
}
#sys_adminuser_list .tileview-container .tile .avatar-container .fi-user-avatar::part(base) {
  width: 64px;
  height: 64px;
  font-size: var(--size);
}
#sys_adminuser_list .tileview-container .tile .avatar-container .avatar-admin-status {
  padding-top: 18px;
}
#sys_adminuser_list .tileview-container .tile .avatar-container .avatar-admin-status::before {
  font-size: 1.3em;
}
#sys_adminuser_list .tileview-container .tile .avatar-descriptions {
  font-weight: bold;
  font-size: large;
}
#sys_adminuser_list .tileview-container .profile-cell:hover .fi-focus-hover-opacity-100 {
  opacity: 100;
}
#sys_adminuser_list .avatar-descriptions {
  padding-top: 7px;
  padding-left: 3px;
}
#sys_adminuser_list .avatar-admin-status {
  display: inline-block;
  padding-top: 7px;
  margin-left: -15px;
  min-width: 14px;
  vertical-align: text-top;
}
#sys_adminuser_list .view-profile-tooltip {
  --nw-tooltip-background-color: rgb(var(--nw-color-neutral-200));
}
#sys_adminuser_list .view-profile-tooltip::part(base) {
  max-width: 650px;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
  border: 1px solid rgb(var(--nw-color-border));
  border-radius: 6px;
  padding: 0;
}
#sys_adminuser_list .view-profile-tooltip .profile-tooltip-body {
  margin: 0;
  max-height: 70vh;
  white-space: normal;
  overflow-y: auto;
}
#sys_adminuser_list .view-profile-tooltip .profile-tooltip-body .title {
  padding: 8px 14px;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-200));
}
#sys_adminuser_list .view-profile-tooltip .profile-tooltip-body .content {
  padding: 8px 14px;
}
#sys_adminuser_list .admin-tile-header {
  display: flex;
  overflow: auto;
}
#sys_adminuser_list .admin-tile-header .admin-tile-avatar {
  margin: 10px;
}
#sys_adminuser_list .admin-tile-header .admin-tile-header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#sys_adminuser_list .admin-tile-header .admin-tile-header-info .username {
  font-weight: bold;
  font-size: large;
}
#sys_adminuser_list .admin-tile-info-table {
  width: 100%;
}
#sys_adminuser_list .admin-tile-info-table .admin-tile-info-row {
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
}
#sys_adminuser_list .admin-tile-info-table .admin-tile-info-row td {
  padding: 5px;
}
.profile-cell {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.profile-cell a {
  cursor: pointer;
}
.profile-cell span {
  display: inline-block;
}
.profile-cell span.cell-btns {
  opacity: 0.01;
  transition: opacity 0.3s ease-in-out;
}
.profile-cell .ffg {
  padding-left: 3px;
}
.profile-cell .ffg:hover {
  cursor: pointer;
  color: #337ab7;
}
.profile-cell .popover {
  color: black;
}
.profile-cell .popover .radio-matrix {
  overflow-y: auto;
  max-height: 50vh;
}
.profile-cell span.profile-select {
  min-width: 70%;
}
.profile-cell button.save-profile-btn {
  font-size: 0.8rem;
  margin: 3px 0px 3px 3px;
  padding: 0 3px;
}
.profile-cell .profile-select a {
  color: #000 !important;
}
.profile-cell:hover span.cell-btns {
  opacity: 1;
}
fi-admin-profile-tooltip {
  min-width: 250px;
}
.sys_admin_popover_lg .radio-matrix {
  overflow-y: auto;
  max-height: 60vh;
}
.sys_admin_popover_md .radio-matrix {
  overflow-y: auto;
  max-height: 50vh;
}
.sys_admin_popover_sm .radio-matrix {
  overflow-y: auto;
  max-height: 40vh;
}
.sys_admin_popover_ex_sm .radio-matrix {
  overflow-y: auto;
  max-height: 30vh;
}
body:not(.tw-dark) #sys_adminuser_list .row-selected .profile-cell a,
body:not(.tw-dark) #sys_adminuser_list .BaseTable__row:hover .profile-cell a,
body:not(.tw-dark) #sys_adminuser_list :active .profile-cell a,
body:not(.tw-dark) #sys_adminuser_list :focus .profile-cell a {
  color: inherit;
}
body:not(.tw-dark) #sys_adminuser_list .row-selected .avatar-descriptions,
body:not(.tw-dark) #sys_adminuser_list .BaseTable__row:hover .avatar-descriptions,
body:not(.tw-dark) #sys_adminuser_list :active .avatar-descriptions,
body:not(.tw-dark) #sys_adminuser_list :focus .avatar-descriptions {
  color: inherit;
}

div .sys-adv-opts-header nw-details::part(header) {
  font-weight: bold;
}

.file-management-selection-container fi-sselect {
  width: 100px;
}

.review-request table > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid rgb(var(--nw-color-border));
}
.review-request table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  background-color: rgb(var(--nw-color-neutral-50));
}

.log-fetcher::part(base) {
  height: 100%;
}
.log-fetcher::part(body) {
  height: 100%;
}
.log-fetcher nw-tab-panel::part(base) {
  padding: 0.2em;
  height: 100%;
}

.fabric-auth-container {
  background-color: rgb(var(--nw-color-neutral-0));
  height: 100%;
  overflow-y: auto;
}
.fabric-auth-container .settings-form-container {
  height: 100%;
}
.np-toolkit-modal.fi-pro-confirm-modal .np-section {
  min-width: 30rem;
}

.fabric-manage-panel-container {
  margin: 0 1rem 0 1rem;
  border: 1px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.4rem;
  box-shadow: 0 1px 2px rgb(var(--nw-color-neutral-400));
}
.fabric-manage-panel-container .supervisor-row {
  height: 7rem;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.4rem 0.4rem 0 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.fabric-manage-panel-container .supervisor-row .icon-container {
  width: 7rem;
  height: 7rem;
  border-radius: 0.4rem 0 0 0.4rem;
  background-color: rgb(var(--nw-color-primary-500));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(var(--nw-color-neutral-0));
}
.fabric-manage-panel-container .supervisor-row .icon-container .icon {
  width: 4rem;
  height: 4rem;
}
.fabric-manage-panel-container .supervisor-row .icon-container .role-description {
  font-weight: bold;
}
.fabric-manage-panel-container .collapse-btn-container {
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--nw-color-neutral-500));
}
.fabric-manage-panel-container .collapse-btn-container .icon {
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}
.fabric-manage-panel-container .member-container {
  min-height: 200px;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.member-container {
  padding: 1rem;
}
.fabric-member-card-container {
  width: 28rem;
  border: 2px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
}
.fabric-member-card-container .summary-row {
  height: 6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgb(var(--nw-color-neutral-100));
  border-radius: 0.6rem 0.6rem 0 0;
}
.fabric-member-card-container .summary-row .icon-container .icon-background {
  width: calc(6rem - 1.2rem);
  height: calc(6rem - 1.2rem);
  margin: calc(1.2rem/2);
  border-radius: 0.6rem;
  background-color: rgb(var(--nw-color-primary-500));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(var(--nw-color-neutral-0));
}
.fabric-member-card-container .summary-row .icon-container .icon {
  width: 3rem;
  height: 3rem;
}
.fabric-member-card-container .summary-row .icon-container .role-description {
  font-size: small;
  font-weight: bold;
}
.fabric-member-card-container.pending {
  border: 2px solid rgb(var(--nw-color-caution-400));
}
.fabric-member-card-container.pending .summary-row {
  background-color: rgb(var(--nw-color-caution-100));
}
.fabric-member-card-container.pending .summary-row .icon-container .icon-background {
  background-color: rgb(var(--nw-color-caution-600));
}
.fabric-member-card-container.other {
  border: 2px solid rgb(var(--nw-color-warning-200));
}
.fabric-member-card-container.other .summary-row {
  background-color: rgb(var(--nw-color-warning-50));
}
.fabric-member-card-container.other .summary-row .icon-container .icon-background {
  background-color: rgb(var(--nw-color-warning-400));
}
.fabric-member-card-container .delete-icon {
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}
.fabric-member-card-container .card-content {
  padding: 1rem 2rem;
  display: flex;
  gap: 3px;
  flex-direction: column;
}
.fabric-member-card-container .card-content .row {
  display: flex;
  flex-direction: row;
}
.fabric-member-card-container .card-content .row .field {
  color: rgb(var(--nw-color-neutral-500));
  width: 8rem;
}
.fabric-member-card-container .card-content .row .value {
  font-weight: bold;
  display: flex;
  align-items: baseline;
  flex: 1 0 auto;
}
.fabric-member-card-container .card-content .row .value.percentage {
  justify-content: space-between;
}
.fabric-member-card-container .card-content .row .value.caution {
  color: rgb(var(--nw-color-orange-500));
}
.fabric-member-card-container .card-content .row .value.warning {
  color: rgb(var(--nw-color-red-500));
}
.fabric-member-card-container .card-content .row .value .percentage-detail {
  font-weight: 500;
  font-size: small;
  color: rgb(var(--nw-color-neutral-500));
}
.fabric-member-card-container .card-content .divider {
  border-bottom: rgb(var(--nw-color-neutral-300));
  width: 100%;
}
.fabric-member-card-container .card-footer {
  height: 30px;
}
.fabric-member-card-container .card-footer .footer-button {
  border-top: 1px solid rgb(var(--nw-color-neutral-100));
  gap: 10px;
}
.fabric-member-card-container .card-footer .footer-button:hover {
  background-color: rgb(var(--nw-color-neutral-50));
}
.fabric-member-card-container .card-footer .footer-button:hover .nw-core-icon {
  color: rgb(var(--nw-color-neutral-1000));
}
.fabric-member-card-container .card-footer .footer-button:hover .button-text {
  color: rgb(var(--nw-color-neutral-1000));
}
.fabric-member-card-container .card-footer .footer-button:nth-of-type(2) {
  border-left: 1px solid rgb(var(--nw-color-neutral-100));
}
.fabric-member-card-container .card-footer .footer-button:first-of-type {
  border-radius: 0 0 0 0.6rem;
}
.fabric-member-card-container .card-footer .footer-button:last-of-type {
  border-radius: 0 0 0.6rem 0;
}
.fabric-member-card-container .card-footer .footer-button .nw-core-icon {
  color: rgb(var(--nw-color-neutral-400));
}
.fabric-member-card-container .card-footer .footer-button .button-text {
  color: rgb(var(--nw-color-neutral-500));
}

.faz-fabric-groups-list-view .BaseTable .nw-progress-bar {
  width: 9rem;
}
.faz-fabric-groups-list-view .BaseTable .nw-progress-bar .nw-core-progress-bar {
  border-radius: 0;
}

.fabric-auth-container {
  background-color: rgb(var(--nw-color-neutral-0));
  height: 100%;
  overflow-y: auto;
}
.fabric-auth-container .settings-form-container {
  height: 100%;
}
.np-toolkit-modal.fi-pro-confirm-modal .np-section {
  min-width: 30rem;
}

.fabric-manage-panel-container {
  margin: 0 1rem 0 1rem;
  border: 1px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.4rem;
  box-shadow: 0 1px 2px rgb(var(--nw-color-neutral-400));
}
.fabric-manage-panel-container .supervisor-row {
  height: 7rem;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.4rem 0.4rem 0 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.fabric-manage-panel-container .supervisor-row .icon-container {
  width: 7rem;
  height: 7rem;
  border-radius: 0.4rem 0 0 0.4rem;
  background-color: rgb(var(--nw-color-primary-500));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(var(--nw-color-neutral-0));
}
.fabric-manage-panel-container .supervisor-row .icon-container .icon {
  width: 4rem;
  height: 4rem;
}
.fabric-manage-panel-container .supervisor-row .icon-container .role-description {
  font-weight: bold;
}
.fabric-manage-panel-container .collapse-btn-container {
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--nw-color-neutral-500));
}
.fabric-manage-panel-container .collapse-btn-container .icon {
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}
.fabric-manage-panel-container .member-container {
  min-height: 200px;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.member-container {
  padding: 1rem;
}
.fabric-member-card-container {
  width: 28rem;
  border: 2px solid rgb(var(--nw-color-neutral-200));
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
}
.fabric-member-card-container .summary-row {
  height: 6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgb(var(--nw-color-neutral-100));
  border-radius: 0.6rem 0.6rem 0 0;
}
.fabric-member-card-container .summary-row .icon-container .icon-background {
  width: calc(6rem - 1.2rem);
  height: calc(6rem - 1.2rem);
  margin: calc(1.2rem/2);
  border-radius: 0.6rem;
  background-color: rgb(var(--nw-color-primary-500));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(var(--nw-color-neutral-0));
}
.fabric-member-card-container .summary-row .icon-container .icon {
  width: 3rem;
  height: 3rem;
}
.fabric-member-card-container .summary-row .icon-container .role-description {
  font-size: small;
  font-weight: bold;
}
.fabric-member-card-container.pending {
  border: 2px solid rgb(var(--nw-color-caution-400));
}
.fabric-member-card-container.pending .summary-row {
  background-color: rgb(var(--nw-color-caution-100));
}
.fabric-member-card-container.pending .summary-row .icon-container .icon-background {
  background-color: rgb(var(--nw-color-caution-600));
}
.fabric-member-card-container.other {
  border: 2px solid rgb(var(--nw-color-warning-200));
}
.fabric-member-card-container.other .summary-row {
  background-color: rgb(var(--nw-color-warning-50));
}
.fabric-member-card-container.other .summary-row .icon-container .icon-background {
  background-color: rgb(var(--nw-color-warning-400));
}
.fabric-member-card-container .delete-icon {
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}
.fabric-member-card-container .card-content {
  padding: 1rem 2rem;
  display: flex;
  gap: 3px;
  flex-direction: column;
}
.fabric-member-card-container .card-content .row {
  display: flex;
  flex-direction: row;
}
.fabric-member-card-container .card-content .row .field {
  color: rgb(var(--nw-color-neutral-500));
  width: 8rem;
}
.fabric-member-card-container .card-content .row .value {
  font-weight: bold;
  display: flex;
  align-items: baseline;
  flex: 1 0 auto;
}
.fabric-member-card-container .card-content .row .value.percentage {
  justify-content: space-between;
}
.fabric-member-card-container .card-content .row .value.caution {
  color: rgb(var(--nw-color-orange-500));
}
.fabric-member-card-container .card-content .row .value.warning {
  color: rgb(var(--nw-color-red-500));
}
.fabric-member-card-container .card-content .row .value .percentage-detail {
  font-weight: 500;
  font-size: small;
  color: rgb(var(--nw-color-neutral-500));
}
.fabric-member-card-container .card-content .divider {
  border-bottom: rgb(var(--nw-color-neutral-300));
  width: 100%;
}
.fabric-member-card-container .card-footer {
  height: 30px;
}
.fabric-member-card-container .card-footer .footer-button {
  border-top: 1px solid rgb(var(--nw-color-neutral-100));
  gap: 10px;
}
.fabric-member-card-container .card-footer .footer-button:hover {
  background-color: rgb(var(--nw-color-neutral-50));
}
.fabric-member-card-container .card-footer .footer-button:hover .nw-core-icon {
  color: rgb(var(--nw-color-neutral-1000));
}
.fabric-member-card-container .card-footer .footer-button:hover .button-text {
  color: rgb(var(--nw-color-neutral-1000));
}
.fabric-member-card-container .card-footer .footer-button:nth-of-type(2) {
  border-left: 1px solid rgb(var(--nw-color-neutral-100));
}
.fabric-member-card-container .card-footer .footer-button:first-of-type {
  border-radius: 0 0 0 0.6rem;
}
.fabric-member-card-container .card-footer .footer-button:last-of-type {
  border-radius: 0 0 0.6rem 0;
}
.fabric-member-card-container .card-footer .footer-button .nw-core-icon {
  color: rgb(var(--nw-color-neutral-400));
}
.fabric-member-card-container .card-footer .footer-button .button-text {
  color: rgb(var(--nw-color-neutral-500));
}

.sys-side-menu {
  z-index: 1;
}
.sys-side-menu * {
  box-sizing: content-box;
}

.rc-time-counter-refresh-dropdown {
  display: flex;
  flex-direction: row;
}
.rc-time-counter-refresh-dropdown .refresh-btn-dd {
  height: 2rem;
}
.rc-time-counter-refresh-dropdown .refresh-btn::part(base) {
  padding-right: 0;
}
.rc-time-counter-refresh-dropdown .refresh-btn::part(label) {
  padding-right: var(--nw-spacing-small);
}
.rc-time-counter-refresh-dropdown .refresh-btn-dd::part(base) {
  padding-left: 0;
}

#dvm_sdwan_monitor_history .sdwan-history-summary-table {
  /* Summary Table Health Check Status */
  /* Summary Table Tooltip */
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .summary-bytes .traffic-scalebar {
  height: 1rem;
  border-radius: 5px;
  background-color: #6399c9;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .summary-bytes .traffic-scalebar .traffic-scalebar-used {
  height: 1rem;
  border-radius: 5px;
  background-color: #a8c9e7;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-bar {
  display: table;
  table-layout: auto;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-bar .health-light {
  background-color: black;
  border-right: solid 1px white;
  display: table-cell;
  transition: all 0.2s ease-in-out;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-bar .health-light:hover {
  transform: scaleX(1.5);
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  line-height: var(--nw-line-height-normal);
  border: rgb(var(--nw-color-neutral-200)) solid 1px;
  background-color: rgb(var(--nw-color-neutral-0));
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table table,
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table th,
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td {
  border: 1px solid rgb(var(--nw-color-neutral-300));
  border-collapse: collapse;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table th {
  background-color: rgb(var(--nw-color-neutral-0));
  text-align: center;
  padding: 2px 5px 2px 5px;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td {
  padding: 0 5px;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td.timestamp {
  width: 200px;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td div.status {
  height: 15px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td div.status.pass {
  background-color: #00ff00;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table .health-tooltip .health-tooltip-table td div.status.fail {
  background-color: #ff0000;
}
#dvm_sdwan_monitor_history .sdwan-history-summary-table nw-tooltip.health-tooltip::part(base) {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-900));
  padding: 0px;
}
.sdwan-history-bandwidth-traffic .sdwan-history-bandwidth-chart {
  margin-right: 0.5rem;
}

.shaping-charts {
  height: calc(100% - 50px);
  flex-flow: column;
}

.lte-container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.lte-container .lte-section {
  width: 50%;
  min-width: 300px;
  display: flex;
  flex-flow: column;
  padding-top: 20px;
}
.lte-container .lte-section .lte-info {
  display: flex;
  flex-flow: column;
}
.lte-container .lte-section .lte-info .lte-row {
  display: flex;
  flex-flow: row wrap;
}
.lte-container .lte-section .lte-info .lte-row .lte-label {
  min-width: 150px;
  width: 30%;
}
.lte-container .lte-section .lte-chart {
  height: 250px;
  padding-top: 20px;
}
.lte-container .lte-section .lte-chart .lte-chart-title {
  font-weight: bold;
  text-align: center;
}

.label-with-tooltip {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  cursor: pointer;
}

.bypass-col span.bypass-icon::before {
  height: 18px;
}
.bypass-opt span.bypass-icon::before {
  height: 18px;
}

.nav-tree-view {
  padding: 1em;
  width: 100%;
}
.nav-tree-view .header {
  overflow: hidden;
  padding-bottom: 0.5em;
  display: flex;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
  margin-bottom: 0.5em;
}
.nav-tree-view .header .icon {
  color: rgb(var(--nw-color-neutral-400));
}

.ssl-vpn-web-portal-radio-btn .nw-radio .nw-core-radio {
  align-items: start;
}

.devices-tree-list {
  height: 100%;
}
.devices-tree-list .node.selected nw-icon,
.devices-tree-list .node.selected .nw-core-icon,
.devices-tree-list .node.selected .node-icon {
  color: rgb(var(--nw-color-neutral-on-primary)) !important;
}

.nw-dark-contrast .BaseTable .row-selected .BaseTable__row-cell .avatar-container .ffg:before,
.nw-dark-contrast .BaseTable__table .BaseTable__row.row-selected .BaseTable__row-cell .avatar-container .ffg:before {
  color: rgb(var(--nw-color-neutral-1000)) !important;
}
.nw-dark-contrast .BaseTable .row-selected .nwp-table__row-cell .nw-iconbutton:not([disabled]).inline-edit-trigger-button:hover button.icon-button div.nw-core-icon,
.nw-dark-contrast .BaseTable__table .BaseTable__row.row-selected .nwp-table__row-cell .nw-iconbutton:not([disabled]).inline-edit-trigger-button:hover button.icon-button div.nw-core-icon {
  color: rgb(var(--nw-color-primary-600)) !important;
}

.wifi-channel-select {
  padding: 1em;
}
.wifi-channel-select input[type='checkbox'] {
  position: absolute;
  display: none;
}
.wifi-channel-select input[type='checkbox'] + label {
  min-width: 2em;
  margin: 0.5px;
  margin-bottom: 0.5em;
  padding: 2px;
  border-radius: 5px;
  display: inline-block;
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
  background: rgb(var(--nw-color-neutral-200));
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.wifi-channel-select input[type='checkbox']:disabled + label {
  opacity: 0.5;
  cursor: auto;
}
.wifi-channel-select .bonded-channel {
  display: flex;
  flex-direction: column;
  min-width: 2em;
  margin-left: -1.5px;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
}
.wifi-channel-select .bonded-channel.disabled {
  opacity: 0.5;
}
.wifi-channel-select .bonded-channel > div {
  height: 8px;
  background-color: transparent;
  border: 3px solid;
  margin: 0 2px 0;
  border-color: rgb(var(--nw-color-neutral-1000));
  border-top-color: transparent;
}
.wifi-channel-select .bonded-channel > div.selected {
  border-color: rgb(var(--nw-color-primary-200));
  border-top-color: transparent;
}
.wifi-channel-select input[type='checkbox']:checked + label {
  color: rgb(var(--nw-color-neutral-1000));
  background: rgb(var(--nw-color-primary-200));
}
.wifi-channel-select .channel-overflow {
  overflow-x: scroll;
}
.wifi-channel-select .channel-overflow .channel-display {
  width: fit-content;
}
.wifi-channel-select .channel-display {
  justify-content: center;
  align-items: flex-end;
  display: grid;
  grid-template-columns: repeat(26);
  grid-template-rows: 1.5fr repeat(3, 1fr);
}
.wifi-channel-select .channel-display.bandwidth-40 {
  grid-template-rows: 1.5fr repeat(4, 1fr);
}
.wifi-channel-select .channel-display.bandwidth-80 {
  grid-template-rows: 1.5fr repeat(5, 1fr);
}
.wifi-channel-select .channel-display.bandwidth-160 {
  grid-template-columns: repeat(16);
  grid-template-rows: 1.5fr repeat(6, 1fr);
}
.wifi-channel-select .bandwidth-label {
  grid-column: 1;
  margin-right: 1em;
  align-self: center;
}
.wifi-channel-select .bandwidth-label:nth-of-type(1) {
  grid-row-start: 2;
}
.wifi-channel-select .bandwidth-label:nth-of-type(2) {
  grid-row-start: 3;
}
.wifi-channel-select .bandwidth-label:nth-of-type(3) {
  grid-row-start: 4;
}
.wifi-channel-select .bandwidth-label:nth-of-type(4) {
  grid-row-start: 5;
}
.wifi-channel-select .unii-label {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  height: fit-content;
}
.wifi-channel-select .unii-label.unii-1 {
  grid-column: 2/6;
}
.wifi-channel-select .unii-label.unii-2 {
  grid-column: 6/10;
  margin-right: 1em;
}
.wifi-channel-select .unii-label.unii-2-ext {
  text-align: left;
  grid-column: 10/22;
  margin-right: 1em;
}
.wifi-channel-select .unii-label.unii-2-ext.bandwidth-160 {
  grid-column: 10/18;
  margin-right: 0;
}
.wifi-channel-select .unii-label.unii-3 {
  grid-column: 22/26;
}
.wifi-channel-select .unii-label.unii-4 {
  grid-column: 26/29;
}
.wifi-channel-select .unii-label.unii-4.has-ism {
  grid-column: 27/30;
}
.wifi-channel-select .unii-label.unii-4.bandwidth-160 {
  grid-column: 18/21;
}
.wifi-channel-select .unii-label.unii-5 {
  grid-column: 2/26;
}
.wifi-channel-select .unii-label.unii-6 {
  grid-column: 2/7;
}
.wifi-channel-select .unii-label.unii-7 {
  grid-column: 7/24;
}
.wifi-channel-select .unii-label.unii-7-or-8 {
  grid-column: 24/25;
}
.wifi-channel-select .unii-label.unii-8 {
  grid-column: 25/37;
}
.wifi-channel-select .unii-label.ism {
  grid-column: 26/27;
}
.wifi-channel-select .unii-label.weather-radar {
  grid-column: 14/18;
}
.wifi-channel-select .unii-label.weather-radar div {
  height: 13px;
  border-color: rgb(var(--nw-color-danger));
  border-bottom-color: transparent;
}
.wifi-channel-select .unii-label.dfs {
  grid-column: 6/22;
  grid-row: auto;
  margin-right: 1em;
  flex-direction: column-reverse;
}
.wifi-channel-select .unii-label.dfs div {
  border-color: rgb(var(--nw-color-neutral-1000));
  border-top-color: transparent;
}
.wifi-channel-select .unii-label.dfs.bandwidth-160 {
  grid-column: 6/18;
  margin-right: 0;
}
.wifi-channel-select .unii-label div {
  margin: 0 1px 0;
  height: 6px;
  border: 1.5px solid rgb(var(--nw-color-neutral-1000));
  border-bottom-color: transparent;
}
.wifi-channel-select .channel-20 {
  grid-row: 2;
}
.wifi-channel-select .channel-40 {
  grid-row: 3;
  grid-column-start: span 2;
}
.wifi-channel-select .channel-80 {
  grid-row: 4;
  grid-column-start: span 4;
}
.wifi-channel-select .channel-160 {
  grid-row: 5;
  grid-column-start: span 8;
}
.wifi-channel-select .unii-space {
  margin-right: 1em;
}

.wtp-profile-ap-radio-btn.nw-radio .nw-core-radio {
  align-items: start;
}

.DiffPreview__fill-container::part(body) {
  height: 100%;
  overflow: auto;
}
.DiffPreview__changed-new {
  border-left: 2px solid rgb(var(--nw-color-info));
  min-height: 20px;
  color: rgb(var(--nw-color-on-msg-yellow));
  background-color: rgb(var(--nw-color-msg-yellow));
}
.DiffPreview__changed-old {
  border-top: 1px solid black;
  border-left: 2px solid rgb(var(--nw-color-netural-400));
}

.policy_pkg_folder_tree .folder-color {
  color: #fae38e;
}
.policy_pkg_folder_tree .dvm-tree-searchbox {
  padding: 0 !important;
}

.drop-state-active-color {
  background-color: rgb(var(--nw-color-primary-400)) !important;
  color: rgb(var(--nw-color-neutral-0));
}
.drop-state-active-color a {
  color: rgb(var(--nw-color-neutral-0));
}
.drop-state-active {
  /*border: 1px solid #fad42e;*/
  background-color: rgb(var(--nw-color-primary-400)) !important;
  color: rgb(var(--nw-color-neutral-0));
}
.drop-state-active a {
  color: rgb(var(--nw-color-neutral-0));
}
.drop-state-hover-color {
  background-color: #fef1ec !important;
  color: #cd0a0a;
}
.drop-state-hover-color a {
  color: #cd0a0a;
}
.drop-state-hover {
  /*border: 1px solid #cd0a0a;*/
  background-color: #fef1ec !important;
  color: #cd0a0a;
}
.drop-state-hover a {
  color: #cd0a0a;
}
.drop-state-hover-text {
  color: #cd0a0a;
}
.drop-state-selected {
  /*border: 1px solid #fad42e;*/
  background-color: rgb(var(--nw-color-primary-400)) !important;
  color: rgb(var(--nw-color-neutral-0));
}
.drop-state-selected a {
  color: rgb(var(--nw-color-neutral-0));
}
.drop-proxy {
  padding: 3px;
  border: 1px solid rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-neutral-0)) !important;
  opacity: 0.6;
  filter: alpha(opacity=60);
  color: rgb(var(--nw-color-neutral-1000));
}

.cli-diff-view-body .autocomplete-cm-container .CodeMirror {
  height: 90%;
}

#result-view .filter-btn {
  background-color: rgb(var(--nw-color-neutral-50));
}
#result-view .filter-btn:hover {
  background-color: rgb(var(--nw-color-primary-50));
}
#result-view .filter-btn:focus,
#result-view .filter-btn:hover {
  border-color: rgb(var(--nw-color-primary-300));
}
#result-view .filter-btn.selected {
  background-color: rgb(var(--nw-color-primary-100));
  border-color: rgb(var(--nw-color-primary-200));
  border-width: 2px;
}
#result-view .filter-btn .filter-icon {
  color: rgb(var(--nw-color-neutral-300));
}
.rename-list-view .nw-mutable-list {
  height: 100%;
}
.rename-list-view .nw-mutable-list [role=rowgroup]:nth-of-type(2) {
  height: calc(100% - 30px);
  overflow-y: auto;
}

[automation-id='PreviewObjectsTable'] .BaseTable__row-cell {
  position: relative;
}
[automation-id='PreviewObjectsTable'] .BaseTable__row-cell:hover .preview-objects__edit-open {
  display: inline-block;
}

.fortiap-floormap-container-in-table {
  position: relative;
  width: 350px;
}
.fortiap-floormap-container-in-table img {
  width: 100%;
  max-width: 100%;
}
.fortiap-floormap-container-in-table .ap-on-img {
  position: absolute;
  font-size: 3rem;
}

.nav-menu-container .node.selected .ffg {
  color: rgb(var(--nw-color-neutral-0)) !important;
}
.nw-dark .nav-menu-container .node.selected .ffg {
  color: rgb(var(--nw-color-neutral-on-primary)) !important;
}

/*************************
 * color theme for FortiAP
 *************************/
.obj-box {
  position: relative;
  margin: 1px 0;
}
.obj-box .obj-name {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 25px;
  line-height: 17px;
}
.obj-box .obj-name-normal-wrap {
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
}
.obj-box .obj-name-fix {
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.obj-box .obj-detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
}
.obj-box .obj-detail-pre-line {
  white-space: pre-line;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 25px;
  font-weight: normal;
  font-size: 11px;
}
.obj-box .obj-selection {
  position: absolute;
  top: 3px;
  right: 3px;
}
.color-background {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
}
.color-msg-yellow {
  color: rgb(var(--nw-color-on-msg-yellow));
  background-color: rgb(var(--nw-color-msg-yellow));
}
.color-msg-darkred {
  color: rgb(var(--nw-color-on-msg-darkred));
  background-color: rgb(var(--nw-color-msg-darkred));
}
.color-msg-red {
  color: rgb(var(--nw-color-on-msg-red));
  background-color: rgb(var(--nw-color-msg-red));
}
.color-msg-blue {
  color: rgb(var(--nw-color-on-msg-blue));
  background-color: rgb(var(--nw-color-msg-blue));
}
.color-msg-cyan {
  color: rgb(var(--nw-color-on-msg-cyan));
  background-color: rgb(var(--nw-color-msg-cyan));
}
.color-msg-orange {
  color: rgb(var(--nw-color-on-msg-orange));
  background-color: rgb(var(--nw-color-msg-orange));
}
.color-msg-gray {
  color: rgb(var(--nw-color-on-msg-gray));
  background-color: rgb(var(--nw-color-msg-gray));
}
.color-msg-green {
  color: rgb(var(--nw-color-on-msg-green));
  background-color: rgb(var(--nw-color-msg-green));
}
.color-msg-purple {
  color: rgb(var(--nw-color-on-msg-purple));
  background-color: rgb(var(--nw-color-msg-purple));
}
.fap-page .fap-tab-page {
  padding-top: 42px;
}
.fap-page .ap-group-tv {
  height: 100%;
}
.fap-page .dashboard-wrapper {
  height: 100%;
}
.fap-page .ap-monitor .client-monitor .toolbar {
  background-color: rgb(var(--nw-color-neutral-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.fap-page .ap-monitor .client-monitor .toolbar .btn {
  color: rgb(var(--nw-color-neutral-1000));
}
.fap-page .ap-monitor .health-monitor .c3 .c3-axis path,
.fap-page .ap-monitor .health-monitor .c3 .c3-axis line {
  stroke: rgb(var(--nw-color-neutral-1000));
}
.fap-page .ap-monitor .health-monitor .c3 text {
  fill: rgb(var(--nw-color-neutral-1000));
}
.fap-page #fap-map-sidebar .module-nav-upper {
  height: 60px;
}
.fap-page #fap-map-sidebar .module-nav-lower {
  margin-top: 1px;
}
#viewRogueAP .table-row table,
#viewAPClients .table-row table {
  max-height: 50vh;
}
table.fap-client-device-tooltip tr td {
  white-space: nowrap;
  text-align: left;
  border-top: 0px none;
}
#addFortiAPForm .select-firmwares {
  display: inline-block;
  width: calc(100% - 64.2px);
}
.page-content-wrapper .device-main {
  height: 100%;
  display: flex;
}
.page-content-wrapper .device-main .device-main-sidemenu {
  width: 256px;
  padding: 10px;
}
.page-content-wrapper .device-main .device-main-content {
  width: calc(100% - 256px);
}
.ap-templates nw-drawer::part(header) {
  background-color: rgb(var(--nw-color-neutral-50));
  color: rgb(var(--nw-color-neutral-1000));
}

.forticloud-register-wizard .block {
  display: block;
}
.forticloud-register-wizard .ml-2 {
  margin-left: 0.5rem;
}
.forticloud-register-wizard > :not(:last-child) {
  margin-bottom: 5px;
}
.forticloud-register-wizard .footer {
  display: flex;
  justify-content: center;
}
.forticloud-register-wizard .footer nw-button:not(:last-child) {
  margin-right: 5px;
}
.progress-tracker {
  list-style: none;
  overflow: hidden;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 0.5rem 0 0;
  margin: 0;
}
.progress-tracker li {
  position: relative;
  flex: 0 0 auto;
  margin: 0 0.55em;
  color: #fff;
  background-color: #757575;
  display: inline-flex;
  height: 24px;
  line-height: 24px;
  padding: 0 0.4em;
  margin-bottom: 0.2em;
  align-items: center;
}
.progress-tracker li:first-child {
  margin-left: 0;
}
.progress-tracker li:not(:first-child):before {
  width: 0;
  height: 0;
  border: 12px solid #757575;
  border-left-color: transparent;
  border-right-width: 0;
  position: absolute;
  content: '';
  top: 0;
  left: -12px;
}
.progress-tracker li:after {
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #757575;
  border-right-width: 0;
  position: absolute;
  content: '';
  top: 0;
  right: -12px;
}
.progress-tracker li .step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #757575;
  background-color: #fff;
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
  border-radius: 17px;
  line-height: 1;
}
.progress-tracker li.current-step {
  background-color: rgb(var(--nw-color-primary-400));
}
.progress-tracker li.current-step:before {
  border-top-color: rgb(var(--nw-color-primary-400));
  border-bottom-color: rgb(var(--nw-color-primary-400));
}
.progress-tracker li.current-step:after {
  border-left-color: rgb(var(--nw-color-primary-400));
}
.progress-tracker li.current-step .step-number {
  color: rgb(var(--nw-color-primary-400));
  background-color: rgb(var(--nw-color-neutral-0));
}
.progress-tracker li.done {
  opacity: var(--nw-disabled-opacity);
}

.spectral-analysis-graph-container {
  display: flex;
  flex-wrap: wrap;
  min-width: 800px;
}
.spectral-analysis-graph-container .graph {
  position: relative;
  display: flex;
  width: 100%;
}
.spectral-analysis-graph-container .graph .plot {
  display: flex;
  flex: 1;
  height: 250px;
  width: 100%;
}
.spectral-analysis-graph-container .graph.focused {
  height: 500px;
}
.spectral-analysis-graph-container .graph .controls {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 8px;
}

.summary-table-container .summary-table {
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  margin-bottom: 0;
  font-size: 1rem;
}
.summary-table-container .summary-table .table-header:first-child {
  max-width: 50%;
}
.summary-table-container .summary-table th,
.summary-table-container .summary-table tbody td {
  width: 40%;
  text-overflow: ellipsis;
}
.summary-table-container .summary-table thead tr th,
.summary-table-container .summary-table tbody tr th,
.summary-table-container .summary-table tfoot tr th {
  padding: 0.5rem;
}
.summary-table-container .summary-table thead tr td,
.summary-table-container .summary-table tbody tr td,
.summary-table-container .summary-table tfoot tr td {
  padding: 0.1rem 0.5rem;
}
.summary-table-container .summary-table thead > tr,
.summary-table-container .summary-table tbody > tr,
.summary-table-container .summary-table tfoot > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.summary-table-container .summary-table thead {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-top: 1px solid rgb(var(--nw-color-border));
  border-left: 1px solid rgb(var(--nw-color-border));
  border-right: 1px solid rgb(var(--nw-color-border));
  line-height: 2;
}
.summary-table-container .summary-table thead:first-child > tr {
  background-color: rgb(var(--nw-color-neutral-50));
}
.summary-table-container .summary-table thead tr {
  justify-content: center;
}
.summary-table-container .summary-table tbody {
  border: 1px solid rgb(var(--nw-color-border));
}
.summary-table-container .summary-table tbody tr:not(:last-child) {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-200));
}
.summary-table-container .summary-table tbody tr:hover {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.summary-table-container .summary-table tfoot {
  padding: 4px;
  background-color: rgb(var(--nw-color-neutral-0));
  border-bottom: 1px solid rgb(var(--nw-color-border));
  border-left: 1px solid rgb(var(--nw-color-border));
  border-right: 1px solid rgb(var(--nw-color-border));
}
.summary-table-container .summary-table tfoot td {
  border: none;
}
.summary-table-container .summary-table tfoot .fix-pos-menu {
  top: auto !important;
  left: auto !important;
}
.summary-table-container .summary-table .key-col {
  line-height: 2;
  max-width: 30%;
  border: none;
  color: rgb(var(--nw-color-neutral-500));
}
.summary-table-container .summary-table .value-col {
  line-height: 2;
  min-width: 100px;
  border: none;
  flex-grow: 1;
}

.ap-summary-container {
  transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.ap-summary-container .summary-table-container {
  flex: 1 50%;
  padding: 0.5rem;
  overflow-y: auto;
}
.ap-summary-container .summary-table-container .ap-summary-table-footer {
  display: flex;
}
.ap-summary-container .summary-table-container .ap-summary-table-footer .footer-button {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.ap-summary-container .ap-health-container {
  flex: 1 50%;
  padding: 0.5rem;
  overflow-y: auto;
}
.ap-summary-container .section-container {
  margin-bottom: 0.5rem;
}
.ap-summary-container .section-container .section-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-50));
}
.ap-summary-container .section-container .section-header .section-title {
  font-weight: bold;
  margin-left: 0.25rem;
}
.ap-summary-container .section-container .section-row {
  margin: 0.5em 0;
  display: flex;
}
.ap-summary-container .section-container .section-row .section-row-label-unknown {
  color: rgb(var(--nw-color-neutral-500));
  border-bottom: 1px dashed rgb(var(--nw-color-neutral-500));
}
.ap-summary-container .section-container .section-row .section-row-value {
  display: inline-block;
  text-align: center;
  min-width: 5em;
  border-radius: 0.25em;
  margin-right: 1em;
}
.ap-summary-container .health-good {
  color: rgb(var(--nw-color-on-msg-green));
  background-color: rgb(var(--nw-color-msg-green));
}
.ap-summary-container .health-fair {
  color: rgb(var(--nw-color-on-msg-yellow));
  background-color: rgb(var(--nw-color-msg-yellow));
}
.ap-summary-container .health-poor {
  color: rgb(var(--nw-color-on-msg-red));
  background-color: rgb(var(--nw-color-msg-red));
}
.ap-summary-container .health-unknown {
  color: rgb(var(--nw-color-on-msg-gray));
  background-color: rgb(var(--nw-color-msg-gray));
}

.map-card-view-container-root #whole_cards_view,
.map-card-view-container-root .cards-container {
  background-color: rgb(var(--nw-color-neutral-50));
}
.map-card-view-container-root .card,
.map-card-view-container-root .map-card-header {
  background-color: rgb(var(--nw-color-neutral-0));
}
.map-card-view-container-root .card,
.map-card-view-container-root .cards-search-input .nw-input {
  border-radius: 0.25rem;
}

.compose-switch-port-icon {
  position: relative;
}
.compose-switch-port-icon .compose-right {
  position: absolute;
  top: -4px;
  right: -1px;
  opacity: 0.8;
  font-size: 80%;
}
.compose-switch-port-icon .compose-right.opacity-100 {
  opacity: 1;
}
.compose-switch-port-icon .compose-right::part(base) {
  filter: drop-shadow(-1px 1px 0px black) drop-shadow(2px -1px 0px black);
}

#revision_diff_codemirror {
  height: calc(100% - 120px);
  font-size: 0.9rem;
}
#revision_diff_codemirror .CodeMirror-gutters {
  background-color: rgb(var(--nw-color-neutral-50));
}
#revision_diff_codemirror .CodeMirror-merge {
  height: 100%;
}
#revision_diff_codemirror .CodeMirror-merge .CodeMirror {
  height: 100%;
}
#revision_diff_codemirror .CodeMirror-merge .CodeMirror pre {
  background: transparent;
}
#revision_diff_codemirror .CodeMirror-merge-2pane .CodeMirror-merge-pane {
  height: 100%;
}
#revision_diff_codemirror .CodeMirror {
  background: transparent;
  color: rgb(var(--nw-color-neutral-1000));
}
#revision_diff_codemirror .CodeMirror-merge-gap {
  background-color: rgb(var(--nw-color-neutral-50));
}
#revision_diff_codemirror .CodeMirror-pane-background-left {
  background: rgb(var(--nw-color-warning-100));
}
#revision_diff_codemirror .CodeMirror-pane-background-right {
  background: rgb(var(--nw-color-success-100));
}

.run-cli-command-codemirror .autocomplete-cm-container .CodeMirror {
  height: 100%;
}
.run-cli-command-codemirror .autocomplete-cm-container .cm-instance-container {
  height: calc(100% - 60px);
}
.run-cli-command-codemirror {
  height: calc(100% - 60px);
}
.run-cli-command-codemirror .CodeMirror-cursors {
  visibility: hidden !important;
}

.global_unified_searchbar .searchbar_body {
  width: 50%;
}
@media screen and (max-width: 1350px) {
  .global_unified_searchbar .searchbar_body {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .global_unified_searchbar .searchbar_body {
    width: 100%;
  }
}

.nw-input .input--large .input__control {
  font-size: 1rem;
}
.nw-button .button--large .button__label {
  font-size: 1rem;
}