123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752 |
- @keyframes spinAround {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(359deg);
- }
- }
- .button,.file {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .button,.input,.textarea,.select select,.file-cta,.file-name {
- -moz-appearance: none;
- -webkit-appearance: none;
- align-items: center;
- border: 1px solid transparent;
- border-radius: 4px;
- box-shadow: none;
- display: inline-flex;
- font-size: 1rem;
- height: 2.5em;
- justify-content: flex-start;
- line-height: 1.5;
- padding-bottom: calc(0.5em - 1px);
- padding-left: calc(0.75em - 1px);
- padding-right: calc(0.75em - 1px);
- padding-top: calc(0.5em - 1px);
- position: relative;
- vertical-align: top;
- }
- .button:focus,.input:focus,.textarea:focus,.select select:focus,.file-cta:focus,.file-name:focus,.button:active,.input:active,.textarea:active,.select select:active,.file-cta:active,.file-name:active {
- outline: none;
- }
- .button[disabled],.input[disabled],.textarea[disabled],.select select[disabled],.file-cta[disabled],.file-name[disabled] {
- cursor: not-allowed;
- }
- html {
- background-color: white;
- font-size: 16px;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- min-width: 300px;
- overflow-x: hidden;
- overflow-y: scroll;
- text-rendering: optimizeLegibility;
- text-size-adjust: 100%;
- }
- body,button,input,select,textarea {
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
- }
- body {
- color: #4a4a4a;
- font-size: 1em;
- font-weight: 400;
- line-height: 1.5;
- }
- input[type="checkbox"],input[type="radio"] {
- vertical-align: baseline;
- }
- span {
- font-style: inherit;
- font-weight: inherit;
- }
- strong {
- color: #363636;
- font-weight: 700;
- }
- legend,textarea {
- margin: 0;
- padding: 0;
- }
- button,input,select,textarea {
- margin: 0;
- }
- html {
- box-sizing: border-box;
- }
- *,*::before,*::after {
- box-sizing: inherit;
- }
- .button {
- background-color: white;
- border-color: #dbdbdb;
- border-width: 1px;
- color: #363636;
- 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:hover {
- border-color: #b5b5b5;
- color: #363636;
- }
- .button:focus {
- border-color: #3273dc;
- color: #363636;
- }
- .button:focus:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
- }
- .button:active {
- border-color: #4a4a4a;
- color: #363636;
- }
- .button.is-text {
- background-color: transparent;
- border-color: transparent;
- color: #4a4a4a;
- text-decoration: underline;
- }
- .button.is-text:hover,.button.is-text:focus {
- background-color: whitesmoke;
- color: #363636;
- }
- .button.is-text:active {
- background-color: #e8e8e8;
- color: #363636;
- }
- .button.is-text[disabled] {
- background-color: transparent;
- border-color: transparent;
- box-shadow: none;
- }
- .button.is-link {
- background-color: #3273dc;
- border-color: transparent;
- color: #fff;
- }
- .button.is-link:hover {
- background-color: #276cda;
- border-color: transparent;
- color: #fff;
- }
- .button.is-link:focus {
- border-color: transparent;
- color: #fff;
- }
- .button.is-link:focus:not(:active) {
- box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
- }
- .button.is-link:active {
- background-color: #2366d1;
- border-color: transparent;
- color: #fff;
- }
- .button.is-link[disabled] {
- background-color: #3273dc;
- border-color: transparent;
- box-shadow: none;
- }
- .button.is-normal {
- font-size: 1rem;
- }
- .button.is-medium {
- font-size: 1.25rem;
- }
- .button[disabled] {
- background-color: white;
- border-color: #dbdbdb;
- box-shadow: none;
- opacity: 0.5;
- }
- .button.is-fullwidth {
- display: flex;
- width: 100%;
- }
- .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;
- }
- .input,.textarea,.select select {
- background-color: white;
- border-color: #dbdbdb;
- border-radius: 4px;
- color: #363636;
- }
- .input::-moz-placeholder,.textarea::-moz-placeholder,.select select::-moz-placeholder {
- color: rgba(54, 54, 54, 0.3);
- }
- .input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,.select select::-webkit-input-placeholder {
- color: rgba(54, 54, 54, 0.3);
- }
- .input:-moz-placeholder,.textarea:-moz-placeholder,.select select:-moz-placeholder {
- color: rgba(54, 54, 54, 0.3);
- }
- .input:-ms-input-placeholder,.textarea:-ms-input-placeholder,.select select:-ms-input-placeholder {
- color: rgba(54, 54, 54, 0.3);
- }
- .input:hover,.textarea:hover,.select select:hover {
- border-color: #b5b5b5;
- }
- .input:focus,.textarea:focus,.select select:focus,.input:active,.textarea:active,.select select:active {
- border-color: #3273dc;
- box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
- }
- .input[disabled],.textarea[disabled],.select select[disabled] {
- background-color: whitesmoke;
- border-color: whitesmoke;
- box-shadow: none;
- color: #7a7a7a;
- }
- .input[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder,.select select[disabled]::-moz-placeholder {
- color: rgba(122, 122, 122, 0.3);
- }
- .input[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder,.select select[disabled]::-webkit-input-placeholder {
- color: rgba(122, 122, 122, 0.3);
- }
- .input[disabled]:-moz-placeholder,.textarea[disabled]:-moz-placeholder,.select select[disabled]:-moz-placeholder {
- color: rgba(122, 122, 122, 0.3);
- }
- .input[disabled]:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder,.select select[disabled]:-ms-input-placeholder {
- color: rgba(122, 122, 122, 0.3);
- }
- .input,.textarea {
- box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
- max-width: 100%;
- width: 100%;
- }
- .input[readonly],.textarea[readonly] {
- box-shadow: none;
- }
- .is-link.input,.is-link.textarea {
- border-color: #3273dc;
- }
- .is-link.input:focus,.is-link.textarea:focus,.is-link.input:active,.is-link.textarea:active {
- box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
- }
- .is-medium.input,.is-medium.textarea {
- font-size: 1.25rem;
- }
- .is-fullwidth.input,.is-fullwidth.textarea {
- display: block;
- width: 100%;
- }
- .textarea {
- display: block;
- max-width: 100%;
- min-width: 100%;
- padding: calc(0.75em - 1px);
- resize: vertical;
- }
- .textarea:not([rows]) {
- max-height: 40em;
- min-height: 8em;
- }
- .textarea[rows] {
- height: initial;
- }
- .checkbox,.radio {
- cursor: pointer;
- display: inline-block;
- line-height: 1.25;
- position: relative;
- }
- .checkbox input,.radio input {
- cursor: pointer;
- }
- .checkbox:hover,.radio:hover {
- color: #363636;
- }
- .checkbox[disabled],.radio[disabled] {
- color: #7a7a7a;
- cursor: not-allowed;
- }
- .radio + .radio {
- margin-left: 0.5em;
- }
- .select {
- display: inline-block;
- max-width: 100%;
- position: relative;
- vertical-align: top;
- }
- .select:not(.is-multiple) {
- height: 2.5em;
- }
- .select:not(.is-multiple):not(.is-loading)::after {
- border: 3px solid transparent;
- border-radius: 2px;
- border-right: 0;
- border-top: 0;
- content: " ";
- display: block;
- height: 0.625em;
- margin-top: -0.4375em;
- pointer-events: none;
- position: absolute;
- top: 50%;
- transform: rotate(-45deg);
- transform-origin: center;
- width: 0.625em;
- }
- .select:not(.is-multiple):not(.is-loading)::after {
- border-color: #3273dc;
- right: 1.125em;
- z-index: 4;
- }
- .select select {
- cursor: pointer;
- display: block;
- font-size: 1em;
- max-width: 100%;
- outline: none;
- }
- .select select::-ms-expand {
- display: none;
- }
- .select select[disabled]:hover {
- border-color: whitesmoke;
- }
- .select select:not([multiple]) {
- padding-right: 2.5em;
- }
- .select select[multiple] {
- height: auto;
- padding: 0;
- }
- .select select[multiple] option {
- padding: 0.5em 1em;
- }
- .select.is-link:not(:hover)::after {
- border-color: #3273dc;
- }
- .select.is-link select {
- border-color: #3273dc;
- }
- .select.is-link select:hover {
- border-color: #2366d1;
- }
- .select.is-link select:focus,.select.is-link select:active {
- box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
- }
- .select.is-medium {
- font-size: 1.25rem;
- }
- .select.is-fullwidth {
- width: 100%;
- }
- .select.is-fullwidth select {
- width: 100%;
- }
- .file {
- align-items: stretch;
- display: flex;
- justify-content: flex-start;
- position: relative;
- }
- .file.is-link .file-cta {
- background-color: #3273dc;
- border-color: transparent;
- color: #fff;
- }
- .file.is-link:hover .file-cta {
- background-color: #276cda;
- border-color: transparent;
- color: #fff;
- }
- .file.is-link:focus .file-cta {
- border-color: transparent;
- box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
- color: #fff;
- }
- .file.is-link:active .file-cta {
- background-color: #2366d1;
- border-color: transparent;
- color: #fff;
- }
- .file.is-medium {
- font-size: 1.25rem;
- }
- .file.has-name .file-cta {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .file.has-name .file-name {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .file.is-fullwidth .file-label {
- width: 100%;
- }
- .file.is-fullwidth .file-name {
- flex-grow: 1;
- max-width: none;
- }
- .file-label {
- align-items: stretch;
- display: flex;
- cursor: pointer;
- justify-content: flex-start;
- overflow: hidden;
- position: relative;
- }
- .file-label:hover .file-cta {
- background-color: #eeeeee;
- color: #363636;
- }
- .file-label:hover .file-name {
- border-color: #d5d5d5;
- }
- .file-label:active .file-cta {
- background-color: #e8e8e8;
- color: #363636;
- }
- .file-label:active .file-name {
- border-color: #cfcfcf;
- }
- .file-input {
- height: 100%;
- left: 0;
- opacity: 0;
- outline: none;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .file-cta,.file-name {
- border-color: #dbdbdb;
- border-radius: 4px;
- font-size: 1em;
- padding-left: 1em;
- padding-right: 1em;
- white-space: nowrap;
- }
- .file-cta {
- background-color: whitesmoke;
- color: #4a4a4a;
- }
- .file-name {
- border-color: #dbdbdb;
- border-style: solid;
- border-width: 1px 1px 1px 0;
- display: block;
- max-width: 16em;
- overflow: hidden;
- text-align: inherit;
- text-overflow: ellipsis;
- }
- .label {
- color: #363636;
- display: block;
- font-size: 1rem;
- font-weight: 700;
- }
- .label:not(:last-child) {
- margin-bottom: 0.5em;
- }
- .label.is-medium {
- font-size: 1.25rem;
- }
- .field:not(:last-child) {
- margin-bottom: 0.75rem;
- }
- .field-label .label {
- font-size: inherit;
- }
- @media screen and (max-width: 768px) {
- .field-label {
- margin-bottom: 0.5rem;
- }
- }
- @media screen and (min-width: 769px), print {
- .field-label {
- flex-basis: 0;
- flex-grow: 1;
- flex-shrink: 0;
- margin-right: 1.5rem;
- text-align: right;
- }
- .field-label.is-normal {
- padding-top: 0.375em;
- }
- .field-label.is-medium {
- font-size: 1.25rem;
- padding-top: 0.375em;
- }
- }
- .field-body .field .field {
- margin-bottom: 0;
- }
- @media screen and (min-width: 769px), print {
- .field-body {
- display: flex;
- flex-basis: 0;
- flex-grow: 5;
- flex-shrink: 1;
- }
- .field-body .field {
- margin-bottom: 0;
- }
- .field-body > .field {
- flex-shrink: 1;
- }
- .field-body > .field:not(:last-child) {
- margin-right: 0.75rem;
- }
- }
- .control {
- box-sizing: border-box;
- clear: both;
- font-size: 1rem;
- position: relative;
- text-align: inherit;
- }
- .has-text-link {
- color: #3273dc !important;
- }
- .my-0 {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .my-1 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important;
- }
- .my-2 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
- }
- .my-3 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important;
- }
- .my-4 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important;
- }
- .my-5 {
- margin-top: 1.5rem !important;
- margin-bottom: 1.5rem !important;
- }
- .my-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important;
- }
- .px-0 {
- padding-left: 0 !important;
- padding-right: 0 !important;
- }
- .px-1 {
- padding-left: 0.25rem !important;
- padding-right: 0.25rem !important;
- }
- .px-2 {
- padding-left: 0.5rem !important;
- padding-right: 0.5rem !important;
- }
- .px-3 {
- padding-left: 0.75rem !important;
- padding-right: 0.75rem !important;
- }
- .px-4 {
- padding-left: 1rem !important;
- padding-right: 1rem !important;
- }
- .px-5 {
- padding-left: 1.5rem !important;
- padding-right: 1.5rem !important;
- }
- .px-6 {
- padding-left: 3rem !important;
- padding-right: 3rem !important;
- }
- .has-text-weight-normal {
- font-weight: 400 !important;
- }
- .has-text-weight-medium {
- font-weight: 500 !important;
- }
- .is-hidden {
- display: none !important;
- }
- @media screen and (max-width: 1023px) {
- .is-hidden-touch {
- display: none !important;
- }
- }
- .js-validate-error-label {
- color: crimson;
- font-size: 0.9em;
- }
- .js-validate-error-field {
- border: 1px solid #dc3545 !important;
- }
- .js-validate-error-field:focus {
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
- }
|