this.gui 0.0.7 → 0.0.8

package/dist/style.css

@@ -1 +1 @@
-.heading{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.heading--primary{background-color:#e3f2fd;border-color:#1e88e5}.heading--secondary{background-color:#fff;border-color:#ccc}.heading--small{padding:8px}.heading--medium{padding:16px}.heading--large{padding:32px}.paragraph{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.paragraph--primary{background-color:#e3f2fd;border-color:#1e88e5}.paragraph--secondary{background-color:#fff;border-color:#ccc}.paragraph--small{padding:8px}.paragraph--medium{padding:16px}.paragraph--large{padding:32px}.label{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.label--primary{background-color:#e3f2fd;border-color:#1e88e5}.label--secondary{background-color:#fff;border-color:#ccc}.label--small{padding:8px}.label--medium{padding:16px}.label--large{padding:32px}.caption{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.caption--primary{background-color:#e3f2fd;border-color:#1e88e5}.caption--secondary{background-color:#fff;border-color:#ccc}.caption--small{padding:8px}.caption--medium{padding:16px}.caption--large{padding:32px}.container{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.container--primary{background-color:#e3f2fd;border-color:#1e88e5}.container--secondary{background-color:#fff;border-color:#ccc}.container--small{padding:8px}.container--medium{padding:16px}.container--large{padding:32px}.button{display:inline-block;padding:var(--button-padding, 12px 24px);border-radius:var(--button-border-radius, 8px);font-family:Roboto,sans-serif;font-size:var(--button-font-size, 16px);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;text-align:center;border:1px solid transparent;box-shadow:var(--button-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));margin-right:10px}.button--primary{background-color:var(--button-primary-bg-color, #691500);color:var(--button-primary-text-color, #3c0a0a);border-color:var(--button-primary-border-color, #3f887c)}.button--primary:hover{background-color:var(--button-primary-hover-bg-color, #dee4e3);box-shadow:var(--button-primary-hover-box-shadow, 0 6px 10px rgba(0, 0, 0, .2))}.button--secondary{background-color:var(--button-secondary-bg-color, #fff);color:var(--button-secondary-text-color, #00695c);border-color:var(--button-secondary-border-color, #00695c)}.button--secondary:hover{background-color:var(--button-secondary-hover-bg-color, #f0f0f0);box-shadow:var(--button-secondary-hover-box-shadow, 0 6px 10px rgba(0, 0, 0, .1))}.button--small{font-size:var(--button-small-font-size, 14px);padding:var(--button-small-padding, 8px 16px)}.button--medium{font-size:var(--button-medium-font-size, 16px);padding:var(--button-medium-padding, 12px 24px)}.button--large{font-size:var(--button-large-font-size, 18px);padding:var(--button-large-padding, 16px 32px)}.button--no-border{background-color:var(--button-no-border-bg-color, transparent);color:var(--button-no-border-text-color, #00695c);border:var(--button-no-border-border, none);border-bottom:var(--button-no-border-border-bottom, 2px solid #00695c);border-radius:var(--button-no-border-border-radius, 0);padding:var(--button-no-border-padding, 0)}.button--no-border:hover{border-bottom:var(--button-no-border-hover-border-bottom, 2px solid #004d40);background-color:var(--button-no-border-hover-bg-color, transparent);box-shadow:var(--button-no-border-hover-box-shadow, none)}.link{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.link--primary{background-color:#e3f2fd;border-color:#1e88e5}.link--secondary{background-color:#fff;border-color:#ccc}.link--small{padding:8px}.link--medium{padding:16px}.link--large{padding:32px}.icon{display:inline-block;vertical-align:middle}.icon--small{width:16px;height:16px}.icon--medium{width:24px;height:24px}.icon--large{width:32px;height:32px}.icon--primary{fill:#1e88e5}.icon--secondary{fill:#757575}.icon--success{fill:#43a047}.icon--danger{fill:#e53935}.icon--warning{fill:#fdd835}.icon--info{fill:#039be5}.checkbox{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.checkbox--primary{background-color:#e3f2fd;border-color:#1e88e5}.checkbox--secondary{background-color:#fff;border-color:#ccc}.checkbox--small{padding:8px}.checkbox--medium{padding:16px}.checkbox--large{padding:32px}.radiobutton{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.radiobutton--primary{background-color:#e3f2fd;border-color:#1e88e5}.radiobutton--secondary{background-color:#fff;border-color:#ccc}.radiobutton--small{padding:8px}.radiobutton--medium{padding:16px}.radiobutton--large{padding:32px}.toggle{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.toggle--primary{background-color:#e3f2fd;border-color:#1e88e5}.toggle--secondary{background-color:#fff;border-color:#ccc}.toggle--small{padding:8px}.toggle--medium{padding:16px}.toggle--large{padding:32px}.textinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.textinput--secondary{background-color:#fff;border-color:#ccc}.textinput--small{padding:8px}.textinput--medium{padding:16px}.textinput--large{padding:32px}.textarea{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textarea--primary{background-color:#e3f2fd;border-color:#1e88e5}.textarea--secondary{background-color:#fff;border-color:#ccc}.textarea--small{padding:8px}.textarea--medium{padding:16px}.textarea--large{padding:32px}.select{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.select--primary{background-color:#e3f2fd;border-color:#1e88e5}.select--secondary{background-color:#fff;border-color:#ccc}.select--small{padding:8px}.select--medium{padding:16px}.select--large{padding:32px}.slider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.slider--primary{background-color:#e3f2fd;border-color:#1e88e5}.slider--secondary{background-color:#fff;border-color:#ccc}.slider--small{padding:8px}.slider--medium{padding:16px}.slider--large{padding:32px}.rangeinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.rangeinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.rangeinput--secondary{background-color:#fff;border-color:#ccc}.rangeinput--small{padding:8px}.rangeinput--medium{padding:16px}.rangeinput--large{padding:32px}.image{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.image--primary{background-color:#e3f2fd;border-color:#1e88e5}.image--secondary{background-color:#fff;border-color:#ccc}.image--small{padding:8px}.image--medium{padding:16px}.image--large{padding:32px}.video{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.video--primary{background-color:#e3f2fd;border-color:#1e88e5}.video--secondary{background-color:#fff;border-color:#ccc}.video--small{padding:8px}.video--medium{padding:16px}.video--large{padding:32px}.audio{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.audio--primary{background-color:#e3f2fd;border-color:#1e88e5}.audio--secondary{background-color:#fff;border-color:#ccc}.audio--small{padding:8px}.audio--medium{padding:16px}.audio--large{padding:32px}.divider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.divider--primary{background-color:#e3f2fd;border-color:#1e88e5}.divider--secondary{background-color:#fff;border-color:#ccc}.divider--small{padding:8px}.divider--medium{padding:16px}.divider--large{padding:32px}.spacer{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spacer--primary{background-color:#e3f2fd;border-color:#1e88e5}.spacer--secondary{background-color:#fff;border-color:#ccc}.spacer--small{padding:8px}.spacer--medium{padding:16px}.spacer--large{padding:32px}.tooltip{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tooltip--primary{background-color:#e3f2fd;border-color:#1e88e5}.tooltip--secondary{background-color:#fff;border-color:#ccc}.tooltip--small{padding:8px}.tooltip--medium{padding:16px}.tooltip--large{padding:32px}.badge{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.badge--primary{background-color:#e3f2fd;border-color:#1e88e5}.badge--secondary{background-color:#fff;border-color:#ccc}.badge--small{padding:8px}.badge--medium{padding:16px}.badge--large{padding:32px}.tag{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tag--primary{background-color:#e3f2fd;border-color:#1e88e5}.tag--secondary{background-color:#fff;border-color:#ccc}.tag--small{padding:8px}.tag--medium{padding:16px}.tag--large{padding:32px}.loader{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.loader--primary{background-color:#e3f2fd;border-color:#1e88e5}.loader--secondary{background-color:#fff;border-color:#ccc}.loader--small{padding:8px}.loader--medium{padding:16px}.loader--large{padding:32px}.spinner{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spinner--primary{background-color:#e3f2fd;border-color:#1e88e5}.spinner--secondary{background-color:#fff;border-color:#ccc}.spinner--small{padding:8px}.spinner--medium{padding:16px}.spinner--large{padding:32px}.progressbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.progressbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.progressbar--secondary{background-color:#fff;border-color:#ccc}.progressbar--small{padding:8px}.progressbar--medium{padding:16px}.progressbar--large{padding:32px}.alert{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.alert--primary{background-color:#e3f2fd;border-color:#1e88e5}.alert--secondary{background-color:#fff;border-color:#ccc}.alert--small{padding:8px}.alert--medium{padding:16px}.alert--large{padding:32px}.snackbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.snackbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.snackbar--secondary{background-color:#fff;border-color:#ccc}.snackbar--small{padding:8px}.snackbar--medium{padding:16px}.snackbar--large{padding:32px}.navbar{--navbar-background-color: rgba(34, 139, 34, 0);--navbar-border-color: rgba(34, 139, 34, .235);--navbar-padding: 8px 16px;--navbar-margin: 16px;--navbar-border-radius: 4px;display:flex;align-items:center;justify-content:space-between;background-color:var(--navbar-background-color);border:1px solid var(--navbar-border-color);padding:var(--navbar-padding);margin:var(--navbar-margin);border-radius:var(--navbar-border-radius)}.navbar__logo{--navbar-logo-margin-right: 24px;display:flex;align-items:center;margin-right:var(--navbar-logo-margin-right)}.navbar__links{list-style:none;display:flex;margin:0;padding:0}.navbar__item{--navbar-item-margin: 0 12px;margin:var(--navbar-item-margin)}.navbar__link{--navbar-link-color: #006400;--navbar-link-padding: 8px;color:var(--navbar-link-color);text-decoration:none;padding:var(--navbar-link-padding)}.navbar__link:hover,.navbar__link--active{--navbar-link-hover-background-color: rgba(34, 139, 34, .1);--navbar-link-hover-border-radius: 4px;background-color:var(--navbar-link-hover-background-color);border-radius:var(--navbar-link-hover-border-radius)}.navbar__controls{--navbar-controls-margin-left: 24px;display:flex;align-items:center;margin-left:var(--navbar-controls-margin-left)}.navbar__controls>*{--navbar-control-item-margin-left: 12px;margin-left:var(--navbar-control-item-margin-left)}.button{--button-background-color: #228B22;--button-text-color: #fff;background-color:var(--button-background-color);color:var(--button-text-color)}.button:hover{--button-hover-background-color: #1e7a1e;background-color:var(--button-hover-background-color)}
+.heading{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.heading--primary{background-color:#e3f2fd;border-color:#1e88e5}.heading--secondary{background-color:#fff;border-color:#ccc}.heading--small{padding:8px}.heading--medium{padding:16px}.heading--large{padding:32px}.paragraph{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.paragraph--primary{background-color:#e3f2fd;border-color:#1e88e5}.paragraph--secondary{background-color:#fff;border-color:#ccc}.paragraph--small{padding:8px}.paragraph--medium{padding:16px}.paragraph--large{padding:32px}.label{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.label--primary{background-color:#e3f2fd;border-color:#1e88e5}.label--secondary{background-color:#fff;border-color:#ccc}.label--small{padding:8px}.label--medium{padding:16px}.label--large{padding:32px}.caption{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.caption--primary{background-color:#e3f2fd;border-color:#1e88e5}.caption--secondary{background-color:#fff;border-color:#ccc}.caption--small{padding:8px}.caption--medium{padding:16px}.caption--large{padding:32px}.container{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.container--primary{background-color:#e3f2fd;border-color:#1e88e5}.container--secondary{background-color:#fff;border-color:#ccc}.container--small{padding:8px}.container--medium{padding:16px}.container--large{padding:32px}.button{display:inline-block;padding:var(--button-padding, 12px 24px);border-radius:var(--button-border-radius, 8px);font-family:Roboto,sans-serif;font-size:var(--button-font-size, 16px);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;text-align:center;border:1px solid transparent;box-shadow:var(--button-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));margin-right:10px}.button--primary{background-color:var(--button-primary-bg-color, #691500);color:var(--button-primary-text-color, #3c0a0a);border-color:var(--button-primary-border-color, #3f887c)}.button--primary:hover{background-color:var(--button-primary-hover-bg-color, #dee4e3);box-shadow:var(--button-primary-hover-box-shadow, 0 6px 10px rgba(0, 0, 0, .2))}.button--secondary{background-color:var(--button-secondary-bg-color, #fff);color:var(--button-secondary-text-color, #00695c);border-color:var(--button-secondary-border-color, #00695c)}.button--secondary:hover{background-color:var(--button-secondary-hover-bg-color, #f0f0f0);box-shadow:var(--button-secondary-hover-box-shadow, 0 6px 10px rgba(0, 0, 0, .1))}.button--small{font-size:var(--button-small-font-size, 14px);padding:var(--button-small-padding, 8px 16px)}.button--medium{font-size:var(--button-medium-font-size, 16px);padding:var(--button-medium-padding, 12px 24px)}.button--large{font-size:var(--button-large-font-size, 18px);padding:var(--button-large-padding, 16px 32px)}.button--no-border{background-color:var(--button-no-border-bg-color, transparent);color:var(--button-no-border-text-color, #00695c);border:var(--button-no-border-border, none);border-bottom:var(--button-no-border-border-bottom, 2px solid #00695c);border-radius:var(--button-no-border-border-radius, 0);padding:var(--button-no-border-padding, 0)}.button--no-border:hover{border-bottom:var(--button-no-border-hover-border-bottom, 2px solid #004d40);background-color:var(--button-no-border-hover-bg-color, transparent);box-shadow:var(--button-no-border-hover-box-shadow, none)}.link{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.link--primary{background-color:#e3f2fd;border-color:#1e88e5}.link--secondary{background-color:#fff;border-color:#ccc}.link--small{padding:8px}.link--medium{padding:16px}.link--large{padding:32px}.icon{display:inline-block;vertical-align:middle}.icon--small{width:16px;height:16px}.icon--medium{width:24px;height:24px}.icon--large{width:32px;height:32px}.icon--primary{fill:#1e88e5}.icon--secondary{fill:#757575}.icon--success{fill:#43a047}.icon--danger{fill:#e53935}.icon--warning{fill:#fdd835}.icon--info{fill:#039be5}.checkbox{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.checkbox--primary{background-color:#e3f2fd;border-color:#1e88e5}.checkbox--secondary{background-color:#fff;border-color:#ccc}.checkbox--small{padding:8px}.checkbox--medium{padding:16px}.checkbox--large{padding:32px}.radiobutton{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.radiobutton--primary{background-color:#e3f2fd;border-color:#1e88e5}.radiobutton--secondary{background-color:#fff;border-color:#ccc}.radiobutton--small{padding:8px}.radiobutton--medium{padding:16px}.radiobutton--large{padding:32px}.toggle{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.toggle--primary{background-color:#e3f2fd;border-color:#1e88e5}.toggle--secondary{background-color:#fff;border-color:#ccc}.toggle--small{padding:8px}.toggle--medium{padding:16px}.toggle--large{padding:32px}.textinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.textinput--secondary{background-color:#fff;border-color:#ccc}.textinput--small{padding:8px}.textinput--medium{padding:16px}.textinput--large{padding:32px}.textarea{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textarea--primary{background-color:#e3f2fd;border-color:#1e88e5}.textarea--secondary{background-color:#fff;border-color:#ccc}.textarea--small{padding:8px}.textarea--medium{padding:16px}.textarea--large{padding:32px}.select{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.select--primary{background-color:#e3f2fd;border-color:#1e88e5}.select--secondary{background-color:#fff;border-color:#ccc}.select--small{padding:8px}.select--medium{padding:16px}.select--large{padding:32px}.slider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.slider--primary{background-color:#e3f2fd;border-color:#1e88e5}.slider--secondary{background-color:#fff;border-color:#ccc}.slider--small{padding:8px}.slider--medium{padding:16px}.slider--large{padding:32px}.rangeinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.rangeinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.rangeinput--secondary{background-color:#fff;border-color:#ccc}.rangeinput--small{padding:8px}.rangeinput--medium{padding:16px}.rangeinput--large{padding:32px}.image{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.image--primary{background-color:#e3f2fd;border-color:#1e88e5}.image--secondary{background-color:#fff;border-color:#ccc}.image--small{padding:8px}.image--medium{padding:16px}.image--large{padding:32px}.video{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.video--primary{background-color:#e3f2fd;border-color:#1e88e5}.video--secondary{background-color:#fff;border-color:#ccc}.video--small{padding:8px}.video--medium{padding:16px}.video--large{padding:32px}.audio{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.audio--primary{background-color:#e3f2fd;border-color:#1e88e5}.audio--secondary{background-color:#fff;border-color:#ccc}.audio--small{padding:8px}.audio--medium{padding:16px}.audio--large{padding:32px}.divider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.divider--primary{background-color:#e3f2fd;border-color:#1e88e5}.divider--secondary{background-color:#fff;border-color:#ccc}.divider--small{padding:8px}.divider--medium{padding:16px}.divider--large{padding:32px}.spacer{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spacer--primary{background-color:#e3f2fd;border-color:#1e88e5}.spacer--secondary{background-color:#fff;border-color:#ccc}.spacer--small{padding:8px}.spacer--medium{padding:16px}.spacer--large{padding:32px}.tooltip{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tooltip--primary{background-color:#e3f2fd;border-color:#1e88e5}.tooltip--secondary{background-color:#fff;border-color:#ccc}.tooltip--small{padding:8px}.tooltip--medium{padding:16px}.tooltip--large{padding:32px}.badge{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.badge--primary{background-color:#e3f2fd;border-color:#1e88e5}.badge--secondary{background-color:#fff;border-color:#ccc}.badge--small{padding:8px}.badge--medium{padding:16px}.badge--large{padding:32px}.tag{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tag--primary{background-color:#e3f2fd;border-color:#1e88e5}.tag--secondary{background-color:#fff;border-color:#ccc}.tag--small{padding:8px}.tag--medium{padding:16px}.tag--large{padding:32px}.loader{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.loader--primary{background-color:#e3f2fd;border-color:#1e88e5}.loader--secondary{background-color:#fff;border-color:#ccc}.loader--small{padding:8px}.loader--medium{padding:16px}.loader--large{padding:32px}.spinner{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spinner--primary{background-color:#e3f2fd;border-color:#1e88e5}.spinner--secondary{background-color:#fff;border-color:#ccc}.spinner--small{padding:8px}.spinner--medium{padding:16px}.spinner--large{padding:32px}.progressbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.progressbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.progressbar--secondary{background-color:#fff;border-color:#ccc}.progressbar--small{padding:8px}.progressbar--medium{padding:16px}.progressbar--large{padding:32px}.alert{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.alert--primary{background-color:#e3f2fd;border-color:#1e88e5}.alert--secondary{background-color:#fff;border-color:#ccc}.alert--small{padding:8px}.alert--medium{padding:16px}.alert--large{padding:32px}.snackbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.snackbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.snackbar--secondary{background-color:#fff;border-color:#ccc}.snackbar--small{padding:8px}.snackbar--medium{padding:16px}.snackbar--large{padding:32px}.navbar{--navbar-background-color: rgba(34, 139, 34, 0);--navbar-border-color: rgba(34, 139, 34, .235);--navbar-padding: 8px 16px;--navbar-margin: 16px;--navbar-border-radius: 4px;display:flex;align-items:center;justify-content:space-between;background-color:var(--navbar-background-color);border:1px solid var(--navbar-border-color);padding:var(--navbar-padding);margin:var(--navbar-margin);border-radius:var(--navbar-border-radius)}.navbar__logo{--navbar-logo-margin-right: 24px;display:flex;align-items:center;margin-right:var(--navbar-logo-margin-right)}.navbar__links{list-style:none;display:flex;margin:0;padding:0}.navbar__item{--navbar-item-margin: 0 12px;margin:var(--navbar-item-margin)}.navbar__link{--navbar-link-color: #006400;--navbar-link-padding: 8px;color:var(--navbar-link-color);text-decoration:none;padding:var(--navbar-link-padding)}.navbar__link:hover,.navbar__link--active{--navbar-link-hover-background-color: rgba(34, 139, 34, .1);--navbar-link-hover-border-radius: 4px;background-color:var(--navbar-link-hover-background-color);border-radius:var(--navbar-link-hover-border-radius)}.navbar__controls{--navbar-controls-margin-left: 24px;display:flex;align-items:center;margin-left:var(--navbar-controls-margin-left)}.navbar__controls>*{--navbar-control-item-margin-left: 12px;margin-left:var(--navbar-control-item-margin-left)}.button{--button-background-color: #228B22;--button-text-color: #fff;background-color:var(--button-background-color);color:var(--button-text-color)}.button:hover{--button-hover-background-color: #1e7a1e;background-color:var(--button-hover-background-color)}.select-theme-container{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--bg-color, #f9f9f9);border-radius:8px;box-shadow:0 2px 5px #0000001a}.select-theme-label{font-family:Roboto,sans-serif;font-size:16px;color:var(--text-color, #333)}.select-theme-dropdown{padding:8px;border-radius:4px;border:1px solid var(--border-color, #ccc);background-color:var(--bg-color, #fff);color:var(--text-color, #333);font-family:Roboto,sans-serif;font-size:14px}