2022-12-16 00:55:43 +01:00
@ font-face { font-family : "Ionicons" ; src : url ( "../fonts/ionicons.eot?v=4.5.10-1" ); src : url ( "../fonts/ionicons.eot?v=4.5.10-1#iefix" ) format ( "embedded-opentype" ), url ( "../fonts/ionicons.woff2?v=4.5.10-1" ) format ( "woff2" ), url ( "../fonts/ionicons.woff?v=4.5.10-1" ) format ( "woff" ), url ( "../fonts/ionicons.ttf?v=4.5.10-1" ) format ( "truetype" ), url ( "../fonts/ionicons.svg?v=4.5.10-1#Ionicons" ) format ( "svg" ); font-weight : normal ; font-style : normal }. ion , . ionicons , . ion-ios-add : before , . ion-ios-add-circle : before , . ion-ios-add-circle-outline : before , . ion-ios-airplane : before , . ion-ios-alarm : before , . ion-ios-albums : before , . ion-ios-alert : before , . ion-ios-american-football : before , . ion-ios-analytics : before , . ion-ios-aperture : before , . ion-ios-apps : before , . ion-ios-appstore : before , . ion-ios-archive : before , . ion-ios-arrow-back : before , . ion-ios-arrow-down : before , . ion-ios-arrow-dropdown : before , . ion-ios-arrow-dropdown-circle : before , . ion-ios-arrow-dropleft : before , . ion-ios-arrow-dropleft-circle : before , . ion-ios-arrow-dropright : before , . ion-ios-arrow-dropright-circle : before , . ion-ios-arrow-dropup : before , . ion-ios-arrow-dropup-circle : before , . ion-ios-arrow-forward : before , . ion-ios-arrow-round-back : before , . ion-ios-arrow-round-down : before , . ion-ios-arrow-round-forward : before , . ion-ios-arrow-round-up : before , . ion-ios-arrow-up : before , . ion-ios-at : before , . ion-ios-attach : before , . ion-ios-backspace : before , . ion-ios-barcode : before , . ion-ios-baseball : before , . ion-ios-basket : before , . ion-ios-basketball : before , . ion-ios-battery-charging : before , . ion-ios-battery-dead : before , . ion-ios-battery-full : before , . ion-ios-beaker : before , . ion-ios-bed : before , . ion-ios-beer : before , . ion-ios-bicycle : before , . ion-ios-bluetooth : before , . ion-ios-boat : before , . ion-ios-body : before , . ion-ios-bonfire : before , . ion-ios-book : before , . ion-ios-bookmark : before , . ion-ios-bookmarks : before , . ion-ios-bowtie : before , . ion-ios-briefcase : before , . ion-ios-browsers : before , . ion-ios-brush : before , . ion-ios-bug : before , . ion-ios-build : before , . ion-ios-bulb : before , . ion-ios-bus : before , . ion-ios-business : before , . ion-ios-cafe : before , . ion-ios-calculator : before , . ion-ios-calendar : before , . ion-ios-call : before , . ion-ios-camera : before , . ion-ios-car : before , . ion-ios-card : before , . ion-ios-cart : before , . ion-ios-cash : before , . ion-ios-cellular : before , . ion-ios-chatboxes : before , . ion-ios-chatbubbles : before , . ion-ios-checkbox : before , . ion-ios-checkbox-outline : before , . ion-ios-checkmark : before , . ion-ios-checkmark-circle : before , . ion-ios-checkmark-circle-outline : before , . ion-ios-clipboard : before , . ion-ios-clock : before , . ion-ios-close : before , . ion-ios-close-circle : before , . ion-ios-close-circle-outline : before , . ion-ios-cloud : before , . ion-ios-cloud-circle : before , . ion-ios-cloud-done : before , . ion-ios-cloud-download : before , . ion-ios-cloud-outline : before , . ion-ios-cloud-upload : before , . ion-ios-cloudy : before , . ion-ios-cloudy-night : before , . ion-ios-code : before , . ion-ios-code-download : before , . ion-ios-code-working : before , . ion-ios-cog : before , . ion-ios-color-fill : before , . ion-ios-color-filter : before , . ion-ios-color-palette : before , . ion-ios-color-wand : before , . ion-ios-compass : before , . ion-ios-construct : before , . ion-ios-contact : before , . ion-ios-contacts : before , . ion-ios-contract : before , . ion-ios-contrast : before , . ion-ios-copy : before , . ion-ios-create : before , . ion-ios-crop : before , . ion-ios-cube : before , . ion-ios-cut : before , . ion-ios-desktop : before , . ion-ios-disc : before , . ion-ios-document : before , . ion-ios-done-all : before , . ion-ios-download : before , . ion-ios-easel : before , . ion-ios-egg : before , . ion-ios-exit : before , . ion-ios-expand : before , . ion-ios-eye : before , . ion-ios-eye-off : before , . ion-ios-fastforward : before , . ion-ios-female : before , . ion-ios-filing : before , . ion-ios-film : before , . ion-ios-finger-print : before , . ion-ios-fitness : before , . ion-ios-flag : before , . ion-ios-flame : before , . ion-ios-flash : before , . ion-ios-flash-off : before , . ion-ios-flashlight : before , . ion-ios-flask : before , . ion-ios-flower : before , . ion-ios-folder : before , . ion-ios-folder-open : before , . ion-ios-football : before , . ion-ios-funnel : before , . ion-ios-gift : before , . ion-ios-git-branch : before , . ion-ios-git-commit : before , . ion-ios-git-compare : before , . ion-ios-git-merge : before , . ion-ios-git-network : before , . ion-ios-git-p
. toggle-checkbox {
position : absolute ;
opacity : 0 ;
cursor : pointer ;
height : 0 ;
width : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-slot {
position : relative ;
height : 2 em ;
width : 3 em ;
border : none ;
border-radius : 10 em ;
background-color : white ;
transition : background-color 250 ms ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-checkbox : checked ~ . toggle-slot {
background-color : #374151 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-button {
transform : translate ( 1.6 em , 0.5 em );
position : absolute ;
height : 1 em ;
width : 1 em ;
border-radius : 50 % ;
background-color : #ffeccf ;
transition : background-color 250 ms , border-color 250 ms , transform 500 ms cubic-bezier ( .26 , 2 , .46 , .71 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-checkbox : checked ~ . toggle-slot . toggle-button {
background-color : #485367 ;
transform : translate ( 0.5 em , 0.5 em );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. sun-icon {
position : absolute ;
height : 1 em ;
width : 1 em ;
color : #ffbb52 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. sun-icon-wrapper {
position : absolute ;
height : 1 em ;
width : 1 em ;
opacity : 1 ;
transform : translate ( 0.55 em , 0.25 em ) rotate ( 15 deg );
transform-origin : 50 % 50 % ;
transition : opacity 150 ms , transform 500 ms cubic-bezier ( .26 , 2 , .46 , .71 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-checkbox : checked ~ . toggle-slot . sun-icon-wrapper {
opacity : 0 ;
transform : translate ( 1.6 em , 0.5 em ) rotate ( 0 deg );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. moon-icon {
position : absolute ;
height : 1 em ;
width : 1 em ;
color : white ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. moon-icon-wrapper {
position : absolute ;
height : 1 em ;
width : 1 em ;
opacity : 0 ;
transform : translate ( 1.6 em , .5 em ) rotate ( 0 deg );
transform-origin : 50 % 50 % ;
transition : opacity 150 ms , transform 500 ms cubic-bezier ( .26 , 2.5 , .46 , .71 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. toggle-checkbox : checked ~ . toggle-slot . moon-icon-wrapper {
opacity : 1 ;
transform : translate ( 1.85 em , 0.15 em ) rotate ( -15 deg );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
. pagination-previous ,
. pagination-next ,
. pagination-link ,
. pagination-ellipsis , . file-cta ,
. file-name , . select select , . textarea , . input , . button {
-moz- appearance : none ;
-webkit- appearance : none ;
align-items : center ;
border : 1 px solid transparent ;
border-radius : 4 px ;
box-shadow : none ;
display : inline-flex ;
font-size : 1 rem ;
height : 2.5 em ;
justify-content : flex-start ;
line-height : 1.5 ;
padding-bottom : calc ( 0.5 em - 1 px );
padding-left : calc ( 0.75 em - 1 px );
padding-right : calc ( 0.75 em - 1 px );
padding-top : calc ( 0.5 em - 1 px );
position : relative ;
vertical-align : top ;
}
. pagination-previous : focus ,
. pagination-next : focus ,
. pagination-link : focus ,
. pagination-ellipsis : focus , . file-cta : focus ,
. file-name : focus , . select select : focus , . textarea : focus , . input : focus , . button : focus , . is-focused . pagination-previous ,
. is-focused . pagination-next ,
. is-focused . pagination-link ,
. is-focused . pagination-ellipsis , . is-focused . file-cta ,
. is-focused . file-name , . select select . is-focused , . is-focused . textarea , . is-focused . input , . is-focused . button , . pagination-previous : active ,
. pagination-next : active ,
. pagination-link : active ,
. pagination-ellipsis : active , . file-cta : active ,
. file-name : active , . select select : active , . textarea : active , . input : active , . button : active , . is-active . pagination-previous ,
. is-active . pagination-next ,
. is-active . pagination-link ,
. is-active . pagination-ellipsis , . is-active . file-cta ,
. is-active . file-name , . select select . is-active , . is-active . textarea , . is-active . input , . is-active . button {
outline : none ;
}
[ disabled ] . pagination-previous ,
[ disabled ] . pagination-next ,
[ disabled ] . pagination-link ,
[ disabled ] . pagination-ellipsis , [ disabled ] . file-cta ,
[ disabled ] . file-name , . select select [ disabled ], [ disabled ] . textarea , [ disabled ] . input , [ disabled ] . button , fieldset [ disabled ] . pagination-previous ,
fieldset [ disabled ] . pagination-next ,
fieldset [ disabled ] . pagination-link ,
fieldset [ disabled ] . pagination-ellipsis , fieldset [ disabled ] . file-cta ,
fieldset [ disabled ] . file-name , fieldset [ disabled ] . select select , . select fieldset [ disabled ] select , fieldset [ disabled ] . textarea , fieldset [ disabled ] . input , fieldset [ disabled ] . button {
cursor : not-allowed ;
}
. pagination-previous ,
. pagination-next ,
. pagination-link ,
. pagination-ellipsis , . file , . button {
-webkit- touch-callout : none ;
-webkit- user-select : none ;
-moz- user-select : none ;
-ms- user-select : none ;
user-select : none ;
}
. select : not ( . is-multiple ) : not ( . is-loading ) :: after {
border : 3 px solid transparent ;
border-radius : 2 px ;
border-right : 0 ;
border-top : 0 ;
content : " " ;
display : block ;
height : 0.625 em ;
margin-top : -0.4375 em ;
pointer-events : none ;
position : absolute ;
top : 50 % ;
transform : rotate ( -45 deg );
transform-origin : center ;
width : 0.625 em ;
}
. pagination : not ( : last-child ), . message : not ( : last-child ), . progress : not ( : last-child ), . notification : not ( : last-child ), . content : not ( : last-child ) {
margin-bottom : 1.5 rem ;
}
. delete {
-webkit- touch-callout : none ;
-webkit- user-select : none ;
-moz- user-select : none ;
-ms- user-select : none ;
user-select : none ;
-moz- appearance : none ;
-webkit- appearance : none ;
background-color : rgba ( 10 , 10 , 10 , 0.2 );
border : none ;
border-radius : 9999 px ;
cursor : pointer ;
pointer-events : auto ;
display : inline-block ;
flex-grow : 0 ;
flex-shrink : 0 ;
font-size : 0 ;
height : 20 px ;
max-height : 20 px ;
max-width : 20 px ;
min-height : 20 px ;
min-width : 20 px ;
outline : none ;
position : relative ;
vertical-align : top ;
width : 20 px ;
}
. delete :: before , . delete :: after {
background-color : hsl ( 0 deg , 0 % , 100 % );
content : "" ;
display : block ;
left : 50 % ;
position : absolute ;
top : 50 % ;
transform : translateX ( -50 % ) translateY ( -50 % ) rotate ( 45 deg );
transform-origin : center center ;
}
. delete :: before {
height : 2 px ;
width : 50 % ;
}
. delete :: after {
height : 50 % ;
width : 2 px ;
}
. delete : hover , . delete : focus {
background-color : rgba ( 10 , 10 , 10 , 0.3 );
}
. delete : active {
background-color : rgba ( 10 , 10 , 10 , 0.4 );
}
. is-small . delete {
height : 16 px ;
max-height : 16 px ;
max-width : 16 px ;
min-height : 16 px ;
min-width : 16 px ;
width : 16 px ;
}
. is-medium . delete {
height : 24 px ;
max-height : 24 px ;
max-width : 24 px ;
min-height : 24 px ;
min-width : 24 px ;
width : 24 px ;
}
. is-large . delete {
height : 32 px ;
max-height : 32 px ;
max-width : 32 px ;
min-height : 32 px ;
min-width : 32 px ;
width : 32 px ;
}
. control . is-loading :: after , . select . is-loading :: after , . loader , . button . is-loading :: after {
animation : spinAround 500 ms infinite linear ;
border : 2 px solid hsl ( 0 deg , 0 % , 86 % );
border-radius : 9999 px ;
border-right-color : transparent ;
border-top-color : transparent ;
content : "" ;
display : block ;
height : 1 em ;
position : relative ;
width : 1 em ;
}
. image . is-square img ,
. image . is-square . has-ratio , . image . is-1by1 img ,
. image . is-1by1 . has-ratio , . image . is-5by4 img ,
. image . is-5by4 . has-ratio , . image . is-4by3 img ,
. image . is-4by3 . has-ratio , . image . is-3by2 img ,
. image . is-3by2 . has-ratio , . image . is-5by3 img ,
. image . is-5by3 . has-ratio , . image . is-16by9 img ,
. image . is-16by9 . has-ratio , . image . is-2by1 img ,
. image . is-2by1 . has-ratio , . image . is-3by1 img ,
. image . is-3by1 . has-ratio , . image . is-4by5 img ,
. image . is-4by5 . has-ratio , . image . is-3by4 img ,
. image . is-3by4 . has-ratio , . image . is-2by3 img ,
. image . is-2by3 . has-ratio , . image . is-3by5 img ,
. image . is-3by5 . has-ratio , . image . is-9by16 img ,
. image . is-9by16 . has-ratio , . image . is-1by2 img ,
. image . is-1by2 . has-ratio , . image . is-1by3 img ,
. image . is-1by3 . has-ratio {
bottom : 0 ;
left : 0 ;
position : absolute ;
right : 0 ;
top : 0 ;
}
/* Bulma Base */
html {
background-color : hsl ( 0 deg , 0 % , 100 % );
font-size : 16 px ;
-moz- osx-font-smoothing : grayscale ;
-webkit- font-smoothing : antialiased ;
min-width : 300 px ;
overflow-x : hidden ;
overflow-y : scroll ;
text-rendering : optimizeLegibility ;
text-size-adjust : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
article ,
aside ,
figure ,
footer ,
header ,
hgroup ,
section {
display : block ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
body ,
button ,
input ,
optgroup ,
select ,
textarea {
font-family : BlinkMacSystemFont , - apple-system , "Segoe UI" , "Roboto" , "Oxygen" , "Ubuntu" , "Cantarell" , "Fira Sans" , "Droid Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , sans-serif ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
code ,
pre {
-moz- osx-font-smoothing : auto ;
-webkit- font-smoothing : auto ;
font-family : monospace ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
body {
color : hsl ( 0 deg , 0 % , 29 % );
font-size : 1 em ;
font-weight : 400 ;
line-height : 1.5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
a {
cursor : pointer ;
text-decoration : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
code {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : #da1039 ;
font-size : 0.875 em ;
font-weight : normal ;
padding : 0.25 em 0.5 em 0.25 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
hr {
background-color : hsl ( 0 deg , 0 % , 96 % );
border : none ;
display : block ;
height : 2 px ;
margin : 1.5 rem 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
img {
height : auto ;
max-width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
input [ type = checkbox ],
input [ type = radio ] {
vertical-align : baseline ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
small {
font-size : 0.875 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
span {
font-style : inherit ;
font-weight : inherit ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
strong {
color : hsl ( 0 deg , 0 % , 21 % );
font-weight : 700 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
fieldset {
border : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
pre {
-webkit- overflow-scrolling : touch ;
background-color : hsl ( 0 deg , 0 % , 96 % );
color : hsl ( 0 deg , 0 % , 29 % );
font-size : 0.875 em ;
overflow-x : auto ;
padding : 1.25 rem 1.5 rem ;
white-space : pre ;
word-wrap : normal ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
pre code {
background-color : transparent ;
color : currentColor ;
font-size : 1 em ;
padding : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
table td ,
table th {
vertical-align : top ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
table td : not ([ align ]),
table th : not ([ align ]) {
text-align : inherit ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
table th {
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
@ keyframes spinAround {
from {
transform : rotate ( 0 deg );
}
to {
transform : rotate ( 359 deg );
}
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
/* Bulma Elements */
. button {
cursor : pointer ;
justify-content : center ;
padding-bottom : calc ( 0.5 em - 1 px );
padding-left : 1 em ;
padding-right : 1 em ;
padding-top : calc ( 0.5 em - 1 px );
text-align : center ;
white-space : nowrap ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . icon , . button . icon . is-small , . button . icon . is-medium , . button . icon . is-large {
height : 1.5 em ;
width : 1.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . icon : first-child : not ( : last-child ) {
margin-left : calc ( -0.5 em - 1 px );
margin-right : 0.25 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . icon : last-child : not ( : first-child ) {
margin-left : 0.25 em ;
margin-right : calc ( -0.5 em - 1 px );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . icon : first-child : last-child {
margin-left : calc ( -0.5 em - 1 px );
margin-right : calc ( -0.5 em - 1 px );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-text {
background-color : transparent ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 29 % );
text-decoration : underline ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-text : hover , . button . is-text . is-hovered , . button . is-text : focus , . button . is-text . is-focused {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : hsl ( 0 deg , 0 % , 21 % );
}
. button . is-text : active , . button . is-text . is-active {
background-color : #e8e8e8 ;
color : hsl ( 0 deg , 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 ( 229 deg , 53 % , 53 % );
text-decoration : none ;
}
. button . is-ghost : hover , . button . is-ghost . is-hovered {
color : hsl ( 229 deg , 53 % , 53 % );
text-decoration : underline ;
}
. button . is-white {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-white : hover , . button . is-white . is-hovered {
background-color : #f9f9f9 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-white : focus , . button . is-white . is-focused {
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-white : focus : not ( : active ), . button . is-white . is-focused : not ( : active ) {
box-shadow : 0 0 0 0.125 em rgba ( 255 , 255 , 255 , 0.25 );
}
. button . is-white : active , . button . is-white . is-active {
background-color : #f2f2f2 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-white [ disabled ], fieldset [ disabled ] . button . is-white {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-color : hsl ( 0 deg , 0 % , 100 % );
box-shadow : none ;
}
. button . is-white . is-inverted {
background-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
}
. 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 : hsl ( 0 deg , 0 % , 4 % );
border-color : transparent ;
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-white . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 4 % ) hsl ( 0 deg , 0 % , 4 % ) !important ;
}
. button . is-white . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 100 % );
}
. 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 : hsl ( 0 deg , 0 % , 100 % );
border-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-white . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 100 % ) hsl ( 0 deg , 0 % , 100 % ) !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 hsl ( 0 deg , 0 % , 4 % ) hsl ( 0 deg , 0 % , 4 % ) !important ;
}
. button . is-white . is-outlined [ disabled ], fieldset [ disabled ] . button . is-white . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 100 % );
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-white . is-inverted . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 4 % );
}
. 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 : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
}
. 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 hsl ( 0 deg , 0 % , 100 % ) hsl ( 0 deg , 0 % , 100 % ) !important ;
}
. button . is-white . is-inverted . is-outlined [ disabled ], fieldset [ disabled ] . button . is-white . is-inverted . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 4 % );
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-black {
background-color : hsl ( 0 deg , 0 % , 4 % );
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-black : hover , . button . is-black . is-hovered {
background-color : #040404 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-black : focus , . button . is-black . is-focused {
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-black : focus : not ( : active ), . button . is-black . is-focused : not ( : active ) {
box-shadow : 0 0 0 0.125 em rgba ( 10 , 10 , 10 , 0.25 );
}
. button . is-black : active , . button . is-black . is-active {
background-color : black ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-black [ disabled ], fieldset [ disabled ] . button . is-black {
background-color : hsl ( 0 deg , 0 % , 4 % );
border-color : hsl ( 0 deg , 0 % , 4 % );
box-shadow : none ;
}
. button . is-black . is-inverted {
background-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
}
. 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 : hsl ( 0 deg , 0 % , 100 % );
border-color : transparent ;
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-black . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 100 % ) hsl ( 0 deg , 0 % , 100 % ) !important ;
}
. button . is-black . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 4 % );
}
. 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 : hsl ( 0 deg , 0 % , 4 % );
border-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-black . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 4 % ) hsl ( 0 deg , 0 % , 4 % ) !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 hsl ( 0 deg , 0 % , 100 % ) hsl ( 0 deg , 0 % , 100 % ) !important ;
}
. button . is-black . is-outlined [ disabled ], fieldset [ disabled ] . button . is-black . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 4 % );
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. button . is-black . is-inverted . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 100 % );
}
. 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 : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
}
. 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 hsl ( 0 deg , 0 % , 4 % ) hsl ( 0 deg , 0 % , 4 % ) !important ;
}
. button . is-black . is-inverted . is-outlined [ disabled ], fieldset [ disabled ] . button . is-black . is-inverted . is-outlined {
background-color : transparent ;
border-color : hsl ( 0 deg , 0 % , 100 % );
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. button . is-light {
background-color : hsl ( 0 deg , 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.125 em 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 ( 0 deg , 0 % , 96 % );
border-color : hsl ( 0 deg , 0 % , 96 % );
box-shadow : none ;
}
. button . is-light . is-inverted {
background-color : rgba ( 0 , 0 , 0 , 0.7 );
color : hsl ( 0 deg , 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 ( 0 deg , 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 ( 0 deg , 0 % , 96 % );
color : hsl ( 0 deg , 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 ( 0 deg , 0 % , 96 % );
border-color : hsl ( 0 deg , 0 % , 96 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. button . is-light . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 96 % ) hsl ( 0 deg , 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 ( 0 deg , 0 % , 96 % );
box-shadow : none ;
color : hsl ( 0 deg , 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 ( 0 deg , 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 ( 0 deg , 0 % , 96 % ) hsl ( 0 deg , 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 ( 0 deg , 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.125 em 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 ( 0 deg , 0 % , 21 % );
border-color : hsl ( 0 deg , 0 % , 21 % );
box-shadow : none ;
}
. button . is-dark . is-inverted {
background-color : #fff ;
color : hsl ( 0 deg , 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 ( 0 deg , 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 ( 0 deg , 0 % , 21 % );
color : hsl ( 0 deg , 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 ( 0 deg , 0 % , 21 % );
border-color : hsl ( 0 deg , 0 % , 21 % );
color : #fff ;
}
. button . is-dark . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 0 deg , 0 % , 21 % ) hsl ( 0 deg , 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 ( 0 deg , 0 % , 21 % );
box-shadow : none ;
color : hsl ( 0 deg , 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 ( 0 deg , 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 ( 0 deg , 0 % , 21 % ) hsl ( 0 deg , 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 ( 171 deg , 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.125 em 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 ( 171 deg , 100 % , 41 % );
border-color : hsl ( 171 deg , 100 % , 41 % );
box-shadow : none ;
}
. button . is-primary . is-inverted {
background-color : #fff ;
color : hsl ( 171 deg , 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 ( 171 deg , 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 ( 171 deg , 100 % , 41 % );
color : hsl ( 171 deg , 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 ( 171 deg , 100 % , 41 % );
border-color : hsl ( 171 deg , 100 % , 41 % );
color : #fff ;
}
. button . is-primary . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 171 deg , 100 % , 41 % ) hsl ( 171 deg , 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 ( 171 deg , 100 % , 41 % );
box-shadow : none ;
color : hsl ( 171 deg , 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 ( 171 deg , 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 ( 171 deg , 100 % , 41 % ) hsl ( 171 deg , 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 ( 229 deg , 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.125 em 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 ( 229 deg , 53 % , 53 % );
border-color : hsl ( 229 deg , 53 % , 53 % );
box-shadow : none ;
}
. button . is-link . is-inverted {
background-color : #fff ;
color : hsl ( 229 deg , 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 ( 229 deg , 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 ( 229 deg , 53 % , 53 % );
color : hsl ( 229 deg , 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 ( 229 deg , 53 % , 53 % );
border-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
}
. button . is-link . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 229 deg , 53 % , 53 % ) hsl ( 229 deg , 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 ( 229 deg , 53 % , 53 % );
box-shadow : none ;
color : hsl ( 229 deg , 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 ( 229 deg , 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 ( 229 deg , 53 % , 53 % ) hsl ( 229 deg , 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 ( 207 deg , 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.125 em 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 ( 207 deg , 61 % , 53 % );
border-color : hsl ( 207 deg , 61 % , 53 % );
box-shadow : none ;
}
. button . is-info . is-inverted {
background-color : #fff ;
color : hsl ( 207 deg , 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 ( 207 deg , 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 ( 207 deg , 61 % , 53 % );
color : hsl ( 207 deg , 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 ( 207 deg , 61 % , 53 % );
border-color : hsl ( 207 deg , 61 % , 53 % );
color : #fff ;
}
. button . is-info . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 207 deg , 61 % , 53 % ) hsl ( 207 deg , 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 ( 207 deg , 61 % , 53 % );
box-shadow : none ;
color : hsl ( 207 deg , 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 ( 207 deg , 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 ( 207 deg , 61 % , 53 % ) hsl ( 207 deg , 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 ( 153 deg , 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.125 em 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 ( 153 deg , 53 % , 53 % );
border-color : hsl ( 153 deg , 53 % , 53 % );
box-shadow : none ;
}
. button . is-success . is-inverted {
background-color : #fff ;
color : hsl ( 153 deg , 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 ( 153 deg , 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 ( 153 deg , 53 % , 53 % );
color : hsl ( 153 deg , 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 ( 153 deg , 53 % , 53 % );
border-color : hsl ( 153 deg , 53 % , 53 % );
color : #fff ;
}
. button . is-success . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 153 deg , 53 % , 53 % ) hsl ( 153 deg , 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 ( 153 deg , 53 % , 53 % );
box-shadow : none ;
color : hsl ( 153 deg , 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 ( 153 deg , 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 ( 153 deg , 53 % , 53 % ) hsl ( 153 deg , 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 ( 44 deg , 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.125 em 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 ( 44 deg , 100 % , 77 % );
border-color : hsl ( 44 deg , 100 % , 77 % );
box-shadow : none ;
}
. button . is-warning . is-inverted {
background-color : rgba ( 0 , 0 , 0 , 0.7 );
color : hsl ( 44 deg , 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 ( 44 deg , 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 ( 44 deg , 100 % , 77 % );
color : hsl ( 44 deg , 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 ( 44 deg , 100 % , 77 % );
border-color : hsl ( 44 deg , 100 % , 77 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. button . is-warning . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 44 deg , 100 % , 77 % ) hsl ( 44 deg , 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 ( 44 deg , 100 % , 77 % );
box-shadow : none ;
color : hsl ( 44 deg , 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 ( 44 deg , 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 ( 44 deg , 100 % , 77 % ) hsl ( 44 deg , 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 ( 348 deg , 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.125 em 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 ( 348 deg , 86 % , 61 % );
border-color : hsl ( 348 deg , 86 % , 61 % );
box-shadow : none ;
}
. button . is-danger . is-inverted {
background-color : #fff ;
color : hsl ( 348 deg , 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 ( 348 deg , 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 ( 348 deg , 86 % , 61 % );
color : hsl ( 348 deg , 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 ( 348 deg , 86 % , 61 % );
border-color : hsl ( 348 deg , 86 % , 61 % );
color : #fff ;
}
. button . is-danger . is-outlined . is-loading :: after {
border-color : transparent transparent hsl ( 348 deg , 86 % , 61 % ) hsl ( 348 deg , 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 ( 348 deg , 86 % , 61 % );
box-shadow : none ;
color : hsl ( 348 deg , 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 ( 348 deg , 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 ( 348 deg , 86 % , 61 % ) hsl ( 348 deg , 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 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-small : not ( . is-rounded ) {
border-radius : 2 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-normal {
font-size : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button [ disabled ], fieldset [ disabled ] . button {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-color : hsl ( 0 deg , 0 % , 86 % );
box-shadow : none ;
opacity : 0.5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-fullwidth {
display : flex ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-loading {
color : transparent !important ;
pointer-events : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. button . is-loading :: after {
position : absolute ;
left : calc ( 50 % - ( 1 em * 0.5 ));
top : calc ( 50 % - ( 1 em * 0.5 ));
position : absolute !important ;
}
. button . is-static {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-color : hsl ( 0 deg , 0 % , 86 % );
color : hsl ( 0 deg , 0 % , 48 % );
box-shadow : none ;
pointer-events : none ;
}
. button . is-rounded {
border-radius : 9999 px ;
padding-left : calc ( 1 em + 0.25 em );
padding-right : calc ( 1 em + 0.25 em );
}
. buttons {
align-items : center ;
display : flex ;
flex-wrap : wrap ;
justify-content : flex-start ;
}
. buttons . button {
margin-bottom : 0.5 rem ;
}
. buttons . button : not ( : last-child ) : not ( . is-fullwidth ) {
margin-right : 0.5 rem ;
}
. buttons : last-child {
margin-bottom : -0.5 rem ;
}
. buttons : not ( : last-child ) {
margin-bottom : 1 rem ;
}
. buttons . are-small . button : not ( . is-normal ) : not ( . is-medium ) : not ( . is-large ) {
font-size : 0.75 rem ;
}
. buttons . are-small . button : not ( . is-normal ) : not ( . is-medium ) : not ( . is-large ) : not ( . is-rounded ) {
border-radius : 2 px ;
}
. buttons . are-medium . button : not ( . is-small ) : not ( . is-normal ) : not ( . is-large ) {
font-size : 1.25 rem ;
}
. buttons . are-large . button : not ( . is-small ) : not ( . is-normal ) : not ( . is-medium ) {
font-size : 1.5 rem ;
}
. 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 : -1 px ;
}
. 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.25 rem ;
margin-right : 0.25 rem ;
}
. buttons . is-right {
justify-content : flex-end ;
}
. buttons . is-right : not ( . has-addons ) . button : not ( . is-fullwidth ) {
margin-left : 0.25 rem ;
margin-right : 0.25 rem ;
}
@ media screen and ( max-width : 768px ) {
. button . is-responsive . is-small {
font-size : 0.5625 rem ;
}
. button . is-responsive ,
. button . is-responsive . is-normal {
font-size : 0.65625 rem ;
}
. button . is-responsive . is-medium {
font-size : 0.75 rem ;
}
. button . is-responsive . is-large {
font-size : 1 rem ;
}
}
@ media screen and ( min-width : 769px ) and ( max-width : 1023px ) {
. button . is-responsive . is-small {
font-size : 0.65625 rem ;
}
. button . is-responsive ,
. button . is-responsive . is-normal {
font-size : 0.75 rem ;
}
. button . is-responsive . is-medium {
font-size : 1 rem ;
}
. button . is-responsive . is-large {
font-size : 1.25 rem ;
}
}
. content li + li {
margin-top : 0.25 em ;
}
. content p : not ( : last-child ),
. content dl : not ( : last-child ),
. content ol : not ( : last-child ),
. content ul : not ( : last-child ),
. content blockquote : not ( : last-child ),
. content pre : not ( : last-child ),
. content table : not ( : last-child ) {
margin-bottom : 1 em ;
}
. content h1 ,
. content h2 ,
. content h3 ,
. content h4 ,
. content h5 ,
. content h6 {
color : hsl ( 0 deg , 0 % , 21 % );
font-weight : 600 ;
line-height : 1.125 ;
}
. content h1 {
font-size : 2 em ;
margin-bottom : 0.5 em ;
}
. content h1 : not ( : first-child ) {
margin-top : 1 em ;
}
. content h2 {
font-size : 1.75 em ;
margin-bottom : 0.5714 em ;
}
. content h2 : not ( : first-child ) {
margin-top : 1.1428 em ;
}
. content h3 {
font-size : 1.5 em ;
margin-bottom : 0.6666 em ;
}
. content h3 : not ( : first-child ) {
margin-top : 1.3333 em ;
}
. content h4 {
font-size : 1.25 em ;
margin-bottom : 0.8 em ;
}
. content h5 {
font-size : 1.125 em ;
margin-bottom : 0.8888 em ;
}
. content h6 {
font-size : 1 em ;
margin-bottom : 1 em ;
}
. content blockquote {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-left : 5 px solid hsl ( 0 deg , 0 % , 86 % );
padding : 1.25 em 1.5 em ;
}
. content ol {
list-style-position : outside ;
margin-left : 2 em ;
margin-top : 1 em ;
}
. content ol : not ([ type ]) {
list-style-type : decimal ;
}
. content ol : not ([ type ]) . is-lower-alpha {
list-style-type : lower-alpha ;
}
. content ol : not ([ type ]) . is-lower-roman {
list-style-type : lower-roman ;
}
. content ol : not ([ type ]) . is-upper-alpha {
list-style-type : upper-alpha ;
}
. content ol : not ([ type ]) . is-upper-roman {
list-style-type : upper-roman ;
}
. content ul {
list-style : disc outside ;
margin-left : 2 em ;
margin-top : 1 em ;
}
. content ul ul {
list-style-type : circle ;
margin-top : 0.5 em ;
}
. content ul ul ul {
list-style-type : square ;
}
. content dd {
margin-left : 2 em ;
}
. content figure {
margin-left : 2 em ;
margin-right : 2 em ;
text-align : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content figure : not ( : first-child ) {
margin-top : 2 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content figure : not ( : last-child ) {
margin-bottom : 2 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content figure img {
display : inline-block ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content figure figcaption {
font-style : italic ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content pre {
-webkit- overflow-scrolling : touch ;
overflow-x : auto ;
padding : 1.25 em 1.5 em ;
white-space : pre ;
word-wrap : normal ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content sup ,
. content sub {
font-size : 75 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content table {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content table td ,
. content table th {
border : 1 px solid hsl ( 0 deg , 0 % , 86 % );
border-width : 0 0 1 px ;
padding : 0.5 em 0.75 em ;
vertical-align : top ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content table th {
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content table th : not ([ align ]) {
text-align : inherit ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content table thead td ,
. content table thead th {
border-width : 0 0 2 px ;
color : hsl ( 0 deg , 0 % , 21 % );
}
. content table tfoot td ,
. content table tfoot th {
border-width : 2 px 0 0 ;
color : hsl ( 0 deg , 0 % , 21 % );
}
. content table tbody tr : last-child td ,
. content table tbody tr : last-child th {
border-bottom-width : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content . tabs li + li {
margin-top : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content . is-normal {
font-size : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. content . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon {
align-items : center ;
display : inline-flex ;
justify-content : center ;
height : 1.5 rem ;
width : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon . is-small {
height : 1 rem ;
width : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon . is-medium {
height : 2 rem ;
width : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon . is-large {
height : 3 rem ;
width : 3 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon-text {
align-items : flex-start ;
color : inherit ;
display : inline-flex ;
flex-wrap : wrap ;
line-height : 1.5 rem ;
vertical-align : top ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon-text . icon {
flex-grow : 0 ;
flex-shrink : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon-text . icon : not ( : last-child ) {
margin-right : 0.25 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. icon-text . icon : not ( : first-child ) {
margin-left : 0.25 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
div . icon-text {
display : flex ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image {
display : block ;
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image img {
display : block ;
height : auto ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image img . is-rounded {
border-radius : 9999 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-fullwidth {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-square img ,
. image . is-square . has-ratio , . image . is-1by1 img ,
. image . is-1by1 . has-ratio , . image . is-5by4 img ,
. image . is-5by4 . has-ratio , . image . is-4by3 img ,
. image . is-4by3 . has-ratio , . image . is-3by2 img ,
. image . is-3by2 . has-ratio , . image . is-5by3 img ,
. image . is-5by3 . has-ratio , . image . is-16by9 img ,
. image . is-16by9 . has-ratio , . image . is-2by1 img ,
. image . is-2by1 . has-ratio , . image . is-3by1 img ,
. image . is-3by1 . has-ratio , . image . is-4by5 img ,
. image . is-4by5 . has-ratio , . image . is-3by4 img ,
. image . is-3by4 . has-ratio , . image . is-2by3 img ,
. image . is-2by3 . has-ratio , . image . is-3by5 img ,
. image . is-3by5 . has-ratio , . image . is-9by16 img ,
. image . is-9by16 . has-ratio , . image . is-1by2 img ,
. image . is-1by2 . has-ratio , . image . is-1by3 img ,
. image . is-1by3 . has-ratio {
height : 100 % ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-square , . image . is-1by1 {
padding-top : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-5by4 {
padding-top : 80 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-4by3 {
padding-top : 75 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-3by2 {
padding-top : 66.6666 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-5by3 {
padding-top : 60 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-16by9 {
padding-top : 56.25 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-2by1 {
padding-top : 50 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-3by1 {
padding-top : 33.3333 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-4by5 {
padding-top : 125 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-3by4 {
padding-top : 133.3333 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-2by3 {
padding-top : 150 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-3by5 {
padding-top : 166.6666 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-9by16 {
padding-top : 177.7777 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-1by2 {
padding-top : 200 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-1by3 {
padding-top : 300 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-16x16 {
height : 16 px ;
width : 16 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-24x24 {
height : 24 px ;
width : 24 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-32x32 {
height : 32 px ;
width : 32 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-48x48 {
height : 48 px ;
width : 48 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-64x64 {
height : 64 px ;
width : 64 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-96x96 {
height : 96 px ;
width : 96 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. image . is-128x128 {
height : 128 px ;
width : 128 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-radius : 4 px ;
position : relative ;
padding : 1.25 rem 2.5 rem 1.25 rem 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification a : not ( . button ) : not ( . dropdown-item ) {
color : currentColor ;
text-decoration : underline ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification strong {
color : currentColor ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification code ,
. notification pre {
background : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification pre code {
background : transparent ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification > . delete {
right : 0.5 rem ;
position : absolute ;
top : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . title ,
. notification . subtitle ,
. notification . content {
color : currentColor ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-white {
background-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-black {
background-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-light {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-dark {
background-color : hsl ( 0 deg , 0 % , 21 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-primary {
background-color : hsl ( 171 deg , 100 % , 41 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-primary . is-light {
background-color : #ebfffc ;
color : #00947e ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-link {
background-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-link . is-light {
background-color : #eff1fa ;
color : #3850b7 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-info {
background-color : hsl ( 207 deg , 61 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-info . is-light {
background-color : #eff5fb ;
color : #296fa8 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-success {
background-color : hsl ( 153 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-success . is-light {
background-color : #effaf5 ;
color : #257953 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-warning {
background-color : hsl ( 44 deg , 100 % , 77 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-warning . is-light {
background-color : #fffaeb ;
color : #946c00 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-danger {
background-color : hsl ( 348 deg , 86 % , 61 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. notification . is-danger . is-light {
background-color : #feecf0 ;
color : #cc0f35 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress {
-moz- appearance : none ;
-webkit- appearance : none ;
border : none ;
border-radius : 9999 px ;
display : block ;
height : 1 rem ;
overflow : hidden ;
padding : 0 ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress :: -webkit-progress-bar {
background-color : hsl ( 0 deg , 0 % , 93 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress :: -webkit-progress-value {
background-color : hsl ( 0 deg , 0 % , 29 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress :: -moz-progress-bar {
background-color : hsl ( 0 deg , 0 % , 29 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress :: -ms-fill {
background-color : hsl ( 0 deg , 0 % , 29 % );
border : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-white :: -webkit-progress-value {
background-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-white :: -moz-progress-bar {
background-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-white :: -ms-fill {
background-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-white : indeterminate {
background-image : linear-gradient ( to right , hsl ( 0 deg , 0 % , 100 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-black :: -webkit-progress-value {
background-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-black :: -moz-progress-bar {
background-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-black :: -ms-fill {
background-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-black : indeterminate {
background-image : linear-gradient ( to right , hsl ( 0 deg , 0 % , 4 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-light :: -webkit-progress-value {
background-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-light :: -moz-progress-bar {
background-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-light :: -ms-fill {
background-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-light : indeterminate {
background-image : linear-gradient ( to right , hsl ( 0 deg , 0 % , 96 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-dark :: -webkit-progress-value {
background-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-dark :: -moz-progress-bar {
background-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-dark :: -ms-fill {
background-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-dark : indeterminate {
background-image : linear-gradient ( to right , hsl ( 0 deg , 0 % , 21 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-primary :: -webkit-progress-value {
background-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-primary :: -moz-progress-bar {
background-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-primary :: -ms-fill {
background-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-primary : indeterminate {
background-image : linear-gradient ( to right , hsl ( 171 deg , 100 % , 41 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-link :: -webkit-progress-value {
background-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-link :: -moz-progress-bar {
background-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-link :: -ms-fill {
background-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-link : indeterminate {
background-image : linear-gradient ( to right , hsl ( 229 deg , 53 % , 53 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-info :: -webkit-progress-value {
background-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-info :: -moz-progress-bar {
background-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-info :: -ms-fill {
background-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-info : indeterminate {
background-image : linear-gradient ( to right , hsl ( 207 deg , 61 % , 53 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-success :: -webkit-progress-value {
background-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-success :: -moz-progress-bar {
background-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-success :: -ms-fill {
background-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-success : indeterminate {
background-image : linear-gradient ( to right , hsl ( 153 deg , 53 % , 53 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-warning :: -webkit-progress-value {
background-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-warning :: -moz-progress-bar {
background-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-warning :: -ms-fill {
background-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-warning : indeterminate {
background-image : linear-gradient ( to right , hsl ( 44 deg , 100 % , 77 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-danger :: -webkit-progress-value {
background-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-danger :: -moz-progress-bar {
background-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-danger :: -ms-fill {
background-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-danger : indeterminate {
background-image : linear-gradient ( to right , hsl ( 348 deg , 86 % , 61 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress : indeterminate {
animation-duration : 1.5 s ;
animation-iteration-count : infinite ;
animation-name : moveIndeterminate ;
animation-timing-function : linear ;
background-color : hsl ( 0 deg , 0 % , 93 % );
background-image : linear-gradient ( to right , hsl ( 0 deg , 0 % , 29 % ) 30 % , hsl ( 0 deg , 0 % , 93 % ) 30 % );
background-position : top left ;
background-repeat : no-repeat ;
background-size : 150 % 150 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress : indeterminate :: -webkit-progress-bar {
background-color : transparent ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress : indeterminate :: -moz-progress-bar {
background-color : transparent ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress : indeterminate :: -ms-fill {
animation-name : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-small {
height : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-medium {
height : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. progress . is-large {
height : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
@ keyframes moveIndeterminate {
from {
background-position : 200 % 0 ;
}
to {
background-position : -200 % 0 ;
}
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags {
align-items : center ;
display : flex ;
flex-wrap : wrap ;
justify-content : flex-start ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . tag {
margin-bottom : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . tag : not ( : last-child ) {
margin-right : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags : last-child {
margin-bottom : -0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags : not ( : last-child ) {
margin-bottom : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . are-medium . tag : not ( . is-normal ) : not ( . is-large ) {
font-size : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . are-large . tag : not ( . is-normal ) : not ( . is-medium ) {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . is-centered {
justify-content : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . is-centered . tag {
margin-right : 0.25 rem ;
margin-left : 0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . is-right {
justify-content : flex-end ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . is-right . tag : not ( : first-child ) {
margin-left : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . is-right . tag : not ( : last-child ) {
margin-right : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . has-addons . tag {
margin-right : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . has-addons . tag : not ( : first-child ) {
margin-left : 0 ;
border-top-left-radius : 0 ;
border-bottom-left-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tags . has-addons . tag : not ( : last-child ) {
border-top-right-radius : 0 ;
border-bottom-right-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) {
align-items : center ;
background-color : hsl ( 0 deg , 0 % , 96 % );
border-radius : 4 px ;
color : hsl ( 0 deg , 0 % , 29 % );
display : inline-flex ;
font-size : 0.75 rem ;
height : 2 em ;
justify-content : center ;
line-height : 1.5 ;
padding-left : 0.75 em ;
padding-right : 0.75 em ;
white-space : nowrap ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . delete {
margin-left : 0.25 rem ;
margin-right : -0.375 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-white {
background-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-black {
background-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-light {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-dark {
background-color : hsl ( 0 deg , 0 % , 21 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-primary {
background-color : hsl ( 171 deg , 100 % , 41 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-primary . is-light {
background-color : #ebfffc ;
color : #00947e ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-link {
background-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-link . is-light {
background-color : #eff1fa ;
color : #3850b7 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-info {
background-color : hsl ( 207 deg , 61 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-info . is-light {
background-color : #eff5fb ;
color : #296fa8 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-success {
background-color : hsl ( 153 deg , 53 % , 53 % );
color : #fff ;
}
. tag : not ( body ) . is-success . is-light {
background-color : #effaf5 ;
color : #257953 ;
}
. tag : not ( body ) . is-warning {
background-color : hsl ( 44 deg , 100 % , 77 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. tag : not ( body ) . is-warning . is-light {
background-color : #fffaeb ;
color : #946c00 ;
}
. tag : not ( body ) . is-danger {
background-color : hsl ( 348 deg , 86 % , 61 % );
color : #fff ;
}
. tag : not ( body ) . is-danger . is-light {
background-color : #feecf0 ;
color : #cc0f35 ;
}
. tag : not ( body ) . is-normal {
font-size : 0.75 rem ;
}
. tag : not ( body ) . is-medium {
font-size : 1 rem ;
}
. tag : not ( body ) . is-large {
font-size : 1.25 rem ;
}
. tag : not ( body ) . icon : first-child : not ( : last-child ) {
margin-left : -0.375 em ;
margin-right : 0.1875 em ;
}
. tag : not ( body ) . icon : last-child : not ( : first-child ) {
margin-left : 0.1875 em ;
margin-right : -0.375 em ;
}
. tag : not ( body ) . icon : first-child : last-child {
margin-left : -0.375 em ;
margin-right : -0.375 em ;
}
. tag : not ( body ) . is-delete {
margin-left : 1 px ;
padding : 0 ;
position : relative ;
width : 2 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-delete :: before , . tag : not ( body ) . is-delete :: after {
background-color : currentColor ;
content : "" ;
display : block ;
left : 50 % ;
position : absolute ;
top : 50 % ;
transform : translateX ( -50 % ) translateY ( -50 % ) rotate ( 45 deg );
transform-origin : center center ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-delete :: before {
height : 1 px ;
width : 50 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-delete :: after {
height : 50 % ;
width : 1 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-delete : hover , . tag : not ( body ) . is-delete : focus {
background-color : #e8e8e8 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-delete : active {
background-color : #dbdbdb ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. tag : not ( body ) . is-rounded {
border-radius : 9999 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
a . tag : hover {
text-decoration : underline ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. heading {
display : block ;
font-size : 11 px ;
letter-spacing : 1 px ;
margin-bottom : 5 px ;
text-transform : uppercase ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. number {
align-items : center ;
background-color : hsl ( 0 deg , 0 % , 96 % );
border-radius : 9999 px ;
display : inline-flex ;
font-size : 1.25 rem ;
height : 2 em ;
justify-content : center ;
margin-right : 1.5 rem ;
min-width : 2.5 em ;
padding : 0.25 rem 0.5 rem ;
text-align : center ;
vertical-align : top ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
/* Bulma Form */
. select select , . textarea , . input {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-color : hsl ( 0 deg , 0 % , 86 % );
border-radius : 4 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select :: -moz-placeholder , . textarea :: -moz-placeholder , . input :: -moz-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select :: -webkit-input-placeholder , . textarea :: -webkit-input-placeholder , . input :: -webkit-input-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select : -moz-placeholder , . textarea : -moz-placeholder , . input : -moz-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select : -ms-input-placeholder , . textarea : -ms-input-placeholder , . input : -ms-input-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select : hover , . textarea : hover , . input : hover , . select select . is-hovered , . is-hovered . textarea , . is-hovered . input {
border-color : hsl ( 0 deg , 0 % , 71 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select : focus , . textarea : focus , . input : focus , . select select . is-focused , . is-focused . textarea , . is-focused . input , . select select : active , . textarea : active , . input : active , . select select . is-active , . is-active . textarea , . is-active . input {
border-color : hsl ( 229 deg , 53 % , 53 % );
box-shadow : 0 0 0 0.125 em rgba ( 72 , 95 , 199 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ], [ disabled ] . textarea , [ disabled ] . input , fieldset [ disabled ] . select select , . select fieldset [ disabled ] select , fieldset [ disabled ] . textarea , fieldset [ disabled ] . input {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-color : hsl ( 0 deg , 0 % , 96 % );
box-shadow : none ;
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ] :: -moz-placeholder , [ disabled ] . textarea :: -moz-placeholder , [ disabled ] . input :: -moz-placeholder , fieldset [ disabled ] . select select :: -moz-placeholder , . select fieldset [ disabled ] select :: -moz-placeholder , fieldset [ disabled ] . textarea :: -moz-placeholder , fieldset [ disabled ] . input :: -moz-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ] :: -webkit-input-placeholder , [ disabled ] . textarea :: -webkit-input-placeholder , [ disabled ] . input :: -webkit-input-placeholder , fieldset [ disabled ] . select select :: -webkit-input-placeholder , . select fieldset [ disabled ] select :: -webkit-input-placeholder , fieldset [ disabled ] . textarea :: -webkit-input-placeholder , fieldset [ disabled ] . input :: -webkit-input-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ] : -moz-placeholder , [ disabled ] . textarea : -moz-placeholder , [ disabled ] . input : -moz-placeholder , fieldset [ disabled ] . select select : -moz-placeholder , . select fieldset [ disabled ] select : -moz-placeholder , fieldset [ disabled ] . textarea : -moz-placeholder , fieldset [ disabled ] . input : -moz-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ] : -ms-input-placeholder , [ disabled ] . textarea : -ms-input-placeholder , [ disabled ] . input : -ms-input-placeholder , fieldset [ disabled ] . select select : -ms-input-placeholder , . select fieldset [ disabled ] select : -ms-input-placeholder , fieldset [ disabled ] . textarea : -ms-input-placeholder , fieldset [ disabled ] . input : -ms-input-placeholder {
color : var ( -- placeholder - text - color );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. textarea , . input {
box-shadow : inset 0 0.0625 em 0.125 em rgba ( 10 , 10 , 10 , 0.05 );
max-width : 100 % ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
[ readonly ] . textarea , [ readonly ] . input {
box-shadow : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-white . textarea , . is-white . input {
border-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-white . textarea : focus , . is-white . input : focus , . is-white . is-focused . textarea , . is-white . is-focused . input , . is-white . textarea : active , . is-white . input : active , . is-white . is-active . textarea , . is-white . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 255 , 255 , 255 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-black . textarea , . is-black . input {
border-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-black . textarea : focus , . is-black . input : focus , . is-black . is-focused . textarea , . is-black . is-focused . input , . is-black . textarea : active , . is-black . input : active , . is-black . is-active . textarea , . is-black . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 10 , 10 , 10 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-light . textarea , . is-light . input {
border-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-light . textarea : focus , . is-light . input : focus , . is-light . is-focused . textarea , . is-light . is-focused . input , . is-light . textarea : active , . is-light . input : active , . is-light . is-active . textarea , . is-light . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 245 , 245 , 245 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-dark . textarea , . is-dark . input {
border-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-dark . textarea : focus , . is-dark . input : focus , . is-dark . is-focused . textarea , . is-dark . is-focused . input , . is-dark . textarea : active , . is-dark . input : active , . is-dark . is-active . textarea , . is-dark . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 54 , 54 , 54 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-primary . textarea , . is-primary . input {
border-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-primary . textarea : focus , . is-primary . input : focus , . is-primary . is-focused . textarea , . is-primary . is-focused . input , . is-primary . textarea : active , . is-primary . input : active , . is-primary . is-active . textarea , . is-primary . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 0 , 209 , 178 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-link . textarea , . is-link . input {
border-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-link . textarea : focus , . is-link . input : focus , . is-link . is-focused . textarea , . is-link . is-focused . input , . is-link . textarea : active , . is-link . input : active , . is-link . is-active . textarea , . is-link . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 72 , 95 , 199 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-info . textarea , . is-info . input {
border-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-info . textarea : focus , . is-info . input : focus , . is-info . is-focused . textarea , . is-info . is-focused . input , . is-info . textarea : active , . is-info . input : active , . is-info . is-active . textarea , . is-info . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 62 , 142 , 208 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-success . textarea , . is-success . input {
border-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. 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.125 em rgba ( 72 , 199 , 142 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-warning . textarea , . is-warning . input {
border-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-warning . textarea : focus , . is-warning . input : focus , . is-warning . is-focused . textarea , . is-warning . is-focused . input , . is-warning . textarea : active , . is-warning . input : active , . is-warning . is-active . textarea , . is-warning . is-active . input {
box-shadow : 0 0 0 0.125 em rgba ( 255 , 224 , 138 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-danger . textarea , . is-danger . input {
border-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. 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.125 em rgba ( 241 , 70 , 104 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-small . textarea , . is-small . input {
border-radius : 2 px ;
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-medium . textarea , . is-medium . input {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-large . textarea , . is-large . input {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-fullwidth . textarea , . is-fullwidth . input {
display : block ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. is-inline . textarea , . is-inline . input {
display : inline ;
width : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. input . is-rounded {
border-radius : 9999 px ;
padding-left : calc ( calc ( 0.75 em - 1 px ) + 0.375 em );
padding-right : calc ( calc ( 0.75 em - 1 px ) + 0.375 em );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. input . is-static {
background-color : transparent ;
border-color : transparent ;
box-shadow : none ;
padding-left : 0 ;
padding-right : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. textarea {
display : block ;
max-width : 100 % ;
min-width : 100 % ;
padding : calc ( 0.75 em - 1 px );
resize : vertical ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. textarea : not ([ rows ]) {
max-height : 40 em ;
min-height : 8 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. textarea [ rows ] {
height : initial ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. textarea . has-fixed-size {
resize : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. radio , . checkbox {
cursor : pointer ;
display : inline-block ;
line-height : 1.25 ;
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. radio input , . checkbox input {
cursor : pointer ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. radio : hover , . checkbox : hover {
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
[ disabled ] . radio , [ disabled ] . checkbox , fieldset [ disabled ] . radio , fieldset [ disabled ] . checkbox ,
. radio input [ disabled ],
. checkbox input [ disabled ] {
color : hsl ( 0 deg , 0 % , 48 % );
cursor : not-allowed ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. radio + . radio {
margin-left : 0.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select {
display : inline-block ;
max-width : 100 % ;
position : relative ;
vertical-align : top ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select : not ( . is-multiple ) {
height : 2.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select : not ( . is-multiple ) : not ( . is-loading ) :: after {
border-color : hsl ( 229 deg , 53 % , 53 % );
right : 1.125 em ;
z-index : 4 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-rounded select {
border-radius : 9999 px ;
padding-left : 1 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select {
cursor : pointer ;
display : block ;
font-size : 1 em ;
max-width : 100 % ;
outline : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select :: -ms-expand {
display : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ disabled ] : hover , fieldset [ disabled ] . select select : hover {
border-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select : not ([ multiple ]) {
padding-right : 2.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ multiple ] {
height : auto ;
padding : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select select [ multiple ] option {
padding : 0.5 em 1 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select : not ( . is-multiple ) : not ( . is-loading ) : hover :: after {
border-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-white : not ( : hover ) :: after {
border-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-white select {
border-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-white select : hover , . select . is-white select . is-hovered {
border-color : #f2f2f2 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-white select : focus , . select . is-white select . is-focused , . select . is-white select : active , . select . is-white select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 255 , 255 , 255 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-black : not ( : hover ) :: after {
border-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-black select {
border-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-black select : hover , . select . is-black select . is-hovered {
border-color : black ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-black select : focus , . select . is-black select . is-focused , . select . is-black select : active , . select . is-black select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 10 , 10 , 10 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-light : not ( : hover ) :: after {
border-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-light select {
border-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-light select : hover , . select . is-light select . is-hovered {
border-color : #e8e8e8 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-light select : focus , . select . is-light select . is-focused , . select . is-light select : active , . select . is-light select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 245 , 245 , 245 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-dark : not ( : hover ) :: after {
border-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-dark select {
border-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-dark select : hover , . select . is-dark select . is-hovered {
border-color : #292929 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-dark select : focus , . select . is-dark select . is-focused , . select . is-dark select : active , . select . is-dark select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 54 , 54 , 54 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-primary : not ( : hover ) :: after {
border-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-primary select {
border-color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-primary select : hover , . select . is-primary select . is-hovered {
border-color : #00b89c ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-primary select : focus , . select . is-primary select . is-focused , . select . is-primary select : active , . select . is-primary select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 0 , 209 , 178 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-link : not ( : hover ) :: after {
border-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-link select {
border-color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-link select : hover , . select . is-link select . is-hovered {
border-color : #3a51bb ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-link select : focus , . select . is-link select . is-focused , . select . is-link select : active , . select . is-link select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 72 , 95 , 199 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-info : not ( : hover ) :: after {
border-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-info select {
border-color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-info select : hover , . select . is-info select . is-hovered {
border-color : #3082c5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-info select : focus , . select . is-info select . is-focused , . select . is-info select : active , . select . is-info select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 62 , 142 , 208 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-success : not ( : hover ) :: after {
border-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-success select {
border-color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-success select : hover , . select . is-success select . is-hovered {
border-color : #3abb81 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. 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.125 em rgba ( 72 , 199 , 142 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-warning : not ( : hover ) :: after {
border-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-warning select {
border-color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-warning select : hover , . select . is-warning select . is-hovered {
border-color : #ffd970 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-warning select : focus , . select . is-warning select . is-focused , . select . is-warning select : active , . select . is-warning select . is-active {
box-shadow : 0 0 0 0.125 em rgba ( 255 , 224 , 138 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-danger : not ( : hover ) :: after {
border-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-danger select {
border-color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-danger select : hover , . select . is-danger select . is-hovered {
border-color : #ef2e55 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. 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.125 em rgba ( 241 , 70 , 104 , 0.25 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-small {
border-radius : 2 px ;
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-disabled :: after {
border-color : hsl ( 0 deg , 0 % , 48 % ) !important ;
opacity : 0.5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-fullwidth {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-fullwidth select {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-loading :: after {
margin-top : 0 ;
position : absolute ;
right : 0.625 em ;
top : 0.625 em ;
transform : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-loading . is-small : after {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-loading . is-medium : after {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. select . is-loading . is-large : after {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file {
align-items : stretch ;
display : flex ;
justify-content : flex-start ;
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-white . file-cta {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-white : hover . file-cta , . file . is-white . is-hovered . file-cta {
background-color : #f9f9f9 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-white : focus . file-cta , . file . is-white . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 255 , 255 , 255 , 0.25 );
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-white : active . file-cta , . file . is-white . is-active . file-cta {
background-color : #f2f2f2 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 4 % );
}
. file . is-black . file-cta {
background-color : hsl ( 0 deg , 0 % , 4 % );
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. file . is-black : hover . file-cta , . file . is-black . is-hovered . file-cta {
background-color : #040404 ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. file . is-black : focus . file-cta , . file . is-black . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 10 , 10 , 10 , 0.25 );
color : hsl ( 0 deg , 0 % , 100 % );
}
. file . is-black : active . file-cta , . file . is-black . is-active . file-cta {
background-color : black ;
border-color : transparent ;
color : hsl ( 0 deg , 0 % , 100 % );
}
. file . is-light . file-cta {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-light : hover . file-cta , . file . is-light . is-hovered . file-cta {
background-color : #eeeeee ;
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-light : focus . file-cta , . file . is-light . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 245 , 245 , 245 , 0.25 );
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-light : active . file-cta , . file . is-light . is-active . file-cta {
background-color : #e8e8e8 ;
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-dark . file-cta {
background-color : hsl ( 0 deg , 0 % , 21 % );
border-color : transparent ;
color : #fff ;
}
. file . is-dark : hover . file-cta , . file . is-dark . is-hovered . file-cta {
background-color : #2f2f2f ;
border-color : transparent ;
color : #fff ;
}
. file . is-dark : focus . file-cta , . file . is-dark . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 54 , 54 , 54 , 0.25 );
color : #fff ;
}
. file . is-dark : active . file-cta , . file . is-dark . is-active . file-cta {
background-color : #292929 ;
border-color : transparent ;
color : #fff ;
}
. file . is-primary . file-cta {
background-color : hsl ( 171 deg , 100 % , 41 % );
border-color : transparent ;
color : #fff ;
}
. file . is-primary : hover . file-cta , . file . is-primary . is-hovered . file-cta {
background-color : #00c4a7 ;
border-color : transparent ;
color : #fff ;
}
. file . is-primary : focus . file-cta , . file . is-primary . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 0 , 209 , 178 , 0.25 );
color : #fff ;
}
. file . is-primary : active . file-cta , . file . is-primary . is-active . file-cta {
background-color : #00b89c ;
border-color : transparent ;
color : #fff ;
}
. file . is-link . file-cta {
background-color : hsl ( 229 deg , 53 % , 53 % );
border-color : transparent ;
color : #fff ;
}
. file . is-link : hover . file-cta , . file . is-link . is-hovered . file-cta {
background-color : #3e56c4 ;
border-color : transparent ;
color : #fff ;
}
. file . is-link : focus . file-cta , . file . is-link . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 72 , 95 , 199 , 0.25 );
color : #fff ;
}
. file . is-link : active . file-cta , . file . is-link . is-active . file-cta {
background-color : #3a51bb ;
border-color : transparent ;
color : #fff ;
}
. file . is-info . file-cta {
background-color : hsl ( 207 deg , 61 % , 53 % );
border-color : transparent ;
color : #fff ;
}
. file . is-info : hover . file-cta , . file . is-info . is-hovered . file-cta {
background-color : #3488ce ;
border-color : transparent ;
color : #fff ;
}
. file . is-info : focus . file-cta , . file . is-info . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 62 , 142 , 208 , 0.25 );
color : #fff ;
}
. file . is-info : active . file-cta , . file . is-info . is-active . file-cta {
background-color : #3082c5 ;
border-color : transparent ;
color : #fff ;
}
. file . is-success . file-cta {
background-color : hsl ( 153 deg , 53 % , 53 % );
border-color : transparent ;
color : #fff ;
}
. file . is-success : hover . file-cta , . file . is-success . is-hovered . file-cta {
background-color : #3ec487 ;
border-color : transparent ;
color : #fff ;
}
. file . is-success : focus . file-cta , . file . is-success . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 72 , 199 , 142 , 0.25 );
color : #fff ;
}
. file . is-success : active . file-cta , . file . is-success . is-active . file-cta {
background-color : #3abb81 ;
border-color : transparent ;
color : #fff ;
}
. file . is-warning . file-cta {
background-color : hsl ( 44 deg , 100 % , 77 % );
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-warning : hover . file-cta , . file . is-warning . is-hovered . file-cta {
background-color : #ffdc7d ;
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-warning : focus . file-cta , . file . is-warning . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 255 , 224 , 138 , 0.25 );
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-warning : active . file-cta , . file . is-warning . is-active . file-cta {
background-color : #ffd970 ;
border-color : transparent ;
color : rgba ( 0 , 0 , 0 , 0.7 );
}
. file . is-danger . file-cta {
background-color : hsl ( 348 deg , 86 % , 61 % );
border-color : transparent ;
color : #fff ;
}
. file . is-danger : hover . file-cta , . file . is-danger . is-hovered . file-cta {
background-color : #f03a5f ;
border-color : transparent ;
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-danger : focus . file-cta , . file . is-danger . is-focused . file-cta {
border-color : transparent ;
box-shadow : 0 0 0.5 em rgba ( 241 , 70 , 104 , 0.25 );
color : #fff ;
}
. file . is-danger : active . file-cta , . file . is-danger . is-active . file-cta {
background-color : #ef2e55 ;
border-color : transparent ;
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-normal {
font-size : 1 rem ;
}
. file . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-medium . file-icon . fa {
font-size : 21 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-large . file-icon . fa {
font-size : 28 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . has-name . file-cta {
border-bottom-right-radius : 0 ;
border-top-right-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . has-name . file-name {
border-bottom-left-radius : 0 ;
border-top-left-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . has-name . is-empty . file-cta {
border-radius : 4 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . has-name . is-empty . file-name {
display : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . file-label {
flex-direction : column ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . file-cta {
flex-direction : column ;
height : auto ;
padding : 1 em 3 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . file-name {
border-width : 0 1 px 1 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . file-icon {
height : 1.5 em ;
width : 1.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . file-icon . fa {
font-size : 21 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . is-small . file-icon . fa {
font-size : 14 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . is-medium . file-icon . fa {
font-size : 28 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . is-large . file-icon . fa {
font-size : 35 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . has-name . file-cta {
border-radius : 4 px 4 px 0 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-boxed . has-name . file-name {
border-radius : 0 0 4 px 4 px ;
border-width : 0 1 px 1 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-centered {
justify-content : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-fullwidth . file-label {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-fullwidth . file-name {
flex-grow : 1 ;
max-width : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-right {
justify-content : flex-end ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-right . file-cta {
border-radius : 0 4 px 4 px 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file . is-right . file-name {
border-radius : 4 px 0 0 4 px ;
border-width : 1 px 0 1 px 1 px ;
order : -1 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-label {
align-items : stretch ;
display : flex ;
cursor : pointer ;
justify-content : flex-start ;
overflow : hidden ;
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-label : hover . file-cta {
background-color : #eeeeee ;
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-label : hover . file-name {
border-color : #d5d5d5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-label : active . file-cta {
background-color : #e8e8e8 ;
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-label : active . file-name {
border-color : #cfcfcf ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-input {
height : 100 % ;
left : 0 ;
opacity : 0 ;
outline : none ;
position : absolute ;
top : 0 ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-cta ,
. file-name {
border-color : hsl ( 0 deg , 0 % , 86 % );
border-radius : 4 px ;
font-size : 1 em ;
padding-left : 1 em ;
padding-right : 1 em ;
white-space : nowrap ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-cta {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : hsl ( 0 deg , 0 % , 29 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-name {
border-color : hsl ( 0 deg , 0 % , 86 % );
border-style : solid ;
border-width : 1 px 1 px 1 px 0 ;
display : block ;
max-width : 16 em ;
overflow : hidden ;
text-align : inherit ;
text-overflow : ellipsis ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-icon {
align-items : center ;
display : flex ;
height : 1 em ;
justify-content : center ;
margin-right : 0.5 em ;
width : 1 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. file-icon . fa {
font-size : 14 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. label {
color : hsl ( 0 deg , 0 % , 21 % );
display : block ;
font-size : 1 rem ;
font-weight : 700 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. label : not ( : last-child ) {
margin-bottom : 0.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. label . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. label . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. label . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help {
display : block ;
font-size : 0.75 rem ;
margin-top : 0.25 rem ;
}
. help . is-white {
color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-black {
color : hsl ( 0 deg , 0 % , 4 % );
}
. help . is-light {
color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-dark {
color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-primary {
color : hsl ( 171 deg , 100 % , 41 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-link {
color : hsl ( 229 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-info {
color : hsl ( 207 deg , 61 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-success {
color : hsl ( 153 deg , 53 % , 53 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-warning {
color : hsl ( 44 deg , 100 % , 77 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. help . is-danger {
color : hsl ( 348 deg , 86 % , 61 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field : not ( : last-child ) {
margin-bottom : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons {
display : flex ;
justify-content : flex-start ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons . control : not ( : last-child ) {
margin-right : -1 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons . control : not ( : first-child ) : not ( : last-child ) . button ,
. field . has-addons . control : not ( : first-child ) : not ( : last-child ) . input ,
. field . has-addons . control : not ( : first-child ) : not ( : last-child ) . select select {
border-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons . control : first-child : not ( : only-child ) . button ,
. field . has-addons . control : first-child : not ( : only-child ) . input ,
. field . has-addons . control : first-child : not ( : only-child ) . select select {
border-bottom-right-radius : 0 ;
border-top-right-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons . control : last-child : not ( : only-child ) . button ,
. field . has-addons . control : last-child : not ( : only-child ) . input ,
. field . has-addons . control : last-child : not ( : only-child ) . select select {
border-bottom-left-radius : 0 ;
border-top-left-radius : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. field . has-addons . control . button : not ([ disabled ]) : hover , . field . has-addons . control . button : not ([ disabled ]) . is-hovered ,
. field . has-addons . control . input : not ([ disabled ]) : hover ,
. field . has-addons . control . input : not ([ disabled ]) . is-hovered ,
. field . has-addons . control . select select : not ([ disabled ]) : hover ,
. field . has-addons . control . select select : not ([ disabled ]) . is-hovered {
z-index : 2 ;
}
. field . has-addons . control . button : not ([ disabled ]) : focus , . field . has-addons . control . button : not ([ disabled ]) . is-focused , . field . has-addons . control . button : not ([ disabled ]) : active , . field . has-addons . control . button : not ([ disabled ]) . is-active ,
. field . has-addons . control . input : not ([ disabled ]) : focus ,
. field . has-addons . control . input : not ([ disabled ]) . is-focused ,
. field . has-addons . control . input : not ([ disabled ]) : active ,
. field . has-addons . control . input : not ([ disabled ]) . is-active ,
. field . has-addons . control . select select : not ([ disabled ]) : focus ,
. field . has-addons . control . select select : not ([ disabled ]) . is-focused ,
. field . has-addons . control . select select : not ([ disabled ]) : active ,
. field . has-addons . control . select select : not ([ disabled ]) . is-active {
z-index : 3 ;
}
. field . has-addons . control . button : not ([ disabled ]) : focus : hover , . field . has-addons . control . button : not ([ disabled ]) . is-focused : hover , . field . has-addons . control . button : not ([ disabled ]) : active : hover , . field . has-addons . control . button : not ([ disabled ]) . is-active : hover ,
. field . has-addons . control . input : not ([ disabled ]) : focus : hover ,
. field . has-addons . control . input : not ([ disabled ]) . is-focused : hover ,
. field . has-addons . control . input : not ([ disabled ]) : active : hover ,
. field . has-addons . control . input : not ([ disabled ]) . is-active : hover ,
. field . has-addons . control . select select : not ([ disabled ]) : focus : hover ,
. field . has-addons . control . select select : not ([ disabled ]) . is-focused : hover ,
. field . has-addons . control . select select : not ([ disabled ]) : active : hover ,
. field . has-addons . control . select select : not ([ disabled ]) . is-active : hover {
z-index : 4 ;
}
. field . has-addons . control . is-expanded {
flex-grow : 1 ;
flex-shrink : 1 ;
}
. field . has-addons . has-addons-centered {
justify-content : center ;
}
. field . has-addons . has-addons-right {
justify-content : flex-end ;
}
. field . has-addons . has-addons-fullwidth . control {
flex-grow : 1 ;
flex-shrink : 0 ;
}
. field . is-grouped {
display : flex ;
justify-content : flex-start ;
}
. field . is-grouped > . control {
flex-shrink : 0 ;
}
. field . is-grouped > . control : not ( : last-child ) {
margin-bottom : 0 ;
margin-right : 0.75 rem ;
}
. field . is-grouped > . control . is-expanded {
flex-grow : 1 ;
flex-shrink : 1 ;
}
. field . is-grouped . is-grouped-centered {
justify-content : center ;
}
. field . is-grouped . is-grouped-right {
justify-content : flex-end ;
}
. field . is-grouped . is-grouped-multiline {
flex-wrap : wrap ;
}
. field . is-grouped . is-grouped-multiline > . control : last-child , . field . is-grouped . is-grouped-multiline > . control : not ( : last-child ) {
margin-bottom : 0.75 rem ;
}
. field . is-grouped . is-grouped-multiline : last-child {
margin-bottom : -0.75 rem ;
}
. field . is-grouped . is-grouped-multiline : not ( : last-child ) {
margin-bottom : 0 ;
}
@ media screen and ( min-width : 769px ), print {
. field . is-horizontal {
display : flex ;
}
}
. field-label . label {
font-size : inherit ;
}
@ media screen and ( max-width : 768px ) {
. field-label {
margin-bottom : 0.5 rem ;
}
}
@ media screen and ( min-width : 769px ), print {
. field-label {
flex-basis : 0 ;
flex-grow : 1 ;
flex-shrink : 0 ;
margin-right : 1.5 rem ;
text-align : right ;
}
. field-label . is-small {
font-size : 0.75 rem ;
padding-top : 0.375 em ;
}
. field-label . is-normal {
padding-top : 0.375 em ;
}
. field-label . is-medium {
font-size : 1.25 rem ;
padding-top : 0.375 em ;
}
. field-label . is-large {
font-size : 1.5 rem ;
padding-top : 0.375 em ;
}
}
. 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 ( . is-narrow ) {
flex-grow : 1 ;
}
. field-body > . field : not ( : last-child ) {
margin-right : 0.75 rem ;
}
}
. control {
box-sizing : border-box ;
clear : both ;
font-size : 1 rem ;
position : relative ;
text-align : inherit ;
}
. control . has-icons-left . input : focus ~ . icon ,
. control . has-icons-left . select : focus ~ . icon , . control . has-icons-right . input : focus ~ . icon ,
. control . has-icons-right . select : focus ~ . icon {
color : hsl ( 0 deg , 0 % , 29 % );
}
. control . has-icons-left . input . is-small ~ . icon ,
. control . has-icons-left . select . is-small ~ . icon , . control . has-icons-right . input . is-small ~ . icon ,
. control . has-icons-right . select . is-small ~ . icon {
font-size : 0.75 rem ;
}
. control . has-icons-left . input . is-medium ~ . icon ,
. control . has-icons-left . select . is-medium ~ . icon , . control . has-icons-right . input . is-medium ~ . icon ,
. control . has-icons-right . select . is-medium ~ . icon {
font-size : 1.25 rem ;
}
. control . has-icons-left . input . is-large ~ . icon ,
. control . has-icons-left . select . is-large ~ . icon , . control . has-icons-right . input . is-large ~ . icon ,
. control . has-icons-right . select . is-large ~ . icon {
font-size : 1.5 rem ;
}
. control . has-icons-left . icon , . control . has-icons-right . icon {
color : hsl ( 0 deg , 0 % , 86 % );
height : 2.5 em ;
pointer-events : none ;
position : absolute ;
top : 0 ;
width : 2.5 em ;
z-index : 4 ;
}
. control . has-icons-left . input ,
. control . has-icons-left . select select {
padding-left : 2.5 em ;
}
. control . has-icons-left . icon . is-left {
left : 0 ;
}
. control . has-icons-right . input ,
. control . has-icons-right . select select {
padding-right : 2.5 em ;
}
. control . has-icons-right . icon . is-right {
right : 0 ;
}
. control . is-loading :: after {
position : absolute !important ;
right : 0.625 em ;
top : 0.625 em ;
z-index : 4 ;
}
. control . is-loading . is-small : after {
font-size : 0.75 rem ;
}
. control . is-loading . is-medium : after {
font-size : 1.25 rem ;
}
. control . is-loading . is-large : after {
font-size : 1.5 rem ;
}
/* Bulma Components */
. dropdown {
display : inline-flex ;
position : relative ;
vertical-align : top ;
}
. dropdown . is-active . dropdown-menu , . dropdown . is-hoverable : hover . dropdown-menu {
display : block ;
}
. dropdown . is-right . dropdown-menu {
left : auto ;
right : 0 ;
}
. dropdown . is-up . dropdown-menu {
bottom : 100 % ;
padding-bottom : 4 px ;
padding-top : initial ;
top : auto ;
}
. dropdown-menu {
display : none ;
left : 0 ;
min-width : 12 rem ;
padding-top : 4 px ;
position : absolute ;
top : 100 % ;
z-index : 20 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. dropdown-content {
background-color : hsl ( 0 deg , 0 % , 100 % );
border-radius : 4 px ;
box-shadow : 0 0.5 em 1 em -0.125 em rgba ( 10 , 10 , 10 , 0.1 ), 0 0 px 0 1 px rgba ( 10 , 10 , 10 , 0.02 );
padding-bottom : 0.5 rem ;
padding-top : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. dropdown-item {
display : block ;
font-size : 0.875 rem ;
line-height : 1.5 ;
padding : 0.375 rem 1 rem ;
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
a . dropdown-item ,
button . dropdown-item {
padding-right : 3 rem ;
text-align : inherit ;
white-space : nowrap ;
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
a . dropdown-item : hover ,
button . dropdown-item : hover {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
a . dropdown-item . is-active ,
button . dropdown-item . is-active {
background-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. dropdown-divider {
background-color : hsl ( 0 deg , 0 % , 93 % );
border : none ;
display : block ;
height : 1 px ;
margin : 0.5 rem 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message {
background-color : hsl ( 0 deg , 0 % , 96 % );
border-radius : 4 px ;
font-size : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message strong {
color : currentColor ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message a : not ( . button ) : not ( . tag ) : not ( . dropdown-item ) {
color : currentColor ;
text-decoration : underline ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-medium {
font-size : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-large {
font-size : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-white {
background-color : white ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-white . message-header {
background-color : hsl ( 0 deg , 0 % , 100 % );
color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-white . message-body {
border-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-black {
background-color : #fafafa ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-black . message-header {
background-color : hsl ( 0 deg , 0 % , 4 % );
color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-black . message-body {
border-color : hsl ( 0 deg , 0 % , 4 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-light {
background-color : #fafafa ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-light . message-header {
background-color : hsl ( 0 deg , 0 % , 96 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-light . message-body {
border-color : hsl ( 0 deg , 0 % , 96 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-dark {
background-color : #fafafa ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-dark . message-header {
background-color : hsl ( 0 deg , 0 % , 21 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-dark . message-body {
border-color : hsl ( 0 deg , 0 % , 21 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-primary {
background-color : #ebfffc ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-primary . message-header {
background-color : hsl ( 171 deg , 100 % , 41 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-primary . message-body {
border-color : hsl ( 171 deg , 100 % , 41 % );
color : #00947e ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-link {
background-color : #eff1fa ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-link . message-header {
background-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-link . message-body {
border-color : hsl ( 229 deg , 53 % , 53 % );
color : #3850b7 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-info {
background-color : #eff5fb ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-info . message-header {
background-color : hsl ( 207 deg , 61 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-info . message-body {
border-color : hsl ( 207 deg , 61 % , 53 % );
color : #296fa8 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-success {
background-color : #effaf5 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-success . message-header {
background-color : hsl ( 153 deg , 53 % , 53 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-success . message-body {
border-color : hsl ( 153 deg , 53 % , 53 % );
color : #257953 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-warning {
background-color : #fffaeb ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-warning . message-header {
background-color : hsl ( 44 deg , 100 % , 77 % );
color : rgba ( 0 , 0 , 0 , 0.7 );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-warning . message-body {
border-color : hsl ( 44 deg , 100 % , 77 % );
color : #946c00 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-danger {
background-color : #feecf0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-danger . message-header {
background-color : hsl ( 348 deg , 86 % , 61 % );
color : #fff ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message . is-danger . message-body {
border-color : hsl ( 348 deg , 86 % , 61 % );
color : #cc0f35 ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message-header {
align-items : center ;
background-color : hsl ( 0 deg , 0 % , 29 % );
border-radius : 4 px 4 px 0 0 ;
color : #fff ;
display : flex ;
font-weight : 700 ;
justify-content : space-between ;
line-height : 1.25 ;
padding : 0.75 em 1 em ;
position : relative ;
}
. message-header . delete {
flex-grow : 0 ;
flex-shrink : 0 ;
margin-left : 0.75 em ;
}
. message-header + . message-body {
border-width : 0 ;
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
}
. message-body {
border-color : hsl ( 0 deg , 0 % , 86 % );
border-radius : 4 px ;
border-style : solid ;
border-width : 0 0 0 4 px ;
color : hsl ( 0 deg , 0 % , 29 % );
padding : 1.25 em 1.5 em ;
}
. message-body code ,
. message-body pre {
background-color : hsl ( 0 deg , 0 % , 100 % );
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. message-body pre code {
background-color : transparent ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. pagination {
font-size : 1 rem ;
margin : -0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. pagination . is-small {
font-size : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-16 00:55:43 +01:00
. pagination . is-medium {
font-size : 1.25 rem ;
}
. pagination . is-large {
font-size : 1.5 rem ;
}
. pagination . is-rounded . pagination-previous ,
. pagination . is-rounded . pagination-next {
padding-left : 1 em ;
padding-right : 1 em ;
border-radius : 9999 px ;
}
. pagination . is-rounded . pagination-link {
border-radius : 9999 px ;
}
. pagination ,
. pagination-list {
align-items : center ;
display : flex ;
justify-content : center ;
text-align : center ;
}
. pagination-previous ,
. pagination-next ,
. pagination-link ,
. pagination-ellipsis {
font-size : 1 em ;
justify-content : center ;
margin : 0.25 rem ;
padding-left : 0.5 em ;
padding-right : 0.5 em ;
text-align : center ;
}
. pagination-previous ,
. pagination-next ,
. pagination-link {
border-color : hsl ( 0 deg , 0 % , 86 % );
color : hsl ( 0 deg , 0 % , 21 % );
min-width : 2.5 em ;
}
. pagination-previous : hover ,
. pagination-next : hover ,
. pagination-link : hover {
border-color : hsl ( 0 deg , 0 % , 71 % );
color : hsl ( 0 deg , 0 % , 21 % );
}
. pagination-previous : focus ,
. pagination-next : focus ,
. pagination-link : focus {
border-color : hsl ( 229 deg , 53 % , 53 % );
}
. pagination-previous : active ,
. pagination-next : active ,
. pagination-link : active {
box-shadow : inset 0 1 px 2 px rgba ( 10 , 10 , 10 , 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 ( 0 deg , 0 % , 86 % );
border-color : hsl ( 0 deg , 0 % , 86 % );
box-shadow : none ;
color : hsl ( 0 deg , 0 % , 48 % );
opacity : 0.5 ;
}
. pagination-previous ,
. pagination-next {
padding-left : 0.75 em ;
padding-right : 0.75 em ;
white-space : nowrap ;
}
. pagination-link . is-current {
background-color : hsl ( 229 deg , 53 % , 53 % );
border-color : hsl ( 229 deg , 53 % , 53 % );
color : #fff ;
}
. pagination-ellipsis {
color : hsl ( 0 deg , 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 ;
}
}
: root { --background : hsl ( 25 , 84 % , 88 % ); --text-color : hsl ( 25 , 84 % , 26.4 % ); --placeholder-text-color : hsla ( 25 , 84 % , 26.4 % , .3 ); --black : hsl ( 0 , 0 % , 4 % ); --black-bis : hsl ( 0 , 0 % , 7 % ); --black-ter : hsl ( 0 , 0 % , 14 % ); --white : hsl ( 0 , 4 % , 99.8 % ); --primary-color : hsl ( 25 , 84 % , 88 % ); --primary-color-light : hsl ( 25 , 84 % , 100 % ); --primary-color-dark : hsl ( 25 , 84 % , 66 % ); --primary-gradiend-light : hsl ( 25 , 84 % , 92 % ); --primary-gradiend-dark : hsl ( 25 , 84 % , 84 % ); --primary-gradiend-lighter : hsl ( 25 , 84 % , 96 % ); --primary-gradiend-darker : hsl ( 25 , 84 % , 80 % ); --secondary-color : hsl ( 205 , 84 % , 88 % ); --secondary-color-light : hsl ( 205 , 84 % , 100 % ); --secondary-color-dark : hsl ( 205 , 84 % , 84 % ); --light-shadow : hsla ( 25 , 84 % , 100 % , .5 ); --dark-shadow : hsla ( 25 , 84 % , 66 % , .5 ); --fa-primary-color : hsl ( 205 , 84 % , 26.4 % ); --fa-secondary-color : hsl ( 205 , 84 % , 66 % ); --fa-primary-opacity : .8 ; --fa-secondary-opacity : .8 ; --danger-color : hsl ( 0 , 82 % , 91 % ); --warning-color : hsl ( 48 , 82 % , 91 % ); --info-color : hsl ( 196 , 82 % , 91 % )}: root { --shadow-offset : 8 px ; --blur-radius : 16 px ; --is-inset : inherit }. neomorph { box-shadow : calc ( -1 * var ( -- shadow - offset )) calc ( -1 * var ( -- shadow - offset )) var ( -- blur - radius ) var ( -- light - shadow ), var ( -- shadow - offset ) var ( -- shadow - offset ) var ( -- blur - radius ) var ( -- dark - shadow ); background-color : var ( -- background )}. neomorphInset { box-shadow : inset var ( -- shadow - offset ) var ( -- shadow - offset ) var ( -- blur - radius ) var ( -- dark - shadow ), inset calc ( -1 * var ( -- shadow - offset )) calc ( -1 * var ( -- shadow - offset )) var ( -- blur - radius ) var ( -- light - shadow ); background-color : var ( -- background )}. neomorphInset . is-nxxsmall { --shadow-offset : 2 px ; --blur-radius : 4 px }@ media ( min-width : 640px ) {. neomorphInset . is-nxxsmall-sm { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 768px ) {. neomorphInset . is-nxxsmall-md { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 1024px ) {. neomorphInset . is-nxxsmall-lg { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 1280px ) {. neomorphInset . is-nxxsmall-xl { --shadow-offset : 2 px ; --blur-radius : 4 px }}. neomorphInset . is-nxsmall { --shadow-offset : 3 px ; --blur-radius : 6 px }@ media ( min-width : 640px ) {. neomorphInset . is-nxsmall-sm { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 768px ) {. neomorphInset . is-nxsmall-md { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 1024px ) {. neomorphInset . is-nxsmall-lg { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 1280px ) {. neomorphInset . is-nxsmall-xl { --shadow-offset : 3 px ; --blur-radius : 6 px }}. neomorphInset . is-nsmall { --shadow-offset : 6 px ; --blur-radius : 12 px }@ media ( min-width : 640px ) {. neomorphInset . is-nsmall-sm { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 768px ) {. neomorphInset . is-nsmall-md { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 1024px ) {. neomorphInset . is-nsmall-lg { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 1280px ) {. neomorphInset . is-nsmall-xl { --shadow-offset : 6 px ; --blur-radius : 12 px }}. neomorph . is-nxxsmall { --shadow-offset : 2 px ; --blur-radius : 4 px }@ media ( min-width : 640px ) {. neomorph . is-nxxsmall-sm { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 768px ) {. neomorph . is-nxxsmall-md { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 1024px ) {. neomorph . is-nxxsmall-lg { --shadow-offset : 2 px ; --blur-radius : 4 px }}@ media ( min-width : 1280px ) {. neomorph . is-nxxsmall-xl { --shadow-offset : 2 px ; --blur-radius : 4 px }}. neomorph . is-nxsmall { --shadow-offset : 3 px ; --blur-radius : 6 px }@ media ( min-width : 640px ) {. neomorph . is-nxsmall-sm { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 768px ) {. neomorph . is-nxsmall-md { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 1024px ) {. neomorph . is-nxsmall-lg { --shadow-offset : 3 px ; --blur-radius : 6 px }}@ media ( min-width : 1280px ) {. neomorph . is-nxsmall-xl { --shadow-offset : 3 px ; --blur-radius : 6 px }}. neomorph . is-nsmall { --shadow-offset : 6 px ; --blur-radius : 12 px }@ media ( min-width : 640px ) {. neomorph . is-nsmall-sm { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 768px ) {. neomorph . is-nsmall-md { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 1024px ) {. neomorph . is-nsmall-lg { --shadow-offset : 6 px ; --blur-radius : 12 px }}@ media ( min-width : 1280px ) {. neomorph . is-nsmall-xl { --shadow-offset : 6 px ; --blur-radius : 12 px }}. neomorph . is-nnormal { --shadow-offset : 8 px ; --blur-radius : 16 px }@ media ( min-width : 640px ) {. neomorph . is-nnormal-sm { --shadow-
2022-12-02 10:19:57 +01:00
/*
! tailwindcss v3.1.7 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
2022-02-14 01:51:52 +01:00
*,
::before,
2022-12-02 10:19:57 +01:00
::after {
box-sizing : border-box ;
/* 1 */
border-width : 0 ;
/* 2 */
border-style : solid ;
/* 2 */
border-color : #e5e7eb ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
:: before ,
2022-12-02 10:19:57 +01:00
:: after {
--tw-content : '' ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
line-height : 1.5 ;
/* 1 */
-webkit- text-size-adjust : 100 % ;
/* 2 */
-moz- tab-size : 4 ;
/* 3 */
-o- tab-size : 4 ;
tab-size : 4 ;
/* 3 */
font-family : ui-sans-serif , system-ui , - apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans" , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" ;
/* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
2022-02-14 01:51:52 +01:00
2022-12-02 10:19:57 +01:00
body {
margin : 0 ;
/* 1 */
line-height : inherit ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height : 0 ;
/* 1 */
color : inherit ;
/* 2 */
border-top-width : 1 px ;
/* 3 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr : where ([ title ]) {
-webkit- text-decoration : underline dotted ;
text-decoration : underline dotted ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Remove the default font size and weight for headings.
*/
2022-02-14 01:51:52 +01:00
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
2022-12-02 10:19:57 +01:00
h6 {
font-size : inherit ;
font-weight : inherit ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color : inherit ;
text-decoration : inherit ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Add the correct font weight in Edge and Safari.
*/
2022-02-14 01:51:52 +01:00
b ,
2022-12-02 10:19:57 +01:00
strong {
font-weight : bolder ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
2022-02-14 01:51:52 +01:00
code ,
kbd ,
samp ,
2022-12-02 10:19:57 +01:00
pre {
font-family : ui-monospace , SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace ;
/* 1 */
font-size : 1 em ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Add the correct font size in all browsers.
*/
small {
font-size : 80 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
2022-02-14 01:51:52 +01:00
sub ,
2022-12-02 10:19:57 +01:00
sup {
font-size : 75 % ;
line-height : 0 ;
position : relative ;
vertical-align : baseline ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
sub {
bottom : -0.25 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
sup {
top : -0.5 em ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent : 0 ;
/* 1 */
border-color : inherit ;
/* 2 */
border-collapse : collapse ;
/* 3 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
2022-02-14 01:51:52 +01:00
button ,
input ,
optgroup ,
select ,
2022-12-02 10:19:57 +01:00
textarea {
font-family : inherit ;
/* 1 */
font-size : 100 % ;
/* 1 */
font-weight : inherit ;
/* 1 */
line-height : inherit ;
/* 1 */
color : inherit ;
/* 1 */
margin : 0 ;
/* 2 */
padding : 0 ;
/* 3 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
2022-02-14 01:51:52 +01:00
button ,
2022-12-02 10:19:57 +01:00
select {
text-transform : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
2022-02-14 01:51:52 +01:00
button ,
[ type = 'button' ],
[ type = 'reset' ],
2022-12-02 10:19:57 +01:00
[ type = 'submit' ] {
-webkit- appearance : button ;
/* 1 */
background-color : transparent ;
/* 2 */
background-image : none ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Use the modern Firefox focus style for all focusable elements.
*/
: -moz-focusring {
outline : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
: -moz-ui-invalid {
box-shadow : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align : baseline ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
2022-02-14 01:51:52 +01:00
:: -webkit-inner-spin-button ,
2022-12-02 10:19:57 +01:00
:: -webkit-outer-spin-button {
height : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[ type = 'search' ] {
-webkit- appearance : textfield ;
/* 1 */
outline-offset : -2 px ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:: -webkit-search-decoration {
-webkit- appearance : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:: -webkit-file-upload-button {
-webkit- appearance : button ;
/* 1 */
font : inherit ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Add the correct display in Chrome and Safari.
*/
summary {
display : list-item ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Removes the default spacing and border for appropriate elements.
*/
2022-02-14 01:51:52 +01:00
blockquote ,
dl ,
dd ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
hr ,
figure ,
p ,
2022-12-02 10:19:57 +01:00
pre {
margin : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
fieldset {
margin : 0 ;
padding : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
legend {
padding : 0 ;
2022-02-14 01:51:52 +01:00
}
ol ,
ul ,
2022-12-02 10:19:57 +01:00
menu {
list-style : none ;
margin : 0 ;
padding : 0 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Prevent resizing textareas horizontally by default.
*/
2022-02-14 01:51:52 +01:00
2022-12-02 10:19:57 +01:00
textarea {
resize : vertical ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input :: -moz-placeholder , textarea :: -moz-placeholder {
opacity : 1 ;
/* 1 */
color : #9ca3af ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
input :: placeholder ,
2022-12-02 10:19:57 +01:00
textarea :: placeholder {
opacity : 1 ;
/* 1 */
color : #9ca3af ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Set the default cursor for buttons.
*/
2022-02-14 01:51:52 +01:00
button ,
2022-12-02 10:19:57 +01:00
[ role = "button" ] {
cursor : pointer ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Make sure disabled buttons don't get the pointer cursor.
*/
: disabled {
cursor : default ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
2022-02-14 01:51:52 +01:00
img ,
svg ,
video ,
canvas ,
audio ,
iframe ,
embed ,
2022-12-02 10:19:57 +01:00
object {
display : block ;
/* 1 */
vertical-align : middle ;
/* 2 */
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
2022-02-14 01:51:52 +01:00
img ,
2022-12-02 10:19:57 +01:00
video {
max-width : 100 % ;
height : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
*, :: before , :: after {
--tw-border-spacing-x : 0 ;
--tw-border-spacing-y : 0 ;
--tw-translate-x : 0 ;
--tw-translate-y : 0 ;
--tw-rotate : 0 ;
--tw-skew-x : 0 ;
--tw-skew-y : 0 ;
--tw-scale-x : 1 ;
--tw-scale-y : 1 ;
--tw-pan-x : ;
--tw-pan-y : ;
--tw-pinch-zoom : ;
--tw-scroll-snap-strictness : proximity ;
--tw-ordinal : ;
--tw-slashed-zero : ;
--tw-numeric-figure : ;
--tw-numeric-spacing : ;
--tw-numeric-fraction : ;
--tw-ring-inset : ;
--tw-ring-offset-width : 0 px ;
--tw-ring-offset-color : #fff ;
--tw-ring-color : rgb ( 59 130 246 / 0.5 );
--tw-ring-offset-shadow : 0 0 #0000 ;
--tw-ring-shadow : 0 0 #0000 ;
--tw-shadow : 0 0 #0000 ;
--tw-shadow-colored : 0 0 #0000 ;
--tw-blur : ;
--tw-brightness : ;
--tw-contrast : ;
--tw-grayscale : ;
--tw-hue-rotate : ;
--tw-invert : ;
--tw-saturate : ;
--tw-sepia : ;
--tw-drop-shadow : ;
--tw-backdrop-blur : ;
--tw-backdrop-brightness : ;
--tw-backdrop-contrast : ;
--tw-backdrop-grayscale : ;
--tw-backdrop-hue-rotate : ;
--tw-backdrop-invert : ;
--tw-backdrop-opacity : ;
--tw-backdrop-saturate : ;
--tw-backdrop-sepia : ;
}
:: backdrop {
--tw-border-spacing-x : 0 ;
--tw-border-spacing-y : 0 ;
--tw-translate-x : 0 ;
--tw-translate-y : 0 ;
--tw-rotate : 0 ;
--tw-skew-x : 0 ;
--tw-skew-y : 0 ;
--tw-scale-x : 1 ;
--tw-scale-y : 1 ;
--tw-pan-x : ;
--tw-pan-y : ;
--tw-pinch-zoom : ;
--tw-scroll-snap-strictness : proximity ;
--tw-ordinal : ;
--tw-slashed-zero : ;
--tw-numeric-figure : ;
--tw-numeric-spacing : ;
--tw-numeric-fraction : ;
--tw-ring-inset : ;
--tw-ring-offset-width : 0 px ;
--tw-ring-offset-color : #fff ;
--tw-ring-color : rgb ( 59 130 246 / 0.5 );
--tw-ring-offset-shadow : 0 0 #0000 ;
--tw-ring-shadow : 0 0 #0000 ;
--tw-shadow : 0 0 #0000 ;
--tw-shadow-colored : 0 0 #0000 ;
--tw-blur : ;
--tw-brightness : ;
--tw-contrast : ;
--tw-grayscale : ;
--tw-hue-rotate : ;
--tw-invert : ;
--tw-saturate : ;
--tw-sepia : ;
--tw-drop-shadow : ;
--tw-backdrop-blur : ;
--tw-backdrop-brightness : ;
--tw-backdrop-contrast : ;
--tw-backdrop-grayscale : ;
--tw-backdrop-hue-rotate : ;
--tw-backdrop-invert : ;
--tw-backdrop-opacity : ;
--tw-backdrop-saturate : ;
--tw-backdrop-sepia : ;
}
. static {
position : static ;
}
. absolute {
position : absolute ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. relative {
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. right-2 {
right : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. bottom-1 {
bottom : 0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. top-full {
top : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. z-50 {
z-index : 50 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mx-auto {
margin-left : auto ;
margin-right : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. my-auto {
margin-top : auto ;
margin-bottom : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mt-3 {
margin-top : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mb-3 {
margin-bottom : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mt-1 {
margin-top : 0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mr-0 {
margin-right : 0 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. ml-5 {
margin-left : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. ml-6 {
margin-left : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mt-2 {
margin-top : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. mb-0 {
margin-bottom : 0 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. ml-0 {
margin-left : 0 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. block {
display : block ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex {
display : flex ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. inline-flex {
display : inline-flex ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. grid {
display : grid ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. hidden {
display : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. aspect-video {
aspect-ratio : 16 / 9 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. h-12 {
height : 3 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. h- \ [ 30px \ ] {
height : 30 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. h-full {
height : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. h-8 {
height : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. h-screen {
height : 100 vh ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-h- \ [ 30vh \ ] {
max-height : 30 vh ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-h- \ [ 50vh \ ] {
max-height : 50 vh ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-h-8 {
max-height : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-h-24 {
max-height : 6 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w-full {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w-12 {
width : 3 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w-auto {
width : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w-52 {
width : 13 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w-8 {
width : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. w- \ [ 30px \ ] {
width : 30 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. min-w-0 {
min-width : 0 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. min-w-full {
min-width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-w- \ [ 80 \ % \ ] {
max-width : 80 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. max-w- \ [ 6rem \ ] {
max-width : 6 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex-none {
flex : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex-1 {
flex : 1 1 0 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. shrink {
flex-shrink : 1 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. cursor-not-allowed {
cursor : not-allowed ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. cursor-pointer {
cursor : pointer ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. auto-cols-auto {
grid-auto-columns : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. grid-flow-col-dense {
grid-auto-flow : column dense ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. grid-rows-1 {
grid-template-rows : repeat ( 1 , minmax ( 0 , 1 fr ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex-row {
flex-direction : row ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex-col {
flex-direction : column ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. flex-col-reverse {
flex-direction : column-reverse ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. items-center {
align-items : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. justify-between {
justify-content : space-between ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. gap-4 {
gap : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-y-4 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-y-reverse : 0 ;
margin-top : calc ( 1 rem * calc ( 1 - var ( -- tw - space - y - reverse )));
margin-bottom : calc ( 1 rem * var ( -- tw - space - y - reverse ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-x-3 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-x-reverse : 0 ;
margin-right : calc ( 0.75 rem * var ( -- tw - space - x - reverse ));
margin-left : calc ( 0.75 rem * calc ( 1 - var ( -- tw - space - x - reverse )));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-y-3 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-y-reverse : 0 ;
margin-top : calc ( 0.75 rem * calc ( 1 - var ( -- tw - space - y - reverse )));
margin-bottom : calc ( 0.75 rem * var ( -- tw - space - y - reverse ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-y-1 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-y-reverse : 0 ;
margin-top : calc ( 0.25 rem * calc ( 1 - var ( -- tw - space - y - reverse )));
margin-bottom : calc ( 0.25 rem * var ( -- tw - space - y - reverse ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-x-2 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-x-reverse : 0 ;
margin-right : calc ( 0.5 rem * var ( -- tw - space - x - reverse ));
margin-left : calc ( 0.5 rem * calc ( 1 - var ( -- tw - space - x - reverse )));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-x-1 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-x-reverse : 0 ;
margin-right : calc ( 0.25 rem * var ( -- tw - space - x - reverse ));
margin-left : calc ( 0.25 rem * calc ( 1 - var ( -- tw - space - x - reverse )));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. space-y-2 > : not ([ hidden ]) ~ : not ([ hidden ]) {
--tw-space-y-reverse : 0 ;
margin-top : calc ( 0.5 rem * calc ( 1 - var ( -- tw - space - y - reverse )));
margin-bottom : calc ( 0.5 rem * var ( -- tw - space - y - reverse ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. self-start {
align-self : flex-start ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. self-center {
align-self : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. overflow-visible {
overflow : visible ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. overflow-y-auto {
overflow-y : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. truncate {
overflow : hidden ;
text-overflow : ellipsis ;
white-space : nowrap ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. break-all {
word-break : break-all ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-xl {
border-radius : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-full {
border-radius : 9999 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-lg {
border-radius : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. \ ! rounded-lg {
border-radius : 0.5 rem !important ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-l-xl {
border-top-left-radius : 0.75 rem ;
border-bottom-left-radius : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-t- \ [ 1 \ . 4rem \ ] {
border-top-left-radius : 1.4 rem ;
border-top-right-radius : 1.4 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-b-lg {
border-bottom-right-radius : 0.5 rem ;
border-bottom-left-radius : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-b- \ [ 1 \ . 4rem \ ] {
border-bottom-right-radius : 1.4 rem ;
border-bottom-left-radius : 1.4 rem ;
2022-02-15 00:08:41 +01:00
}
2022-12-02 10:19:57 +01:00
. rounded-t-lg {
border-top-left-radius : 0.5 rem ;
border-top-right-radius : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. bg-cover {
background-size : cover ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. bg-center {
background-position : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. bg-right {
background-position : right ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. bg-no-repeat {
background-repeat : no-repeat ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. object-cover {
-o- object-fit : cover ;
object-fit : cover ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. p-3 {
padding : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. p-1 {
padding : 0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. p-4 {
padding : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. py-3 {
padding-top : 0.75 rem ;
padding-bottom : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. px-8 {
padding-left : 2 rem ;
padding-right : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. px-2 {
padding-left : 0.5 rem ;
padding-right : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. py-1 {
padding-top : 0.25 rem ;
padding-bottom : 0.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. py-2 {
padding-top : 0.5 rem ;
padding-bottom : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. px-3 {
padding-left : 0.75 rem ;
padding-right : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. pl-3 {
padding-left : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. pr-3 {
padding-right : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. pt-2 {
padding-top : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. pt-3 {
padding-top : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-center {
text-align : center ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-right {
text-align : right ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-xs {
font-size : 0.75 rem ;
line-height : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-sm {
font-size : 0.875 rem ;
line-height : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-2xl {
font-size : 1.5 rem ;
line-height : 2 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-base {
font-size : 1 rem ;
line-height : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-lg {
font-size : 1.125 rem ;
line-height : 1.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-xl {
font-size : 1.25 rem ;
line-height : 1.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. font-bold {
font-weight : 700 ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-pink-300 {
--tw-text-opacity : 1 ;
color : rgb ( 249 168 212 / var ( -- tw - text - opacity ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. text-red-400 {
--tw-text-opacity : 1 ;
color : rgb ( 248 113 113 / var ( -- tw - text - opacity ));
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. underline {
text-decoration-line : underline ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. opacity-50 {
opacity : 0.5 ;
}
2022-02-14 01:51:52 +01:00
2022-12-02 10:19:57 +01:00
. drop-shadow {
--tw-drop-shadow : drop-shadow ( 0 1 px 2 px rgb ( 0 0 0 / 0.1 )) drop-shadow ( 0 1 px 1 px rgb ( 0 0 0 / 0.06 ));
filter : var ( -- tw - blur ) var ( -- tw - brightness ) var ( -- tw - contrast ) var ( -- tw - grayscale ) var ( -- tw - hue - rotate ) var ( -- tw - invert ) var ( -- tw - saturate ) var ( -- tw - sepia ) var ( -- tw - drop - shadow );
}
2022-02-14 01:51:52 +01:00
2022-12-02 10:19:57 +01:00
@ media ( min-width : 768px ) {
. md \ : relative {
position : relative ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : top-auto {
top : auto ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : ml-10 {
margin-left : 2.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : block {
display : block ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : hidden {
display : none ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : h-16 {
height : 4 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : h-12 {
height : 3 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : max-h-40 {
max-height : 10 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : w-16 {
width : 4 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : w-52 {
width : 13 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : w-full {
width : 100 % ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : w-12 {
width : 3 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : max-w- \ [ 12rem \ ] {
max-width : 12 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : flex-row {
flex-direction : row ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : p-4 {
padding : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : p-2 {
padding : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : p-5 {
padding : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : p-0 {
padding : 0 px ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : py-4 {
padding-top : 1 rem ;
padding-bottom : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : px-3 {
padding-left : 0.75 rem ;
padding-right : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : py-2 {
padding-top : 0.5 rem ;
padding-bottom : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : py-3 {
padding-top : 0.75 rem ;
padding-bottom : 0.75 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : px-4 {
padding-left : 1 rem ;
padding-right : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : pl-4 {
padding-left : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : pr-4 {
padding-right : 1 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : pl-2 {
padding-left : 0.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : text-sm {
font-size : 0.875 rem ;
line-height : 1.25 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : text-base {
font-size : 1 rem ;
line-height : 1.5 rem ;
2022-02-14 01:51:52 +01:00
}
2022-12-02 10:19:57 +01:00
. md \ : shadow-none {
--tw-shadow : 0 0 #0000 ;
--tw-shadow-colored : 0 0 #0000 ;
box-shadow : var ( -- tw - ring - offset - shadow , 0 0 #0000 ), var ( -- tw - ring - shadow , 0 0 #0000 ), var ( -- tw - shadow );
2022-02-14 01:51:52 +01:00
}
}
a {
text-decoration : underline ;
}
a . button {
text-decoration : none ;
}