diff --git a/aircox/static/aircox/css/chunk-common.css b/aircox/static/aircox/css/chunk-common.css
index 90b2151..34a53de 100644
--- a/aircox/static/aircox/css/chunk-common.css
+++ b/aircox/static/aircox/css/chunk-common.css
@@ -2,11 +2,8 @@
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles.scss ***!
\**************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8"; /* Bulma Utilities */
-.button, .file-cta,
-.file-name, .select select, .textarea, .input, .pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis {
+.file-cta,
+.file-name, .select select, .textarea, .input {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
@@ -25,41 +22,20 @@
position: relative;
vertical-align: top;
}
-.button:focus, .file-cta:focus,
-.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .pagination-previous:focus,
-.pagination-next:focus,
-.pagination-link:focus,
-.pagination-ellipsis:focus, .is-focused.button, .is-focused.file-cta,
-.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.pagination-previous,
-.is-focused.pagination-next,
-.is-focused.pagination-link,
-.is-focused.pagination-ellipsis, .button:active, .file-cta:active,
-.file-name:active, .select select:active, .textarea:active, .input:active, .pagination-previous:active,
-.pagination-next:active,
-.pagination-link:active,
-.pagination-ellipsis:active, .is-active.button, .is-active.file-cta,
-.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.pagination-previous,
-.is-active.pagination-next,
-.is-active.pagination-link,
-.is-active.pagination-ellipsis {
+.file-cta:focus,
+.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta,
+.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active,
+.file-name:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta,
+.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input {
outline: none;
}
-[disabled].button, [disabled].file-cta,
-[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].pagination-previous,
-[disabled].pagination-next,
-[disabled].pagination-link,
-[disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .file-cta,
-fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .pagination-previous,
-fieldset[disabled] .pagination-next,
-fieldset[disabled] .pagination-link,
-fieldset[disabled] .pagination-ellipsis {
+[disabled].file-cta,
+[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta,
+fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
cursor: not-allowed;
}
-.button, .is-unselectable, .file, .pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis, .breadcrumb {
+.is-unselectable, .file, .breadcrumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
@@ -84,7 +60,7 @@ fieldset[disabled] .pagination-ellipsis {
}
.title:not(:last-child),
-.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .content:not(:last-child), .box:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .breadcrumb:not(:last-child) {
+.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .content:not(:last-child), .box:not(:last-child), .message:not(:last-child), .breadcrumb:not(:last-child) {
margin-bottom: 1.5rem;
}
@@ -163,7 +139,7 @@ fieldset[disabled] .pagination-ellipsis {
width: 32px;
}
-.button.is-loading::after, .control.is-loading::after, .select.is-loading::after {
+.control.is-loading::after, .select.is-loading::after {
animation: spinAround 500ms infinite linear;
border: 2px solid hsl(0deg, 0%, 86%);
border-radius: 9999px;
@@ -339,7 +315,7 @@ a:hover {
code {
background-color: hsl(0deg, 0%, 96%);
- color: #da1039;
+ color: #a20000;
font-size: 0.875em;
font-weight: normal;
padding: 0.25em 0.5em 0.25em;
@@ -962,32 +938,32 @@ button.dropdown-item.is-active {
}
}
.navbar.is-success {
- background-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
- background-color: #3abb81;
- color: #fff;
+ background-color: #00d500;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-brand .navbar-link::after {
- border-color: #fff;
+ border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-burger {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
.navbar.is-success .navbar-start > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
@@ -999,22 +975,22 @@ button.dropdown-item.is-active {
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
- background-color: #3abb81;
- color: #fff;
+ background-color: #00d500;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
- border-color: #fff;
+ border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
- background-color: #3abb81;
- color: #fff;
+ background-color: #00d500;
+ color: rgba(0, 0, 0, 0.7);
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
- background-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
}
.navbar.is-warning {
@@ -1074,7 +1050,7 @@ button.dropdown-item.is-active {
}
}
.navbar.is-danger {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
color: #fff;
}
.navbar.is-danger .navbar-brand > .navbar-item,
@@ -1085,7 +1061,7 @@ button.dropdown-item.is-active {
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
- background-color: #ef2e55;
+ background-color: #d50000;
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link::after {
@@ -1111,7 +1087,7 @@ button.dropdown-item.is-active {
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
- background-color: #ef2e55;
+ background-color: #d50000;
color: #fff;
}
.navbar.is-danger .navbar-start .navbar-link::after,
@@ -1121,11 +1097,11 @@ button.dropdown-item.is-active {
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
- background-color: #ef2e55;
+ background-color: #d50000;
color: #fff;
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
color: #fff;
}
}
@@ -1713,15 +1689,15 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: #296fa8;
}
.message.is-success {
- background-color: #effaf5;
+ background-color: #ebffeb;
}
.message.is-success .message-header {
- background-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
.message.is-success .message-body {
- border-color: hsl(153deg, 53%, 53%);
- color: #257953;
+ border-color: #0e0;
+ color: #009400;
}
.message.is-warning {
background-color: #fffaeb;
@@ -1735,15 +1711,15 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: #946c00;
}
.message.is-danger {
- background-color: #feecf0;
+ background-color: #ffebeb;
}
.message.is-danger .message-header {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
color: #fff;
}
.message.is-danger .message-body {
- border-color: hsl(348deg, 86%, 61%);
- color: #cc0f35;
+ border-color: #e00;
+ color: #f00000;
}
.message-header {
@@ -1879,169 +1855,6 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
padding: 20px;
}
-.pagination {
- font-size: 1rem;
- margin: -0.25rem;
-}
-.pagination.is-small {
- font-size: 0.75rem;
-}
-.pagination.is-medium {
- font-size: 1.25rem;
-}
-.pagination.is-large {
- font-size: 1.5rem;
-}
-.pagination.is-rounded .pagination-previous,
-.pagination.is-rounded .pagination-next {
- padding-left: 1em;
- padding-right: 1em;
- border-radius: 9999px;
-}
-.pagination.is-rounded .pagination-link {
- border-radius: 9999px;
-}
-
-.pagination,
-.pagination-list {
- align-items: center;
- display: flex;
- justify-content: center;
- text-align: center;
-}
-
-.pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis {
- font-size: 1em;
- justify-content: center;
- margin: 0.25rem;
- padding-left: 0.5em;
- padding-right: 0.5em;
- text-align: center;
-}
-
-.pagination-previous,
-.pagination-next,
-.pagination-link {
- border-color: hsl(0deg, 0%, 86%);
- color: hsl(0deg, 0%, 21%);
- min-width: 2.5em;
-}
-.pagination-previous:hover,
-.pagination-next:hover,
-.pagination-link:hover {
- border-color: hsl(0deg, 0%, 71%);
- color: hsl(0deg, 0%, 21%);
-}
-.pagination-previous:focus,
-.pagination-next:focus,
-.pagination-link:focus {
- border-color: hsl(229deg, 53%, 53%);
-}
-.pagination-previous:active,
-.pagination-next:active,
-.pagination-link:active {
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
-}
-.pagination-previous[disabled], .pagination-previous.is-disabled,
-.pagination-next[disabled],
-.pagination-next.is-disabled,
-.pagination-link[disabled],
-.pagination-link.is-disabled {
- background-color: hsl(0deg, 0%, 86%);
- border-color: hsl(0deg, 0%, 86%);
- box-shadow: none;
- color: hsl(0deg, 0%, 48%);
- opacity: 0.5;
-}
-
-.pagination-previous,
-.pagination-next {
- padding-left: 0.75em;
- padding-right: 0.75em;
- white-space: nowrap;
-}
-
-.pagination-link.is-current {
- background-color: hsl(229deg, 53%, 53%);
- border-color: hsl(229deg, 53%, 53%);
- color: #fff;
-}
-
-.pagination-ellipsis {
- color: hsl(0deg, 0%, 71%);
- pointer-events: none;
-}
-
-.pagination-list {
- flex-wrap: wrap;
-}
-.pagination-list li {
- list-style: none;
-}
-
-@media screen and (max-width: 768px) {
- .pagination {
- flex-wrap: wrap;
- }
- .pagination-previous,
- .pagination-next {
- flex-grow: 1;
- flex-shrink: 1;
- }
- .pagination-list li {
- flex-grow: 1;
- flex-shrink: 1;
- }
-}
-@media screen and (min-width: 769px), print {
- .pagination-list {
- flex-grow: 1;
- flex-shrink: 1;
- justify-content: flex-start;
- order: 1;
- }
- .pagination-previous,
- .pagination-next,
- .pagination-link,
- .pagination-ellipsis {
- margin-bottom: 0;
- margin-top: 0;
- }
- .pagination-previous {
- order: 2;
- }
- .pagination-next {
- order: 3;
- }
- .pagination {
- justify-content: space-between;
- margin-bottom: 0;
- margin-top: 0;
- }
- .pagination.is-centered .pagination-previous {
- order: 1;
- }
- .pagination.is-centered .pagination-list {
- justify-content: center;
- order: 2;
- }
- .pagination.is-centered .pagination-next {
- order: 3;
- }
- .pagination.is-right .pagination-previous {
- order: 1;
- }
- .pagination.is-right .pagination-next {
- order: 2;
- }
- .pagination.is-right .pagination-list {
- justify-content: flex-end;
- order: 3;
- }
-}
/* Bulma Form */
.select select, .textarea, .input {
background-color: #fff;
@@ -2138,10 +1951,10 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}
.is-success.textarea, .is-success.input {
- border-color: hsl(153deg, 53%, 53%);
+ border-color: #0e0;
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
- box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+ box-shadow: 0 0 0 0.125em rgba(0, 238, 0, 0.25);
}
.is-warning.textarea, .is-warning.input {
border-color: hsl(44deg, 100%, 77%);
@@ -2150,10 +1963,10 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}
.is-danger.textarea, .is-danger.input {
- border-color: hsl(348deg, 86%, 61%);
+ border-color: #e00;
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
- box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+ box-shadow: 0 0 0 0.125em rgba(238, 0, 0, 0.25);
}
.is-small.textarea, .is-small.input {
border-radius: 2px;
@@ -2357,16 +2170,16 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}
.select.is-success:not(:hover)::after {
- border-color: hsl(153deg, 53%, 53%);
+ border-color: #0e0;
}
.select.is-success select {
- border-color: hsl(153deg, 53%, 53%);
+ border-color: #0e0;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
- border-color: #3abb81;
+ border-color: #00d500;
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
- box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+ box-shadow: 0 0 0 0.125em rgba(0, 238, 0, 0.25);
}
.select.is-warning:not(:hover)::after {
border-color: hsl(44deg, 100%, 77%);
@@ -2381,16 +2194,16 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}
.select.is-danger:not(:hover)::after {
- border-color: hsl(348deg, 86%, 61%);
+ border-color: #e00;
}
.select.is-danger select {
- border-color: hsl(348deg, 86%, 61%);
+ border-color: #e00;
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
- border-color: #ef2e55;
+ border-color: #d50000;
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
- box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+ box-shadow: 0 0 0 0.125em rgba(238, 0, 0, 0.25);
}
.select.is-small {
border-radius: 2px;
@@ -2576,24 +2389,24 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: #fff;
}
.file.is-success .file-cta {
- background-color: hsl(153deg, 53%, 53%);
+ background-color: #0e0;
border-color: transparent;
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
- background-color: #3ec487;
+ background-color: #00e100;
border-color: transparent;
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
border-color: transparent;
- box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
- color: #fff;
+ box-shadow: 0 0 0.5em rgba(0, 238, 0, 0.25);
+ color: rgba(0, 0, 0, 0.7);
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
- background-color: #3abb81;
+ background-color: #00d500;
border-color: transparent;
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.file.is-warning .file-cta {
background-color: hsl(44deg, 100%, 77%);
@@ -2616,22 +2429,22 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
border-color: transparent;
color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
- background-color: #f03a5f;
+ background-color: #e10000;
border-color: transparent;
color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
border-color: transparent;
- box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
+ box-shadow: 0 0 0.5em rgba(238, 0, 0, 0.25);
color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
- background-color: #ef2e55;
+ background-color: #d50000;
border-color: transparent;
color: #fff;
}
@@ -2840,13 +2653,13 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: hsl(207deg, 61%, 53%);
}
.help.is-success {
- color: hsl(153deg, 53%, 53%);
+ color: #0e0;
}
.help.is-warning {
color: hsl(44deg, 100%, 77%);
}
.help.is-danger {
- color: hsl(348deg, 86%, 61%);
+ color: #e00;
}
.field:not(:last-child) {
@@ -4971,39 +4784,39 @@ a.has-text-info-dark:hover, a.has-text-info-dark:focus {
}
.has-text-success {
- color: hsl(153deg, 53%, 53%) !important;
+ color: #0e0 !important;
}
a.has-text-success:hover, a.has-text-success:focus {
- color: #34a873 !important;
+ color: #00bb00 !important;
}
.has-background-success {
- background-color: hsl(153deg, 53%, 53%) !important;
+ background-color: #0e0 !important;
}
.has-text-success-light {
- color: #effaf5 !important;
+ color: #ebffeb !important;
}
a.has-text-success-light:hover, a.has-text-success-light:focus {
- color: #c8eedd !important;
+ color: #b8ffb8 !important;
}
.has-background-success-light {
- background-color: #effaf5 !important;
+ background-color: #ebffeb !important;
}
.has-text-success-dark {
- color: #257953 !important;
+ color: #009400 !important;
}
a.has-text-success-dark:hover, a.has-text-success-dark:focus {
- color: #31a06e !important;
+ color: #00c700 !important;
}
.has-background-success-dark {
- background-color: #257953 !important;
+ background-color: #009400 !important;
}
.has-text-warning {
@@ -5043,39 +4856,39 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
}
.has-text-danger {
- color: hsl(348deg, 86%, 61%) !important;
+ color: #e00 !important;
}
a.has-text-danger:hover, a.has-text-danger:focus {
- color: #ee1742 !important;
+ color: #bb0000 !important;
}
.has-background-danger {
- background-color: hsl(348deg, 86%, 61%) !important;
+ background-color: #e00 !important;
}
.has-text-danger-light {
- color: #feecf0 !important;
+ color: #ffebeb !important;
}
a.has-text-danger-light:hover, a.has-text-danger-light:focus {
- color: #fabdc9 !important;
+ color: #ffb8b8 !important;
}
.has-background-danger-light {
- background-color: #feecf0 !important;
+ background-color: #ffebeb !important;
}
.has-text-danger-dark {
- color: #cc0f35 !important;
+ color: #f00000 !important;
}
a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
- color: #ee2049 !important;
+ color: #ff2424 !important;
}
.has-background-danger-dark {
- background-color: #cc0f35 !important;
+ background-color: #f00000 !important;
}
.has-text-black-bis {
@@ -7120,66 +6933,66 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
}
}
.hero.is-success {
- background-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
color: inherit;
}
.hero.is-success .title {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-success .subtitle {
- color: rgba(255, 255, 255, 0.9);
+ color: rgba(0, 0, 0, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
.hero.is-success .navbar-menu {
- background-color: hsl(153deg, 53%, 53%);
+ background-color: #0e0;
}
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
- background-color: #3abb81;
- color: #fff;
+ background-color: #00d500;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-success .tabs a {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
opacity: 0.9;
}
.hero.is-success .tabs a:hover {
opacity: 1;
}
.hero.is-success .tabs li.is-active a {
- color: hsl(153deg, 53%, 53%) !important;
+ color: #0e0 !important;
opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
- color: #fff;
+ color: rgba(0, 0, 0, 0.7);
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
- background-color: #fff;
- border-color: #fff;
- color: hsl(153deg, 53%, 53%);
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7);
+ color: #0e0;
}
.hero.is-success.is-bold {
- background-image: linear-gradient(141deg, #29b35e 0%, hsl(153deg, 53%, 53%) 71%, #56d2af 100%);
+ background-image: linear-gradient(141deg, #1fbb00 0%, #0e0 71%, #09ff32 100%);
}
@media screen and (max-width: 768px) {
.hero.is-success.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #29b35e 0%, hsl(153deg, 53%, 53%) 71%, #56d2af 100%);
+ background-image: linear-gradient(141deg, #1fbb00 0%, #0e0 71%, #09ff32 100%);
}
}
.hero.is-warning {
@@ -7246,7 +7059,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
}
}
.hero.is-danger {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -7265,7 +7078,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
}
@media screen and (max-width: 1023px) {
.hero.is-danger .navbar-menu {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
}
}
.hero.is-danger .navbar-item,
@@ -7275,7 +7088,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
- background-color: #ef2e55;
+ background-color: #d50000;
color: #fff;
}
.hero.is-danger .tabs a {
@@ -7286,7 +7099,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
- color: hsl(348deg, 86%, 61%) !important;
+ color: #e00 !important;
opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
@@ -7298,14 +7111,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
- color: hsl(348deg, 86%, 61%);
+ color: #e00;
}
.hero.is-danger.is-bold {
- background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
+ background-image: linear-gradient(141deg, #bb001f 0%, #e00 71%, #ff3209 100%);
}
@media screen and (max-width: 768px) {
.hero.is-danger.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
+ background-image: linear-gradient(141deg, #bb001f 0%, #e00 71%, #ff3209 100%);
}
}
.hero.is-small .hero-body {
@@ -7430,1145 +7243,6 @@ a.box:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px hsl(229deg, 53%, 53%);
}
-.button {
- background-color: #fff;
- border-color: hsl(0deg, 0%, 86%);
- border-width: 1px;
- color: hsl(0deg, 0%, 21%);
- cursor: pointer;
- justify-content: center;
- padding-bottom: calc(0.5em - 1px);
- padding-left: 1em;
- padding-right: 1em;
- padding-top: calc(0.5em - 1px);
- text-align: center;
- white-space: nowrap;
-}
-.button strong {
- color: inherit;
-}
-.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
- height: 1.5em;
- width: 1.5em;
-}
-.button .icon:first-child:not(:last-child) {
- margin-left: calc(-0.5em - 1px);
- margin-right: 0.25em;
-}
-.button .icon:last-child:not(:first-child) {
- margin-left: 0.25em;
- margin-right: calc(-0.5em - 1px);
-}
-.button .icon:first-child:last-child {
- margin-left: calc(-0.5em - 1px);
- margin-right: calc(-0.5em - 1px);
-}
-.button:hover, .button.is-hovered {
- border-color: hsl(0deg, 0%, 71%);
- color: hsl(0deg, 0%, 21%);
-}
-.button:focus, .button.is-focused {
- border-color: hsl(229deg, 53%, 53%);
- color: hsl(0deg, 0%, 21%);
-}
-.button:focus:not(:active), .button.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
-}
-.button:active, .button.is-active {
- border-color: hsl(0deg, 0%, 29%);
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-text {
- background-color: transparent;
- border-color: transparent;
- color: hsl(0deg, 0%, 29%);
- text-decoration: underline;
-}
-.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
- background-color: hsl(0deg, 0%, 96%);
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-text:active, .button.is-text.is-active {
- background-color: #e8e8e8;
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-text[disabled], fieldset[disabled] .button.is-text {
- background-color: transparent;
- border-color: transparent;
- box-shadow: none;
-}
-.button.is-ghost {
- background: none;
- border-color: transparent;
- color: hsl(229deg, 53%, 53%);
- text-decoration: none;
-}
-.button.is-ghost:hover, .button.is-ghost.is-hovered {
- color: hsl(229deg, 53%, 53%);
- text-decoration: underline;
-}
-.button.is-white {
- background-color: #fff;
- border-color: transparent;
- color: #000;
-}
-.button.is-white:hover, .button.is-white.is-hovered {
- background-color: #f9f9f9;
- border-color: transparent;
- color: #000;
-}
-.button.is-white:focus, .button.is-white.is-focused {
- border-color: transparent;
- color: #000;
-}
-.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
-}
-.button.is-white:active, .button.is-white.is-active {
- background-color: #f2f2f2;
- border-color: transparent;
- color: #000;
-}
-.button.is-white[disabled], fieldset[disabled] .button.is-white {
- background-color: #fff;
- border-color: #fff;
- box-shadow: none;
-}
-.button.is-white.is-inverted {
- background-color: #000;
- color: #fff;
-}
-.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
- background-color: black;
-}
-.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
- background-color: #000;
- border-color: transparent;
- box-shadow: none;
- color: #fff;
-}
-.button.is-white.is-loading::after {
- border-color: transparent transparent #000 #000 !important;
-}
-.button.is-white.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
- background-color: #fff;
- border-color: #fff;
- color: #000;
-}
-.button.is-white.is-outlined.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #000 #000 !important;
-}
-.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-white.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #000;
- color: #000;
-}
-.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
- background-color: #000;
- color: #fff;
-}
-.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #000;
- box-shadow: none;
- color: #000;
-}
-.button.is-black {
- background-color: #000;
- border-color: transparent;
- color: #fff;
-}
-.button.is-black:hover, .button.is-black.is-hovered {
- background-color: black;
- border-color: transparent;
- color: #fff;
-}
-.button.is-black:focus, .button.is-black.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
-}
-.button.is-black:active, .button.is-black.is-active {
- background-color: black;
- border-color: transparent;
- color: #fff;
-}
-.button.is-black[disabled], fieldset[disabled] .button.is-black {
- background-color: #000;
- border-color: #000;
- box-shadow: none;
-}
-.button.is-black.is-inverted {
- background-color: #fff;
- color: #000;
-}
-.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: #000;
-}
-.button.is-black.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-black.is-outlined {
- background-color: transparent;
- border-color: #000;
- color: #000;
-}
-.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
- background-color: #000;
- border-color: #000;
- color: #fff;
-}
-.button.is-black.is-outlined.is-loading::after {
- border-color: transparent transparent #000 #000 !important;
-}
-.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
- background-color: transparent;
- border-color: #000;
- box-shadow: none;
- color: #000;
-}
-.button.is-black.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: #000;
-}
-.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #000 #000 !important;
-}
-.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-light {
- background-color: hsl(0deg, 0%, 96%);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light:hover, .button.is-light.is-hovered {
- background-color: #eeeeee;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light:focus, .button.is-light.is-focused {
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
-}
-.button.is-light:active, .button.is-light.is-active {
- background-color: #e8e8e8;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light[disabled], fieldset[disabled] .button.is-light {
- background-color: hsl(0deg, 0%, 96%);
- border-color: hsl(0deg, 0%, 96%);
- box-shadow: none;
-}
-.button.is-light.is-inverted {
- background-color: rgba(0, 0, 0, 0.7);
- color: hsl(0deg, 0%, 96%);
-}
-.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
- background-color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
- background-color: rgba(0, 0, 0, 0.7);
- border-color: transparent;
- box-shadow: none;
- color: hsl(0deg, 0%, 96%);
-}
-.button.is-light.is-loading::after {
- border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
-}
-.button.is-light.is-outlined {
- background-color: transparent;
- border-color: hsl(0deg, 0%, 96%);
- color: hsl(0deg, 0%, 96%);
-}
-.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
- background-color: hsl(0deg, 0%, 96%);
- border-color: hsl(0deg, 0%, 96%);
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
-}
-.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
-}
-.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
- background-color: transparent;
- border-color: hsl(0deg, 0%, 96%);
- box-shadow: none;
- color: hsl(0deg, 0%, 96%);
-}
-.button.is-light.is-inverted.is-outlined {
- background-color: transparent;
- border-color: rgba(0, 0, 0, 0.7);
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
- background-color: rgba(0, 0, 0, 0.7);
- color: hsl(0deg, 0%, 96%);
-}
-.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
-}
-.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
- background-color: transparent;
- border-color: rgba(0, 0, 0, 0.7);
- box-shadow: none;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-dark {
- background-color: hsl(0deg, 0%, 21%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-dark:hover, .button.is-dark.is-hovered {
- background-color: #2f2f2f;
- border-color: transparent;
- color: #fff;
-}
-.button.is-dark:focus, .button.is-dark.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
-}
-.button.is-dark:active, .button.is-dark.is-active {
- background-color: #292929;
- border-color: transparent;
- color: #fff;
-}
-.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
- background-color: hsl(0deg, 0%, 21%);
- border-color: hsl(0deg, 0%, 21%);
- box-shadow: none;
-}
-.button.is-dark.is-inverted {
- background-color: #fff;
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-dark.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-dark.is-outlined {
- background-color: transparent;
- border-color: hsl(0deg, 0%, 21%);
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
- background-color: hsl(0deg, 0%, 21%);
- border-color: hsl(0deg, 0%, 21%);
- color: #fff;
-}
-.button.is-dark.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
-}
-.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
- background-color: transparent;
- border-color: hsl(0deg, 0%, 21%);
- box-shadow: none;
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-dark.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(0deg, 0%, 21%);
-}
-.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
-}
-.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-primary {
- background-color: hsl(171deg, 100%, 41%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-primary:hover, .button.is-primary.is-hovered {
- background-color: #00c4a7;
- border-color: transparent;
- color: #fff;
-}
-.button.is-primary:focus, .button.is-primary.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
-}
-.button.is-primary:active, .button.is-primary.is-active {
- background-color: #00b89c;
- border-color: transparent;
- color: #fff;
-}
-.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
- background-color: hsl(171deg, 100%, 41%);
- border-color: hsl(171deg, 100%, 41%);
- box-shadow: none;
-}
-.button.is-primary.is-inverted {
- background-color: #fff;
- color: hsl(171deg, 100%, 41%);
-}
-.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(171deg, 100%, 41%);
-}
-.button.is-primary.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-primary.is-outlined {
- background-color: transparent;
- border-color: hsl(171deg, 100%, 41%);
- color: hsl(171deg, 100%, 41%);
-}
-.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
- background-color: hsl(171deg, 100%, 41%);
- border-color: hsl(171deg, 100%, 41%);
- color: #fff;
-}
-.button.is-primary.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
-}
-.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
- background-color: transparent;
- border-color: hsl(171deg, 100%, 41%);
- box-shadow: none;
- color: hsl(171deg, 100%, 41%);
-}
-.button.is-primary.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(171deg, 100%, 41%);
-}
-.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
-}
-.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-primary.is-light {
- background-color: #ebfffc;
- color: #00947e;
-}
-.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
- background-color: #defffa;
- border-color: transparent;
- color: #00947e;
-}
-.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
- background-color: #d1fff8;
- border-color: transparent;
- color: #00947e;
-}
-.button.is-link {
- background-color: hsl(229deg, 53%, 53%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-link:hover, .button.is-link.is-hovered {
- background-color: #3e56c4;
- border-color: transparent;
- color: #fff;
-}
-.button.is-link:focus, .button.is-link.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
-}
-.button.is-link:active, .button.is-link.is-active {
- background-color: #3a51bb;
- border-color: transparent;
- color: #fff;
-}
-.button.is-link[disabled], fieldset[disabled] .button.is-link {
- background-color: hsl(229deg, 53%, 53%);
- border-color: hsl(229deg, 53%, 53%);
- box-shadow: none;
-}
-.button.is-link.is-inverted {
- background-color: #fff;
- color: hsl(229deg, 53%, 53%);
-}
-.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(229deg, 53%, 53%);
-}
-.button.is-link.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-link.is-outlined {
- background-color: transparent;
- border-color: hsl(229deg, 53%, 53%);
- color: hsl(229deg, 53%, 53%);
-}
-.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
- background-color: hsl(229deg, 53%, 53%);
- border-color: hsl(229deg, 53%, 53%);
- color: #fff;
-}
-.button.is-link.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
-}
-.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
- background-color: transparent;
- border-color: hsl(229deg, 53%, 53%);
- box-shadow: none;
- color: hsl(229deg, 53%, 53%);
-}
-.button.is-link.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(229deg, 53%, 53%);
-}
-.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
-}
-.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-link.is-light {
- background-color: #eff1fa;
- color: #3850b7;
-}
-.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
- background-color: #e6e9f7;
- border-color: transparent;
- color: #3850b7;
-}
-.button.is-link.is-light:active, .button.is-link.is-light.is-active {
- background-color: #dce0f4;
- border-color: transparent;
- color: #3850b7;
-}
-.button.is-info {
- background-color: hsl(207deg, 61%, 53%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-info:hover, .button.is-info.is-hovered {
- background-color: #3488ce;
- border-color: transparent;
- color: #fff;
-}
-.button.is-info:focus, .button.is-info.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
-}
-.button.is-info:active, .button.is-info.is-active {
- background-color: #3082c5;
- border-color: transparent;
- color: #fff;
-}
-.button.is-info[disabled], fieldset[disabled] .button.is-info {
- background-color: hsl(207deg, 61%, 53%);
- border-color: hsl(207deg, 61%, 53%);
- box-shadow: none;
-}
-.button.is-info.is-inverted {
- background-color: #fff;
- color: hsl(207deg, 61%, 53%);
-}
-.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(207deg, 61%, 53%);
-}
-.button.is-info.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-info.is-outlined {
- background-color: transparent;
- border-color: hsl(207deg, 61%, 53%);
- color: hsl(207deg, 61%, 53%);
-}
-.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
- background-color: hsl(207deg, 61%, 53%);
- border-color: hsl(207deg, 61%, 53%);
- color: #fff;
-}
-.button.is-info.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
-}
-.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
- background-color: transparent;
- border-color: hsl(207deg, 61%, 53%);
- box-shadow: none;
- color: hsl(207deg, 61%, 53%);
-}
-.button.is-info.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(207deg, 61%, 53%);
-}
-.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
-}
-.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-info.is-light {
- background-color: #eff5fb;
- color: #296fa8;
-}
-.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
- background-color: #e4eff9;
- border-color: transparent;
- color: #296fa8;
-}
-.button.is-info.is-light:active, .button.is-info.is-light.is-active {
- background-color: #dae9f6;
- border-color: transparent;
- color: #296fa8;
-}
-.button.is-success {
- background-color: hsl(153deg, 53%, 53%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-success:hover, .button.is-success.is-hovered {
- background-color: #3ec487;
- border-color: transparent;
- color: #fff;
-}
-.button.is-success:focus, .button.is-success.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
-}
-.button.is-success:active, .button.is-success.is-active {
- background-color: #3abb81;
- border-color: transparent;
- color: #fff;
-}
-.button.is-success[disabled], fieldset[disabled] .button.is-success {
- background-color: hsl(153deg, 53%, 53%);
- border-color: hsl(153deg, 53%, 53%);
- box-shadow: none;
-}
-.button.is-success.is-inverted {
- background-color: #fff;
- color: hsl(153deg, 53%, 53%);
-}
-.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(153deg, 53%, 53%);
-}
-.button.is-success.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-success.is-outlined {
- background-color: transparent;
- border-color: hsl(153deg, 53%, 53%);
- color: hsl(153deg, 53%, 53%);
-}
-.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
- background-color: hsl(153deg, 53%, 53%);
- border-color: hsl(153deg, 53%, 53%);
- color: #fff;
-}
-.button.is-success.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important;
-}
-.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
- background-color: transparent;
- border-color: hsl(153deg, 53%, 53%);
- box-shadow: none;
- color: hsl(153deg, 53%, 53%);
-}
-.button.is-success.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(153deg, 53%, 53%);
-}
-.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important;
-}
-.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-success.is-light {
- background-color: #effaf5;
- color: #257953;
-}
-.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
- background-color: #e6f7ef;
- border-color: transparent;
- color: #257953;
-}
-.button.is-success.is-light:active, .button.is-success.is-light.is-active {
- background-color: #dcf4e9;
- border-color: transparent;
- color: #257953;
-}
-.button.is-warning {
- background-color: hsl(44deg, 100%, 77%);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning:hover, .button.is-warning.is-hovered {
- background-color: #ffdc7d;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning:focus, .button.is-warning.is-focused {
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
-}
-.button.is-warning:active, .button.is-warning.is-active {
- background-color: #ffd970;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
- background-color: hsl(44deg, 100%, 77%);
- border-color: hsl(44deg, 100%, 77%);
- box-shadow: none;
-}
-.button.is-warning.is-inverted {
- background-color: rgba(0, 0, 0, 0.7);
- color: hsl(44deg, 100%, 77%);
-}
-.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
- background-color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
- background-color: rgba(0, 0, 0, 0.7);
- border-color: transparent;
- box-shadow: none;
- color: hsl(44deg, 100%, 77%);
-}
-.button.is-warning.is-loading::after {
- border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
-}
-.button.is-warning.is-outlined {
- background-color: transparent;
- border-color: hsl(44deg, 100%, 77%);
- color: hsl(44deg, 100%, 77%);
-}
-.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
- background-color: hsl(44deg, 100%, 77%);
- border-color: hsl(44deg, 100%, 77%);
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important;
-}
-.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
-}
-.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
- background-color: transparent;
- border-color: hsl(44deg, 100%, 77%);
- box-shadow: none;
- color: hsl(44deg, 100%, 77%);
-}
-.button.is-warning.is-inverted.is-outlined {
- background-color: transparent;
- border-color: rgba(0, 0, 0, 0.7);
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
- background-color: rgba(0, 0, 0, 0.7);
- color: hsl(44deg, 100%, 77%);
-}
-.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important;
-}
-.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
- background-color: transparent;
- border-color: rgba(0, 0, 0, 0.7);
- box-shadow: none;
- color: rgba(0, 0, 0, 0.7);
-}
-.button.is-warning.is-light {
- background-color: #fffaeb;
- color: #946c00;
-}
-.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
- background-color: #fff6de;
- border-color: transparent;
- color: #946c00;
-}
-.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
- background-color: #fff3d1;
- border-color: transparent;
- color: #946c00;
-}
-.button.is-danger {
- background-color: hsl(348deg, 86%, 61%);
- border-color: transparent;
- color: #fff;
-}
-.button.is-danger:hover, .button.is-danger.is-hovered {
- background-color: #f03a5f;
- border-color: transparent;
- color: #fff;
-}
-.button.is-danger:focus, .button.is-danger.is-focused {
- border-color: transparent;
- color: #fff;
-}
-.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
-}
-.button.is-danger:active, .button.is-danger.is-active {
- background-color: #ef2e55;
- border-color: transparent;
- color: #fff;
-}
-.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
- background-color: hsl(348deg, 86%, 61%);
- border-color: hsl(348deg, 86%, 61%);
- box-shadow: none;
-}
-.button.is-danger.is-inverted {
- background-color: #fff;
- color: hsl(348deg, 86%, 61%);
-}
-.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
- background-color: #f2f2f2;
-}
-.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
- background-color: #fff;
- border-color: transparent;
- box-shadow: none;
- color: hsl(348deg, 86%, 61%);
-}
-.button.is-danger.is-loading::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-danger.is-outlined {
- background-color: transparent;
- border-color: hsl(348deg, 86%, 61%);
- color: hsl(348deg, 86%, 61%);
-}
-.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
- background-color: hsl(348deg, 86%, 61%);
- border-color: hsl(348deg, 86%, 61%);
- color: #fff;
-}
-.button.is-danger.is-outlined.is-loading::after {
- border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
-}
-.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #fff #fff !important;
-}
-.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
- background-color: transparent;
- border-color: hsl(348deg, 86%, 61%);
- box-shadow: none;
- color: hsl(348deg, 86%, 61%);
-}
-.button.is-danger.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- color: #fff;
-}
-.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
- background-color: #fff;
- color: hsl(348deg, 86%, 61%);
-}
-.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
-}
-.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
- background-color: transparent;
- border-color: #fff;
- box-shadow: none;
- color: #fff;
-}
-.button.is-danger.is-light {
- background-color: #feecf0;
- color: #cc0f35;
-}
-.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
- background-color: #fde0e6;
- border-color: transparent;
- color: #cc0f35;
-}
-.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
- background-color: #fcd4dc;
- border-color: transparent;
- color: #cc0f35;
-}
-.button.is-small {
- font-size: 0.75rem;
-}
-.button.is-small:not(.is-rounded) {
- border-radius: 2px;
-}
-.button.is-normal {
- font-size: 1rem;
-}
-.button.is-medium {
- font-size: 1.25rem;
-}
-.button.is-large {
- font-size: 1.5rem;
-}
-.button[disabled], fieldset[disabled] .button {
- background-color: #fff;
- border-color: hsl(0deg, 0%, 86%);
- box-shadow: none;
- opacity: 0.5;
-}
-.button.is-fullwidth {
- display: flex;
- width: 100%;
-}
-.button.is-loading {
- color: transparent !important;
- pointer-events: none;
-}
-.button.is-loading::after {
- position: absolute;
- left: calc(50% - (1em * 0.5));
- top: calc(50% - (1em * 0.5));
- position: absolute !important;
-}
-.button.is-static {
- background-color: hsl(0deg, 0%, 96%);
- border-color: hsl(0deg, 0%, 86%);
- color: hsl(0deg, 0%, 48%);
- box-shadow: none;
- pointer-events: none;
-}
-.button.is-rounded {
- border-radius: 9999px;
- padding-left: calc(1em + 0.25em);
- padding-right: calc(1em + 0.25em);
-}
-
-.buttons {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
-}
-.buttons .button {
- margin-bottom: 0.5rem;
-}
-.buttons .button:not(:last-child):not(.is-fullwidth) {
- margin-right: 0.5rem;
-}
-.buttons:last-child {
- margin-bottom: -0.5rem;
-}
-.buttons:not(:last-child) {
- margin-bottom: 1rem;
-}
-.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
- font-size: 0.75rem;
-}
-.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
- border-radius: 2px;
-}
-.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
- font-size: 1.25rem;
-}
-.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
- font-size: 1.5rem;
-}
-.buttons.has-addons .button:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
-}
-.buttons.has-addons .button:not(:last-child) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- margin-right: -1px;
-}
-.buttons.has-addons .button:last-child {
- margin-right: 0;
-}
-.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
- z-index: 2;
-}
-.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
- z-index: 3;
-}
-.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
- z-index: 4;
-}
-.buttons.has-addons .button.is-expanded {
- flex-grow: 1;
- flex-shrink: 1;
-}
-.buttons.is-centered {
- justify-content: center;
-}
-.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
- margin-left: 0.25rem;
- margin-right: 0.25rem;
-}
-.buttons.is-right {
- justify-content: flex-end;
-}
-.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
- margin-left: 0.25rem;
- margin-right: 0.25rem;
-}
-
-@media screen and (max-width: 768px) {
- .button.is-responsive.is-small {
- font-size: 0.5625rem;
- }
- .button.is-responsive,
- .button.is-responsive.is-normal {
- font-size: 0.65625rem;
- }
- .button.is-responsive.is-medium {
- font-size: 0.75rem;
- }
- .button.is-responsive.is-large {
- font-size: 1rem;
- }
-}
-@media screen and (min-width: 769px) and (max-width: 1023px) {
- .button.is-responsive.is-small {
- font-size: 0.65625rem;
- }
- .button.is-responsive,
- .button.is-responsive.is-normal {
- font-size: 0.75rem;
- }
- .button.is-responsive.is-medium {
- font-size: 1rem;
- }
- .button.is-responsive.is-large {
- font-size: 1.25rem;
- }
-}
.container {
flex-grow: 1;
margin: 0 auto;
@@ -8874,9 +7548,9 @@ div.icon-text {
}
.table td.is-success,
.table th.is-success {
- background-color: hsl(153deg, 53%, 53%);
- border-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ border-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
.table td.is-warning,
.table th.is-warning {
@@ -8886,8 +7560,8 @@ div.icon-text {
}
.table td.is-danger,
.table th.is-danger {
- background-color: hsl(348deg, 86%, 61%);
- border-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
+ border-color: #e00;
color: #fff;
}
.table td.is-narrow,
@@ -9099,12 +7773,12 @@ div.icon-text {
color: #296fa8;
}
.tag:not(body).is-success {
- background-color: hsl(153deg, 53%, 53%);
- color: #fff;
+ background-color: #0e0;
+ color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-success.is-light {
- background-color: #effaf5;
- color: #257953;
+ background-color: #ebffeb;
+ color: #009400;
}
.tag:not(body).is-warning {
background-color: hsl(44deg, 100%, 77%);
@@ -9115,12 +7789,12 @@ div.icon-text {
color: #946c00;
}
.tag:not(body).is-danger {
- background-color: hsl(348deg, 86%, 61%);
+ background-color: #e00;
color: #fff;
}
.tag:not(body).is-danger.is-light {
- background-color: #feecf0;
- color: #cc0f35;
+ background-color: #ffebeb;
+ color: #f00000;
}
.tag:not(body).is-normal {
font-size: 0.75rem;
@@ -9387,19 +8061,21 @@ a.navbar-item.is-active {
:root {
--text-color: black;
+ --disabled-color: #aaa;
+ --disabled-bg: #eee;
--highlight-color: rgba(255, 255, 0, 1);
--highlight-color-alpha: rgba(255, 255, 0, 0.7);
+ --highlight-color-grey: rgba(230, 230, 60, 1);
--highlight-color-2: rgb(0, 0, 254);
--highlight-color-2-alpha: rgb(0, 0, 254, 0.7);
+ --highlight-color-2-grey: rgba(50, 200, 200, 1);
--header-height: 30em;
--heading-height: 30em;
--heading-title-bg-color: rgba(255, 255, 0, 1);
--heading-bg-color: var(--highlight-color);
--heading-bg-highlight-color: var(--highlight-color-2);
--heading-font-family: default;
- --preview-media-height: 10em;
- --preview-media-cover-size: 10em;
- --preview-cover-size: 24em;
+ --preview-cover-size: 18em;
--preview-cover-small-size: 10em;
--player-panel-bg: var(--highlight-color);
--player-bar-bg: var(--highlight-color);
@@ -9411,6 +8087,7 @@ a.navbar-item.is-active {
}
body {
+ font-size: 1.4em;
background-color: hsl(0deg, 0%, 96%);
}
@@ -9425,28 +8102,25 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
}
.page {
- padding-bottom: 5em;
+ padding-bottom: 5rem;
}
.page a {
background-color: var(--highlight-color-alpha);
color: var(--highlight-color-2);
text-decoration: none;
- padding: 0.4em;
-}
-.page .content {
- font-size: 2em;
+ padding: 0.4rem;
}
.page section.container {
- padding-top: 2em;
+ padding-top: 2rem;
}
.page section.container > .title {
margin-top: unset;
padding-top: unset !important;
- margin-bottom: 1.2em;
+ margin-bottom: 1.2rem;
border-bottom: 1px solid black;
}
.page section.container:not(:first-child) {
- margin-top: 2em;
+ margin-top: 2rem;
}
.d-inline {
@@ -9481,6 +8155,11 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
position: static;
}
+.align-left {
+ text-align: left;
+ justify-content: left;
+}
+
.align-right {
text-align: right;
justify-content: right;
@@ -9502,44 +8181,84 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
border: 0px !important;
}
-.is-clickable {
- cursor: pointer;
+.is-success {
+ background-color: #0e0 !important;
+ border-color: #0b0 !important;
}
-.btn-hg, .btn-outline-hg {
- border: 0.1em var(--highlight-color) solid;
- background-color: var(--highlight-color-alpha) !important;
- border-radius: 0.2em;
+.is-danger {
+ background-color: #e00 !important;
+ border-color: #b00 !important;
}
-.button {
- border-radius: 0px;
- border-color: var(--highlight-color-2-alpha);
+.dropdown-item {
+ font-size: unset !important;
}
-.button:hover {
- border-color: var(--highlight-color-2) !important;
+
+.vc-weekday-1, .vc-weekday-7 {
color: var(--highlight-color-2) !important;
+}
+
+.button, a.button, button.button, .nav-urls a {
+ display: inline-block;
+ padding: 0.6em;
+ border-radius: 4px;
+ border: 1px var(--highlight-color-2-alpha) solid;
+ justify-content: center;
+ text-align: center;
+ font-size: 1.4rem;
+ background-color: var(--highlight-color);
+}
+.button .icon, a.button .icon, button.button .icon, .nav-urls a .icon {
+ vertical-align: middle;
+}
+.button .icon:first-child, a.button .icon:first-child, button.button .icon:first-child, .nav-urls a .icon:first-child {
+ margin-right: 0.6rem;
+}
+.button .icon:last-child, a.button .icon:last-child, button.button .icon:last-child, .nav-urls a .icon:last-child {
+ margin-left: 0.6rem;
+}
+.button:hover, a.button:hover, button.button:hover, .nav-urls a:hover {
+ border-color: var(--highlight-color-2);
+ color: var(--highlight-color-2);
opacity: 1 !important;
}
-.actions .button, .button.action {
+.button.active, a.button.active, button.button.active, .nav-urls a.active {
+ border-color: var(--highlight-color-alpha);
+ background-color: var(--highlight-color-2);
+ color: var(--highlight-color);
+}
+.button.active:hover, a.button.active:hover, button.button.active:hover, .nav-urls a.active:hover {
+ border-color: var(--highlight-color);
+ background-color: var(--highlight-color-2-alpha);
+ opacity: 1 !important;
+}
+.button:not([disabled]), .button:not(.disabled), a.button:not([disabled]), a.button:not(.disabled), button.button:not([disabled]), button.button:not(.disabled), .nav-urls a:not([disabled]), .nav-urls a:not(.disabled) {
+ cursor: pointer;
+}
+.button[disabled], .button.disabled, a.button[disabled], a.button.disabled, button.button[disabled], button.button.disabled, .nav-urls a[disabled], .nav-urls a.disabled {
+ background-color: var(--highlight-color-grey);
+ color: var(--highlight-color-2);
+ border-color: var(--highlight-color-2-alpha);
+}
+.actions .button, .button.action, .actions a.button, a.button.action, .actions button.button, button.button.action, .actions .nav-urls a, .nav-urls a.action {
background-color: var(--highlight-color);
justify-content: center;
- padding: 0.4em !important;
- min-width: 2em;
+ min-width: 2rem;
}
-.actions .button .icon, .button.action .icon {
- margin: 0em !important;
-}
-.actions .button .not-selected, .button.action .not-selected {
+.actions .button .not-selected, .button.action .not-selected, .actions a.button .not-selected, a.button.action .not-selected, .actions button.button .not-selected, button.button.action .not-selected, .actions .nav-urls a .not-selected, .nav-urls a.action .not-selected {
opacity: 0.6;
}
-.actions .button label, .button.action label {
- margin-left: 0.4em;
+.actions .button .icon, .button.action .icon, .actions a.button .icon, a.button.action .icon, .actions button.button .icon, button.button.action .icon, .actions .nav-urls a .icon, .nav-urls a.action .icon {
+ margin: 0em !important;
}
-.actions .button:hover, .actions .button .selected, .button.action:hover, .button.action .selected {
+.actions .button label, .button.action label, .actions a.button label, a.button.action label, .actions button.button label, button.button.action label, .actions .nav-urls a label, .nav-urls a.action label {
+ margin-left: 0.4rem;
+}
+.actions .button:hover, .actions .button .selected, .button.action:hover, .button.action .selected, .actions a.button:hover, .actions a.button .selected, a.button.action:hover, a.button.action .selected, .actions button.button:hover, .actions button.button .selected, button.button.action:hover, button.button.action .selected, .actions .nav-urls a:hover, .actions .nav-urls a .selected, .nav-urls a.action:hover, .nav-urls a.action .selected {
color: var(--highlight-color-2) !important;
}
-.button .dropdown-trigger {
+.button .dropdown-trigger, a.button .dropdown-trigger, button.button .dropdown-trigger, .nav-urls a .dropdown-trigger {
border-radius: 1.5em;
}
@@ -9549,6 +8268,9 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
border-bottom: 0px;
height: 100%;
}
+.button-group .button:not(:first-child) {
+ border-left: 0px;
+}
.button-group .button:last-child {
border-right: 0px;
}
@@ -9561,7 +8283,7 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
text-transform: uppercase;
}
.title.is-3 {
- margin-top: 0.8em;
+ margin-top: 0.6rem;
}
.heading {
@@ -9569,7 +8291,7 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
}
.heading:not(:empty) {
background-color: var(--heading-bg-color);
- padding: 0.4em;
+ padding: 0.4rem;
margin-top: 0em !important;
vertical-align: top;
}
@@ -9581,29 +8303,12 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
background-color: var(--heading-title-bg-color);
}
-.dropdown-item {
- font-size: unset !important;
-}
-
-.list-urls {
- margin-top: 0.8em;
- text-align: right;
- font-size: 1.4em;
-}
-.list-urls a:not(:last-child) {
- margin-right: 0.8em;
-}
-
-.vc-weekday-1, .vc-weekday-7 {
- color: var(--highlight-color-2) !important;
-}
-
.nav {
display: flex;
background-color: var(--highlight-color);
}
.nav .nav-item {
- padding: 0.8em;
+ padding: 0.6rem;
flex-grow: 1;
flex-shrink: 1;
text-align: center;
@@ -9616,43 +8321,75 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
}
.nav.primary .nav-brand {
display: inline-block;
- margin-right: 0.8em;
- padding: 0.8em;
+ margin-right: 0.6rem;
+ padding: 0.6rem;
}
.nav.primary .nav-brand img {
- width: 14em !important;
+ width: 12rem !important;
}
.nav.primary .nav-menu {
display: flex;
flex-grow: 1;
}
.nav.primary .nav-item {
- font-size: 1.4em;
+ font-size: 1.2rem;
font-weight: 700;
}
.nav.secondary {
justify-content: right;
}
.nav.secondary .nav-item {
- font-size: 1.2em;
+ font-size: 1rem;
}
nav li {
list-style: none;
}
nav li a, nav li .button {
- font-size: 1.4em;
+ font-size: 1.4rem;
+}
+
+.nav-urls {
+ display: flex;
+ flex-direction: row;
+ margin-top: 0.6rem;
+ text-align: right;
+ font-size: 1.4rem;
+}
+.nav-urls > a:only-child {
+ margin-left: auto;
+}
+.nav-urls li {
+ list-style: none;
+}
+.nav-urls .urls {
+ flex-grow: 1;
+ display: flex;
+ flex-direction: row;
+ gap: 0.6rem;
+ justify-content: center;
+}
+.nav-urls .urls a:not(:last-child) {
+ margin-right: 0.6rem;
+}
+.nav-urls .left {
+ flex-grow: 0;
+ text-align: left;
+}
+.nav-urls .right {
+ flex-grow: 0;
+ text-align: right;
}
.page-content {
- margin-top: 2em;
- margin-bottom: 2em;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
}
.preview {
position: relative;
background-size: cover;
- margin-bottom: 2em !important;
+ margin-bottom: 2rem !important;
}
.preview.preview-card:not(.wide) {
max-width: 30em;
@@ -9669,11 +8406,11 @@ nav li a, nav li .button {
}
.preview .title {
font-weight: 700;
- font-size: 1.6em;
+ font-size: 1.6rem;
}
.preview .subtitle {
font-weight: 500;
- font-size: 1.6em;
+ font-size: 1.6rem;
}
.preview .headings {
background-size: cover;
@@ -9689,21 +8426,21 @@ nav li a, nav li .button {
}
.preview.comment .title {
- font-size: 1.6em;
+ font-size: 1.6rem;
}
.preview.comment .subtitle {
- font-size: 1em;
+ font-size: 1rem;
}
.list-item {
width: 100%;
}
.list-item:not(:first-child) {
- margin-top: 0.6em;
+ margin-top: 0.6rem;
}
.list-item .headings {
padding-top: 0em;
- margin-bottom: 1.2em !important;
+ margin-bottom: 1.2rem !important;
background-color: var(--heading-bg-color);
}
.list-item .subtitle {
@@ -9733,10 +8470,10 @@ nav li a, nav li .button {
.preview-wide .headings {
width: var(--preview-cover-size);
flex-grow: 0;
- margin-right: 1.2em;
+ margin-right: 1.2rem;
}
.preview-wide .content {
- font-size: 2em;
+ font-size: 2rem;
flex-grow: 1;
}
@@ -9752,8 +8489,8 @@ nav li a, nav li .button {
}
.preview-card .actions {
position: absolute;
- bottom: 0.8em;
- right: 0.8em;
+ bottom: 0.6rem;
+ right: 0.6rem;
}
.preview-card .actions label {
display: none;
@@ -9774,13 +8511,13 @@ nav li a, nav li .button {
width: 100%;
min-width: var(--preview-cover-size);
min-height: 100%;
- padding-top: 0.8em;
+ padding-top: 0.6rem;
}
.preview-card-headings > div:not(:last-child), .preview-card-headings .column > div {
- margin-bottom: 0.8em;
+ margin-bottom: 0.6rem;
}
preview-header:not(.no-cover) .preview-card-headings .heading {
- margin-bottom: 0.8em;
+ margin-bottom: 0.6rem;
}
.preview-header {
@@ -9793,7 +8530,7 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
height: unset;
}
.preview-header .headings {
- padding-top: 2em;
+ padding-top: 2rem;
}
.preview-header .headings, .preview-header > .container {
width: 100%;
@@ -9816,18 +8553,18 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
}
.header .content {
display: inline !important;
- font-size: 1.4em;
+ font-size: 1.4rem;
font-weight: 500;
text-align: right;
}
.header .content p {
- margin-bottom: 0.8em;
+ margin-bottom: 0.6rem;
}
.card-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
- gap: 1.2em;
+ gap: 1.2rem;
}
@media screen and (max-width: 1380px) {
@@ -9861,7 +8598,7 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
}
.a-progress > time, .a-progress .a-progress-bar {
height: 100%;
- padding: 0.4em;
+ padding: 0.4rem;
}
.a-progress .a-progress-bar {
background-color: var(--progress-bar-bg);
@@ -9873,9 +8610,9 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
flex-direction: row;
}
.playlist .title, .a-playlist .title {
- font-size: 1em;
+ font-size: 1rem;
margin: 0;
- padding: 0.8em;
+ padding: 0.6rem;
}
.playlist li, .a-playlist li {
list-style: none;
@@ -9889,7 +8626,7 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
display: flex;
align-items: center;
flex-direction: row;
- height: 3em;
+ height: 3rem;
background-color: var(--highlight-color-alpha);
}
.a-sound-item.playing, .a-sound-item.playing .title {
@@ -9901,13 +8638,23 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
.a-sound-item:hover .title {
color: var(--highlight-color-2) !important;
}
+.a-sound-item .title:hover::before, .a-sound-item.playing .title::before {
+ content: "\f04b";
+ font-family: "Font Awesome 6 Free";
+ margin-right: 0.6em;
+}
+.a-sound-item.playing .title:hover::before {
+ content: "";
+ margin: 0;
+}
.a-sound-item .title {
+ cursor: pointer;
margin: 0em;
- padding: 0em;
- font-size: 1.4em;
+ padding: 0.6em;
+ font-size: 1.4rem;
}
.a-sound-item .title .icon {
- padding: 0em 0.8em;
+ padding: 0em 0.6rem;
}
.a-sound-item .button {
width: 3em;
@@ -9931,7 +8678,7 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
}
.a-player-panel {
- padding-bottom: 0.8em;
+ padding-bottom: 0.6rem;
max-height: 80%;
overflow-y: auto;
}
@@ -9970,34 +8717,28 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
height: 100%;
}
.a-player-bar .title {
- font-size: 1em;
+ font-size: 1rem;
margin: 0em;
}
.a-player-bar .title:last-child {
- font-size: 1.6em;
+ font-size: 1.6rem;
}
.a-player-bar .button {
- font-size: 1.6em;
+ font-size: 1.6rem;
height: 100%;
padding: auto 0.2em !important;
- min-width: 2.5em;
+ min-width: 3em;
border-radius: 0px;
transition: background-color 0.5s;
}
-.a-player-bar .button:hover {
- color: var(--highlight-color-2) !important;
-}
-.a-player-bar .button.active {
- color: var(--highlight-color-2);
-}
.a-player-bar .button.open {
- background-color: var(--highlight-color-2);
+ background-color: var(--highlight-color-2-alpha);
color: var(--highlight-color);
}
.a-player-bar-content {
flex-grow: 1;
- padding-top: 0.8em;
- padding-left: 0.8em;
- padding-right: 0.8em;
+ padding-top: 0.6rem;
+ padding-left: 0.6rem;
+ padding-right: 0.6rem;
}
diff --git a/aircox/static/aircox/js/chunk-common.js b/aircox/static/aircox/js/chunk-common.js
index 524b80c..6fffcd3 100644
--- a/aircox/static/aircox/js/chunk-common.js
+++ b/aircox/static/aircox/js/chunk-common.js
@@ -285,7 +285,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
\************************************************************************************************************************************************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm-bundler.js\");\n\nconst _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon mr-3\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"i\", {\n class: \"fa fa-play\"\n})], -1 /* HOISTED */);\nconst _hoisted_2 = {\n class: \"button-group actions\"\n};\nconst _hoisted_3 = [\"href\"];\nconst _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"i\", {\n class: \"fa fa-external-link\"\n})], -1 /* HOISTED */);\nconst _hoisted_5 = [_hoisted_4];\nconst _hoisted_6 = [\"href\"];\nconst _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"fa fa-download\"\n})], -1 /* HOISTED */);\nconst _hoisted_8 = [_hoisted_7];\nconst _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"fa fa-star\"\n})], -1 /* HOISTED */);\nconst _hoisted_10 = [_hoisted_9];\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", {\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['a-sound-item m-0 button-group', $options.playing && 'playing' || ''])\n }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"title\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n }, () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['title is-flex-grow-1', $options.playing && 'blink' || '']),\n onClick: _cache[0] || (_cache[0] = (0,vue__WEBPACK_IMPORTED_MODULE_0__.withModifiers)($event => _ctx.$emit('togglePlay'), [\"stop\"]))\n }, [_hoisted_1, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" \" + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.name || $options.item.name), 1 /* TEXT */)], 2 /* CLASS */)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", _hoisted_2, [$options.hasAction('page') ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"a\", {\n key: 0,\n class: \"button\",\n href: $options.item.data.page_url\n }, _hoisted_5, 8 /* PROPS */, _hoisted_3)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), $options.item.data.is_downloadable ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"a\", {\n key: 1,\n class: \"button\",\n href: $options.item.data.url,\n target: \"_blank\"\n }, _hoisted_8, 8 /* PROPS */, _hoisted_6)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), $props.player && $props.player.sets.pin != _ctx.$parent.set ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"button\", {\n key: 2,\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['button', $options.pinned ? 'selected' : 'not-selected']),\n onClick: _cache[1] || (_cache[1] = (0,vue__WEBPACK_IMPORTED_MODULE_0__.withModifiers)($event => $props.player.togglePin($options.item), [\"stop\"]))\n }, _hoisted_10, 2 /* CLASS */)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"actions\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"extra-right\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n })], 2 /* CLASS */);\n}\n\n//# sourceURL=webpack://aircox-assets/./src/components/ASoundItem.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm-bundler.js\");\n\nconst _hoisted_1 = {\n class: \"button-group actions\"\n};\nconst _hoisted_2 = [\"href\"];\nconst _hoisted_3 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"i\", {\n class: \"fa fa-external-link\"\n})], -1 /* HOISTED */);\nconst _hoisted_4 = [_hoisted_3];\nconst _hoisted_5 = [\"href\"];\nconst _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"fa fa-download\"\n})], -1 /* HOISTED */);\nconst _hoisted_7 = [_hoisted_6];\nconst _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"icon is-small\"\n}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: \"fa fa-star\"\n})], -1 /* HOISTED */);\nconst _hoisted_9 = [_hoisted_8];\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", {\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['a-sound-item m-0 button-group', $options.playing && 'playing' || ''])\n }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"title\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n }, () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", {\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['title is-flex-grow-1 align-left', $options.playing && 'blink' || '']),\n onClick: _cache[0] || (_cache[0] = (0,vue__WEBPACK_IMPORTED_MODULE_0__.withModifiers)($event => _ctx.$emit('togglePlay'), [\"stop\"]))\n }, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.name || $options.item.name), 3 /* TEXT, CLASS */)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", _hoisted_1, [$options.hasAction('page') ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"a\", {\n key: 0,\n class: \"button action\",\n href: $options.item.data.page_url\n }, _hoisted_4, 8 /* PROPS */, _hoisted_2)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), $options.item.data.is_downloadable ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"a\", {\n key: 1,\n class: \"button action\",\n href: $options.item.data.url,\n target: \"_blank\"\n }, _hoisted_7, 8 /* PROPS */, _hoisted_5)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), $props.player && $props.player.sets.pin != _ctx.$parent.set ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"button\", {\n key: 2,\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['button action', $options.pinned ? 'selected' : 'not-selected']),\n onClick: _cache[1] || (_cache[1] = (0,vue__WEBPACK_IMPORTED_MODULE_0__.withModifiers)($event => $props.player.togglePin($options.item), [\"stop\"]))\n }, _hoisted_9, 2 /* CLASS */)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"actions\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"extra-right\", {\n player: $props.player,\n item: $options.item,\n loaded: $options.loaded\n })], 2 /* CLASS */);\n}\n\n//# sourceURL=webpack://aircox-assets/./src/components/ASoundItem.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
/***/ }),
diff --git a/aircox/templates/aircox/basepage_list.html b/aircox/templates/aircox/basepage_list.html
index f10322b..658173a 100644
--- a/aircox/templates/aircox/basepage_list.html
+++ b/aircox/templates/aircox/basepage_list.html
@@ -48,41 +48,30 @@
{% update_query request.GET.copy page=None as GET %}
{% with GET.urlencode as GET %}
-