diff --git a/assets/css/style.css b/assets/css/style.css index 436dba1..40f02fa 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1 +1,7621 @@ -@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");*,*::after,*::before{box-sizing:inherit}*{font:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0}html{box-sizing:border-box}body{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, white)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}button,input,textarea,select{margin:0}.btn,.form-control,.link,.reset{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control::-ms-expand{display:none}textarea{resize:vertical;overflow:auto;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,video,svg{max-width:100%}[data-theme]{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #fff);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}:root{--space-unit: 1em;--space-xxxxs: calc(0.125*var(--space-unit));--space-xxxs: calc(0.25*var(--space-unit));--space-xxs: calc(0.375*var(--space-unit));--space-xs: calc(0.5*var(--space-unit));--space-sm: calc(0.75*var(--space-unit));--space-md: calc(1.25*var(--space-unit));--space-lg: calc(2*var(--space-unit));--space-xl: calc(3.25*var(--space-unit));--space-xxl: calc(5.25*var(--space-unit));--space-xxxl: calc(8.5*var(--space-unit));--space-xxxxl: calc(13.75*var(--space-unit));--component-padding: var(--space-md)}:root{--max-width-xxs: 32rem;--max-width-xs: 38rem;--max-width-sm: 48rem;--max-width-md: 64rem;--max-width-lg: 80rem;--max-width-xl: 90rem;--max-width-xxl: 120rem}.container{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto}.max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)}.max-width-xs{max-width:38rem;max-width:var(--max-width-xs)}.max-width-sm{max-width:48rem;max-width:var(--max-width-sm)}.max-width-md{max-width:64rem;max-width:var(--max-width-md)}.max-width-lg{max-width:80rem;max-width:var(--max-width-lg)}.max-width-xl{max-width:90rem;max-width:var(--max-width-xl)}.max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)}.max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)}}.max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)}}.max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)}}.max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)}}.grid{--grid-gap: 0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid>*{-ms-flex-preferred-size:100%;flex-basis:100%}[class*="grid-gap"]{margin-bottom:1em * -1;margin-bottom:calc(var(--grid-gap, 1em)*-1);margin-right:1em * -1;margin-right:calc(var(--grid-gap, 1em)*-1)}[class*="grid-gap"]>*{margin-bottom:1em;margin-bottom:var(--grid-gap, 1em);margin-right:1em;margin-right:var(--grid-gap, 1em)}.grid-gap-xxxxs{--grid-gap: var(--space-xxxxs)}.grid-gap-xxxs{--grid-gap: var(--space-xxxs)}.grid-gap-xxs{--grid-gap: var(--space-xxs)}.grid-gap-xs{--grid-gap: var(--space-xs)}.grid-gap-sm{--grid-gap: var(--space-sm)}.grid-gap-md{--grid-gap: var(--space-md)}.grid-gap-lg{--grid-gap: var(--space-lg)}.grid-gap-xl{--grid-gap: var(--space-xl)}.grid-gap-xxl{--grid-gap: var(--space-xxl)}.grid-gap-xxxl{--grid-gap: var(--space-xxxl)}.grid-gap-xxxxl{--grid-gap: var(--space-xxxxl)}.col{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}@media (min-width: 32rem){.col\@xs{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xs{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xs{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xs{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xs{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xs{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xs{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xs{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xs{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xs{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xs{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xs{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xs{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 48rem){.col\@sm{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@sm{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@sm{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@sm{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@sm{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@sm{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@sm{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@sm{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@sm{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@sm{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@sm{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@sm{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@sm{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 64rem){.col\@md{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@md{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@md{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@md{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@md{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@md{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@md{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@md{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@md{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@md{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@md{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@md{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@md{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 80rem){.col\@lg{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@lg{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@lg{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@lg{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@lg{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@lg{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@lg{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@lg{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@lg{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@lg{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@lg{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@lg{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@lg{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 90rem){.col\@xl{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xl{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xl{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xl{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xl{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xl{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xl{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xl{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xl{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xl{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xl{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xl{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xl{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}:root{--radius-sm: calc(var(--radius, 0.25em)/2);--radius-md: var(--radius, 0.25em);--radius-lg: calc(var(--radius, 0.25em)*2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);--shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)}:root{--body-line-height: 1.4;--heading-line-height: 1.2}body{font-size:1em;font-size:var(--text-base-size, 1em);font-family:'Source Sans Pro', sans-serif;font-family:var(--font-primary, sans-serif);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}h1,h2,h3,h4{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;line-height:var(--heading-line-height, 1.2)}.text-xxxl{font-size:2.48832em;font-size:var(--text-xxxl, 2.488em)}h1,.text-xxl{font-size:2.0736em;font-size:var(--text-xxl, 2.074em)}h2,.text-xl{font-size:1.728em;font-size:var(--text-xl, 1.728em)}h3,.text-lg{font-size:1.44em;font-size:var(--text-lg, 1.44em)}h4,.text-md{font-size:1.2em;font-size:var(--text-md, 1.2em)}small,.text-sm{font-size:0.83333em;font-size:var(--text-sm, 0.833em)}.text-xs{font-size:0.69444em;font-size:var(--text-xs, 0.694em)}a,.link{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4);text-decoration:underline}strong,.text-bold{font-weight:bold}s{text-decoration:line-through}u,.text-underline{text-decoration:underline}.text-component{--component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));--component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1))}.text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:1.2;line-height:var(--component-heading-line-height, 1.2);margin-bottom:0.25em;margin-bottom:calc(var(--space-xxxs)*var(--text-vspace-multiplier, 1))}.text-component h2,.text-component h3,.text-component h4{margin-top:0.75em;margin-top:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component p,.text-component blockquote,.text-component ul li,.text-component ol li{line-height:1.4;line-height:var(--component-body-line-height)}.text-component ul,.text-component ol,.text-component p,.text-component blockquote,.text-component .text-component__block{margin-bottom:0.75em;margin-bottom:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component ul,.text-component ol{padding-left:1em}.text-component ul{list-style-type:disc}.text-component ol{list-style-type:decimal}.text-component img{display:block;margin:0 auto}.text-component figcaption{text-align:center;margin-top:0.5em;margin-top:var(--space-xs)}.text-component em{font-style:italic}.text-component hr{margin-top:2em;margin-top:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-bottom:2em;margin-bottom:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-left:auto;margin-right:auto}.text-component>*:first-child{margin-top:0}.text-component>*:last-child{margin-bottom:0}.text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)}@media (min-width: 48rem){.text-component__block--left,.text-component__block--right{width:45%}.text-component__block--left img,.text-component__block--right img{width:100%}.text-component__block--left{float:left;margin-right:0.75em;margin-right:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component__block--right{float:right;margin-left:0.75em;margin-left:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}}@media (min-width: 90rem){.text-component__block--outset{width:calc(100% + 10.5em);width:calc(100% + 2*var(--space-xxl))}.text-component__block--outset img{width:100%}.text-component__block--outset:not(.text-component__block--right){margin-left:-5.25em;margin-left:calc(-1*var(--space-xxl))}.text-component__block--left,.text-component__block--right{width:50%}.text-component__block--right.text-component__block--outset{margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}}:root{--icon-xxs: 12px;--icon-xs: 16px;--icon-sm: 24px;--icon-md: 32px;--icon-lg: 48px;--icon-xl: 64px;--icon-xxl: 128px}.icon{display:inline-block;color:inherit;fill:currentColor;height:1em;width:1em;line-height:1;-ms-flex-negative:0;flex-shrink:0}.icon--xxs{font-size:12px;font-size:var(--icon-xxs)}.icon--xs{font-size:16px;font-size:var(--icon-xs)}.icon--sm{font-size:24px;font-size:var(--icon-sm)}.icon--md{font-size:32px;font-size:var(--icon-md)}.icon--lg{font-size:48px;font-size:var(--icon-lg)}.icon--xl{font-size:64px;font-size:var(--icon-xl)}.icon--xxl{font-size:128px;font-size:var(--icon-xxl)}.icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}.btn{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;white-space:nowrap;text-decoration:none;line-height:1;font-size:1em;font-size:var(--btn-font-size, 1em);padding-top:0.5em;padding-top:var(--btn-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--btn-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--btn-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--btn-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--btn-radius, 0.25em)}.btn--primary{background-color:hsl(220, 90%, 56%);background-color:var(--color-primary, #2a6df4);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--subtle{background-color:hsl(240, 1%, 83%);background-color:var(--color-contrast-low, #d3d3d4);color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.btn--accent{background-color:hsl(355, 90%, 61%);background-color:var(--color-accent, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--disabled{cursor:not-allowed}.btn--sm{font-size:0.8em;font-size:var(--btn-font-size-sm, 0.8em)}.btn--md{font-size:1.2em;font-size:var(--btn-font-size-md, 1.2em)}.btn--lg{font-size:1.4em;font-size:var(--btn-font-size-lg, 1.4em)}.btn--icon{padding:0.5em;padding:var(--btn-padding-y, 0.5em)}.form-control{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #f2f2f2);padding-top:0.5em;padding-top:var(--form-control-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--form-control-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--form-control-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--form-control-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--form-control-radius, 0.25em)}.form-control::-webkit-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control::-moz-placeholder{opacity:1;color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-ms-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-moz-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control[disabled],.form-control[readonly]{cursor:not-allowed}.form-legend{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;font-size:1.2em;font-size:var(--text-md, 1.2em);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.form-label{display:inline-block}.form__msg-error{background-color:hsl(355, 90%, 61%);background-color:var(--color-error, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff);font-size:0.83333em;font-size:var(--text-sm, 0.833em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0.5em;padding:var(--space-xs);margin-top:0.75em;margin-top:var(--space-sm);border-radius:0.25em;border-radius:var(--radius-md, 0.25em);position:absolute;clip:rect(1px, 1px, 1px, 1px)}.form__msg-error::before{content:'';position:absolute;left:0.75em;left:var(--space-sm);top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:0;height:0;border:8px solid transparent;border-bottom-color:hsl(355, 90%, 61%);border-bottom-color:var(--color-error)}.form__msg-error--is-visible{position:relative;clip:auto}.radio-list>*,.checkbox-list>*{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.radio-list>*:last-of-type,.checkbox-list>*:last-of-type{margin-bottom:0}.radio-list label,.checkbox-list label{line-height:1.4;line-height:var(--body-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-list input,.checkbox-list input{vertical-align:top;margin-right:0.25em;margin-right:var(--space-xxxs);-ms-flex-negative:0;flex-shrink:0}:root{--zindex-header: 2;--zindex-popover: 5;--zindex-fixed-element: 10;--zindex-overlay: 15}@media not all and (min-width: 32rem){.display\@xs{display:none !important}}@media (min-width: 32rem){.hide\@xs{display:none !important}}@media not all and (min-width: 48rem){.display\@sm{display:none !important}}@media (min-width: 48rem){.hide\@sm{display:none !important}}@media not all and (min-width: 64rem){.display\@md{display:none !important}}@media (min-width: 64rem){.hide\@md{display:none !important}}@media not all and (min-width: 80rem){.display\@lg{display:none !important}}@media (min-width: 80rem){.hide\@lg{display:none !important}}@media not all and (min-width: 90rem){.display\@xl{display:none !important}}@media (min-width: 90rem){.hide\@xl{display:none !important}}:root{--display: block}.is-visible{display:block !important;display:var(--display) !important}.is-hidden{display:none !important}.sr-only{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.items-center{-ms-flex-align:center;align-items:center}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}@media (min-width: 32rem){.flex-wrap\@xs{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xs{-ms-flex-direction:column;flex-direction:column}.flex-row\@xs{-ms-flex-direction:row;flex-direction:row}.flex-center\@xs{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xs{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xs{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xs{-ms-flex-pack:center;justify-content:center}.justify-between\@xs{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xs{-ms-flex-align:center;align-items:center}.items-start\@xs{-ms-flex-align:start;align-items:flex-start}.items-end\@xs{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 48rem){.flex-wrap\@sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@sm{-ms-flex-direction:column;flex-direction:column}.flex-row\@sm{-ms-flex-direction:row;flex-direction:row}.flex-center\@sm{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@sm{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@sm{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@sm{-ms-flex-pack:center;justify-content:center}.justify-between\@sm{-ms-flex-pack:justify;justify-content:space-between}.items-center\@sm{-ms-flex-align:center;align-items:center}.items-start\@sm{-ms-flex-align:start;align-items:flex-start}.items-end\@sm{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 64rem){.flex-wrap\@md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@md{-ms-flex-direction:column;flex-direction:column}.flex-row\@md{-ms-flex-direction:row;flex-direction:row}.flex-center\@md{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@md{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@md{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@md{-ms-flex-pack:center;justify-content:center}.justify-between\@md{-ms-flex-pack:justify;justify-content:space-between}.items-center\@md{-ms-flex-align:center;align-items:center}.items-start\@md{-ms-flex-align:start;align-items:flex-start}.items-end\@md{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 80rem){.flex-wrap\@lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@lg{-ms-flex-direction:column;flex-direction:column}.flex-row\@lg{-ms-flex-direction:row;flex-direction:row}.flex-center\@lg{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@lg{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@lg{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@lg{-ms-flex-pack:center;justify-content:center}.justify-between\@lg{-ms-flex-pack:justify;justify-content:space-between}.items-center\@lg{-ms-flex-align:center;align-items:center}.items-start\@lg{-ms-flex-align:start;align-items:flex-start}.items-end\@lg{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 90rem){.flex-wrap\@xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xl{-ms-flex-direction:column;flex-direction:column}.flex-row\@xl{-ms-flex-direction:row;flex-direction:row}.flex-center\@xl{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xl{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xl{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xl{-ms-flex-pack:center;justify-content:center}.justify-between\@xl{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xl{-ms-flex-align:center;align-items:center}.items-start\@xl{-ms-flex-align:start;align-items:flex-start}.items-end\@xl{-ms-flex-align:end;align-items:flex-end}}.flex-grow{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-gap-xxxs{margin-bottom:-0.25em;margin-bottom:calc(-1*var(--space-xxxs));margin-right:-0.25em;margin-right:calc(-1*var(--space-xxxs))}.flex-gap-xxxs>*{margin-bottom:0.25em;margin-bottom:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.flex-gap-xxs{margin-bottom:-0.375em;margin-bottom:calc(-1*var(--space-xxs));margin-right:-0.375em;margin-right:calc(-1*var(--space-xxs))}.flex-gap-xxs>*{margin-bottom:0.375em;margin-bottom:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.flex-gap-xs{margin-bottom:-0.5em;margin-bottom:calc(-1*var(--space-xs));margin-right:-0.5em;margin-right:calc(-1*var(--space-xs))}.flex-gap-xs>*{margin-bottom:0.5em;margin-bottom:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.flex-gap-sm{margin-bottom:-0.75em;margin-bottom:calc(-1*var(--space-sm));margin-right:-0.75em;margin-right:calc(-1*var(--space-sm))}.flex-gap-sm>*{margin-bottom:0.75em;margin-bottom:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.flex-gap-md{margin-bottom:-1.25em;margin-bottom:calc(-1*var(--space-md));margin-right:-1.25em;margin-right:calc(-1*var(--space-md))}.flex-gap-md>*{margin-bottom:1.25em;margin-bottom:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.flex-gap-lg{margin-bottom:-2em;margin-bottom:calc(-1*var(--space-lg));margin-right:-2em;margin-right:calc(-1*var(--space-lg))}.flex-gap-lg>*{margin-bottom:2em;margin-bottom:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.flex-gap-xl{margin-bottom:-3.25em;margin-bottom:calc(-1*var(--space-xl));margin-right:-3.25em;margin-right:calc(-1*var(--space-xl))}.flex-gap-xl>*{margin-bottom:3.25em;margin-bottom:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.flex-gap-xxl{margin-bottom:-5.25em;margin-bottom:calc(-1*var(--space-xxl));margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}.flex-gap-xxl>*{margin-bottom:5.25em;margin-bottom:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-xxxxs{margin:0.125em;margin:var(--space-xxxxs)}.margin-xxxs{margin:0.25em;margin:var(--space-xxxs)}.margin-xxs{margin:0.375em;margin:var(--space-xxs)}.margin-xs{margin:0.5em;margin:var(--space-xs)}.margin-sm{margin:0.75em;margin:var(--space-sm)}.margin-md{margin:1.25em;margin:var(--space-md)}.margin-lg{margin:2em;margin:var(--space-lg)}.margin-xl{margin:3.25em;margin:var(--space-xl)}.margin-xxl{margin:5.25em;margin:var(--space-xxl)}.margin-xxxl{margin:8.5em;margin:var(--space-xxxl)}.margin-xxxxl{margin:13.75em;margin:var(--space-xxxxl)}.margin-auto{margin:auto}.margin-top-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs)}.margin-top-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs)}.margin-top-xxs{margin-top:0.375em;margin-top:var(--space-xxs)}.margin-top-xs{margin-top:0.5em;margin-top:var(--space-xs)}.margin-top-sm{margin-top:0.75em;margin-top:var(--space-sm)}.margin-top-md{margin-top:1.25em;margin-top:var(--space-md)}.margin-top-lg{margin-top:2em;margin-top:var(--space-lg)}.margin-top-xl{margin-top:3.25em;margin-top:var(--space-xl)}.margin-top-xxl{margin-top:5.25em;margin-top:var(--space-xxl)}.margin-top-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl)}.margin-top-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl)}.margin-top-auto{margin-top:auto}.margin-bottom-xxxxs{margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs{margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-bottom-xxs{margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-bottom-xs{margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-bottom-xxl{margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-bottom-xxxl{margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl{margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-bottom-auto{margin-bottom:auto}.margin-right-xxxxs{margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-right-xxxs{margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-right-xxs{margin-right:0.375em;margin-right:var(--space-xxs)}.margin-right-xs{margin-right:0.5em;margin-right:var(--space-xs)}.margin-right-sm{margin-right:0.75em;margin-right:var(--space-sm)}.margin-right-md{margin-right:1.25em;margin-right:var(--space-md)}.margin-right-lg{margin-right:2em;margin-right:var(--space-lg)}.margin-right-xl{margin-right:3.25em;margin-right:var(--space-xl)}.margin-right-xxl{margin-right:5.25em;margin-right:var(--space-xxl)}.margin-right-xxxl{margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-right-xxxxl{margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-right-auto{margin-right:auto}.margin-left-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs)}.margin-left-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs)}.margin-left-xxs{margin-left:0.375em;margin-left:var(--space-xxs)}.margin-left-xs{margin-left:0.5em;margin-left:var(--space-xs)}.margin-left-sm{margin-left:0.75em;margin-left:var(--space-sm)}.margin-left-md{margin-left:1.25em;margin-left:var(--space-md)}.margin-left-lg{margin-left:2em;margin-left:var(--space-lg)}.margin-left-xl{margin-left:3.25em;margin-left:var(--space-xl)}.margin-left-xxl{margin-left:5.25em;margin-left:var(--space-xxl)}.margin-left-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl)}.margin-left-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl)}.margin-left-auto{margin-left:auto}.margin-x-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs);margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-x-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-x-xxs{margin-left:0.375em;margin-left:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.margin-x-xs{margin-left:0.5em;margin-left:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.margin-x-sm{margin-left:0.75em;margin-left:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.margin-x-md{margin-left:1.25em;margin-left:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.margin-x-lg{margin-left:2em;margin-left:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.margin-x-xl{margin-left:3.25em;margin-left:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.margin-x-xxl{margin-left:5.25em;margin-left:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-x-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl);margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-x-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl);margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-y-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs);margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-y-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs);margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-y-xxs{margin-top:0.375em;margin-top:var(--space-xxs);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-y-xs{margin-top:0.5em;margin-top:var(--space-xs);margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-y-sm{margin-top:0.75em;margin-top:var(--space-sm);margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-y-md{margin-top:1.25em;margin-top:var(--space-md);margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-y-lg{margin-top:2em;margin-top:var(--space-lg);margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-y-xl{margin-top:3.25em;margin-top:var(--space-xl);margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-y-xxl{margin-top:5.25em;margin-top:var(--space-xxl);margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-y-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl);margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-y-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl);margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-y-auto{margin-top:auto;margin-bottom:auto}@media not all and (min-width: 32rem){.has-margin\@xs{margin:0 !important}}@media not all and (min-width: 48rem){.has-margin\@sm{margin:0 !important}}@media not all and (min-width: 64rem){.has-margin\@md{margin:0 !important}}@media not all and (min-width: 80rem){.has-margin\@lg{margin:0 !important}}@media not all and (min-width: 90rem){.has-margin\@xl{margin:0 !important}}.padding-md{padding:1.25em;padding:var(--space-md)}.padding-xxxxs{padding:0.125em;padding:var(--space-xxxxs)}.padding-xxxs{padding:0.25em;padding:var(--space-xxxs)}.padding-xxs{padding:0.375em;padding:var(--space-xxs)}.padding-xs{padding:0.5em;padding:var(--space-xs)}.padding-sm{padding:0.75em;padding:var(--space-sm)}.padding-lg{padding:2em;padding:var(--space-lg)}.padding-xl{padding:3.25em;padding:var(--space-xl)}.padding-xxl{padding:5.25em;padding:var(--space-xxl)}.padding-xxxl{padding:8.5em;padding:var(--space-xxxl)}.padding-xxxxl{padding:13.75em;padding:var(--space-xxxxl)}.padding-component{padding:1.25em;padding:var(--component-padding)}.padding-top-md{padding-top:1.25em;padding-top:var(--space-md)}.padding-top-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs)}.padding-top-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs)}.padding-top-xxs{padding-top:0.375em;padding-top:var(--space-xxs)}.padding-top-xs{padding-top:0.5em;padding-top:var(--space-xs)}.padding-top-sm{padding-top:0.75em;padding-top:var(--space-sm)}.padding-top-lg{padding-top:2em;padding-top:var(--space-lg)}.padding-top-xl{padding-top:3.25em;padding-top:var(--space-xl)}.padding-top-xxl{padding-top:5.25em;padding-top:var(--space-xxl)}.padding-top-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl)}.padding-top-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl)}.padding-top-component{padding-top:1.25em;padding-top:var(--component-padding)}.padding-bottom-md{padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-bottom-xxxxs{padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs{padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-bottom-xxs{padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-bottom-xs{padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-bottom-lg{padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-bottom-xxxl{padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl{padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-bottom-component{padding-bottom:1.25em;padding-bottom:var(--component-padding)}.padding-right-md{padding-right:1.25em;padding-right:var(--space-md)}.padding-right-xxxxs{padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-right-xxxs{padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-right-xxs{padding-right:0.375em;padding-right:var(--space-xxs)}.padding-right-xs{padding-right:0.5em;padding-right:var(--space-xs)}.padding-right-sm{padding-right:0.75em;padding-right:var(--space-sm)}.padding-right-lg{padding-right:2em;padding-right:var(--space-lg)}.padding-right-xl{padding-right:3.25em;padding-right:var(--space-xl)}.padding-right-xxl{padding-right:5.25em;padding-right:var(--space-xxl)}.padding-right-xxxl{padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-right-xxxxl{padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-right-component{padding-right:1.25em;padding-right:var(--component-padding)}.padding-left-md{padding-left:1.25em;padding-left:var(--space-md)}.padding-left-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs)}.padding-left-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs)}.padding-left-xxs{padding-left:0.375em;padding-left:var(--space-xxs)}.padding-left-xs{padding-left:0.5em;padding-left:var(--space-xs)}.padding-left-sm{padding-left:0.75em;padding-left:var(--space-sm)}.padding-left-lg{padding-left:2em;padding-left:var(--space-lg)}.padding-left-xl{padding-left:3.25em;padding-left:var(--space-xl)}.padding-left-xxl{padding-left:5.25em;padding-left:var(--space-xxl)}.padding-left-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl)}.padding-left-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl)}.padding-left-component{padding-left:1.25em;padding-left:var(--component-padding)}.padding-x-md{padding-left:1.25em;padding-left:var(--space-md);padding-right:1.25em;padding-right:var(--space-md)}.padding-x-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs);padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-x-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs);padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-x-xxs{padding-left:0.375em;padding-left:var(--space-xxs);padding-right:0.375em;padding-right:var(--space-xxs)}.padding-x-xs{padding-left:0.5em;padding-left:var(--space-xs);padding-right:0.5em;padding-right:var(--space-xs)}.padding-x-sm{padding-left:0.75em;padding-left:var(--space-sm);padding-right:0.75em;padding-right:var(--space-sm)}.padding-x-lg{padding-left:2em;padding-left:var(--space-lg);padding-right:2em;padding-right:var(--space-lg)}.padding-x-xl{padding-left:3.25em;padding-left:var(--space-xl);padding-right:3.25em;padding-right:var(--space-xl)}.padding-x-xxl{padding-left:5.25em;padding-left:var(--space-xxl);padding-right:5.25em;padding-right:var(--space-xxl)}.padding-x-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl);padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-x-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl);padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-x-component{padding-left:1.25em;padding-left:var(--component-padding);padding-right:1.25em;padding-right:var(--component-padding)}.padding-y-md{padding-top:1.25em;padding-top:var(--space-md);padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-y-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs);padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-y-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs);padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-y-xxs{padding-top:0.375em;padding-top:var(--space-xxs);padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-y-xs{padding-top:0.5em;padding-top:var(--space-xs);padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-y-sm{padding-top:0.75em;padding-top:var(--space-sm);padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-y-lg{padding-top:2em;padding-top:var(--space-lg);padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-y-xl{padding-top:3.25em;padding-top:var(--space-xl);padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-y-xxl{padding-top:5.25em;padding-top:var(--space-xxl);padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-y-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl);padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-y-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl);padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-y-component{padding-top:1.25em;padding-top:var(--component-padding);padding-bottom:1.25em;padding-bottom:var(--component-padding)}@media not all and (min-width: 32rem){.has-padding\@xs{padding:0 !important}}@media not all and (min-width: 48rem){.has-padding\@sm{padding:0 !important}}@media not all and (min-width: 64rem){.has-padding\@md{padding:0 !important}}@media not all and (min-width: 80rem){.has-padding\@lg{padding:0 !important}}@media not all and (min-width: 90rem){.has-padding\@xl{padding:0 !important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width: 32rem){.text-center\@xs{text-align:center}.text-left\@xs{text-align:left}.text-right\@xs{text-align:right}}@media (min-width: 48rem){.text-center\@sm{text-align:center}.text-left\@sm{text-align:left}.text-right\@sm{text-align:right}}@media (min-width: 64rem){.text-center\@md{text-align:center}.text-left\@md{text-align:left}.text-right\@md{text-align:right}}@media (min-width: 80rem){.text-center\@lg{text-align:center}.text-left\@lg{text-align:left}.text-right\@lg{text-align:right}}@media (min-width: 90rem){.text-center\@xl{text-align:center}.text-left\@xl{text-align:left}.text-right\@xl{text-align:right}}.color-inherit{color:inherit}.color-contrast-medium{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.color-contrast-high{color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}.color-contrast-higher{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.color-primary{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4)}.color-accent{color:hsl(355, 90%, 61%);color:var(--color-accent, #f54251)}.color-success{color:hsl(94, 48%, 56%);color:var(--color-success, #88c559)}.color-warning{color:hsl(46, 100%, 61%);color:var(--color-warning, #ffd138)}.color-error{color:hsl(355, 90%, 61%);color:var(--color-error, #f54251)}.width-100\%{width:100%}.height-100\%{height:100%}.media-wrapper{position:relative;height:0;padding-bottom:56.25%}.media-wrapper iframe,.media-wrapper video,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.media-wrapper video,.media-wrapper img{-o-object-fit:cover;object-fit:cover}.media-wrapper--4\:3{padding-bottom:75%}:root,[data-theme="default"]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%}@supports (--css: variables){@media (min-width: 64rem){:root{--space-unit: 1.25em}}}:root{--radius: 0.25em}:root{--font-primary: sans-serif;--text-base-size: 1em;--text-scale-ratio: 1.2;--text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));--text-sm: calc(var(--text-xs)*var(--text-scale-ratio));--text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));--text-lg: calc(var(--text-md)*var(--text-scale-ratio));--text-xl: calc(var(--text-lg)*var(--text-scale-ratio));--text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));--text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));--body-line-height: 1.4;--heading-line-height: 1.2;--font-primary-capital-letter: 1}@supports (--css: variables){@media (min-width: 64rem){:root{--text-base-size: 1.25em;--text-scale-ratio: 1.25}}}mark{background-color:hsla(355, 90%, 61%, 0.2);background-color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);color:inherit}.text-component{--line-height-multiplier: 1;--text-vspace-multiplier: 1}.text-component blockquote{padding-left:1em;border-left:4px solid hsl(240, 1%, 83%);border-left:4px solid var(--color-contrast-low)}.text-component hr{background:hsl(240, 1%, 83%);background:var(--color-contrast-low);height:1px}.text-component figcaption{font-size:0.83333em;font-size:var(--text-sm);color:hsl(240, 1%, 48%);color:var(--color-contrast-medium)}.article.text-component{--line-height-multiplier: 1.13;--text-vspace-multiplier: 1.2}:root{--btn-font-size: 1em;--btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);--btn-font-size-md: calc(var(--btn-font-size) + 0.2em);--btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);--btn-radius: 0.25em;--btn-padding-x: var(--space-sm);--btn-padding-y: var(--space-xs)}.btn{--color-shadow: hsla(240, 8%, 12%, 0.15);--color-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);box-shadow:0 4px 16px hsla(240, 8%, 12%, 0.15);box-shadow:0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);cursor:pointer}.btn--primary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--accent{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--disabled{opacity:0.6}:root{--form-control-padding-x: var(--space-sm);--form-control-padding-y: var(--space-xs);--form-control-radius: 0.25em}.form-control{border:2px solid hsl(240, 1%, 83%);border:2px solid var(--color-contrast-low)}.form-control:focus{outline:none;border-color:hsl(220, 90%, 56%);border-color:var(--color-primary);--color-shadow: hsla(220, 90%, 56%, 0.2);--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control:focus:focus{box-shadow:0 0 0 3px hsla(220, 90%, 56%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]{border-color:hsl(355, 90%, 61%);border-color:var(--color-error)}.form-control[aria-invalid="true"]:focus{--color-shadow: hsla(355, 90%, 61%, 0.2);--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]:focus:focus{box-shadow:0 0 0 3px hsla(355, 90%, 61%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-label{font-size:0.83333em;font-size:var(--text-sm)}:root{--cd-color-event-1:hsl(199, 25%, 46%);--cd-color-event-1-h:199;--cd-color-event-1-s:25%;--cd-color-event-1-l:46%;--cd-color-event-2:hsl(271, 23%, 26%);--cd-color-event-2-h:271;--cd-color-event-2-s:23%;--cd-color-event-2-l:26%;--cd-color-event-3:hsl(162, 14%, 68%);--cd-color-event-3-h:162;--cd-color-event-3-s:14%;--cd-color-event-3-l:68%;--cd-color-event-4:hsl(31, 89%, 68%);--cd-color-event-4-h:31;--cd-color-event-4-s:89%;--cd-color-event-4-l:68%;--cd-color-text:hsl(0, 0%, 13%);--cd-color-text-h:0;--cd-color-text-s:0%;--cd-color-text-l:13%;--cd-color-border:hsl(0, 0%, 92%);--cd-color-border-h:0;--cd-color-border-s:0%;--cd-color-border-l:92%;--font-primary: 'Source Sans Pro', sans-serif;--schedule-rows-number: 19;--schedule-rows-height: 50px}body{color:hsl(0, 0%, 13%);color:var(--cd-color-text)}a{color:hsl(162, 14%, 68%);color:var(--cd-color-event-3)}.cd-schedule{position:relative}.cd-schedule::before{content:'mobile';display:none}@media (min-width: 64rem){.js .cd-schedule{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto;max-width:90rem;max-width:var(--max-width-xl)}.js .cd-schedule::before{content:'desktop'}}.cd-schedule__timeline{display:none}@media (min-width: 64rem){.js .cd-schedule__timeline{display:block;position:absolute;top:0;left:0;height:100%;width:100%;padding-top:50px;padding-top:var(--schedule-rows-height)}.js .cd-schedule__timeline li{position:relative;height:50px;height:var(--schedule-rows-height)}.js .cd-schedule__timeline li::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:hsl(0, 0%, 92%);background:var(--cd-color-border)}.js .cd-schedule__timeline li:last-of-type::after{display:none}.js .cd-schedule__timeline li span{display:none}}@media (min-width: 80rem){.js .cd-schedule__timeline li::after{width:calc(100% - 60px);left:60px}.js .cd-schedule__timeline li span{display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:0.83333em;font-size:var(--text-sm)}.js .cd-schedule__timeline li:nth-of-type(2n) span{display:none}}.cd-schedule__events{position:relative;z-index:1}@media (min-width: 64rem){.js .cd-schedule__events{width:100%}.js .cd-schedule__events>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media (min-width: 80rem){.js .cd-schedule__events{width:calc(100% - 60px);margin-left:60px}}.cd-schedule__group{margin-bottom:2em;margin-bottom:var(--space-lg)}@media (min-width: 64rem){.js .cd-schedule__group{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;border:1px solid hsl(0, 0%, 92%);border:1px solid var(--cd-color-border);margin-bottom:0}.js .cd-schedule__group:not(:first-of-type){border-left-width:0}}.cd-schedule__group>ul{position:relative;padding:0 1.25em;padding:0 var(--component-padding);display:-ms-flexbox;display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch}.cd-schedule__group>ul::after{display:inline-block;content:'-';width:1px;height:100%;opacity:0;color:transparent}@media (min-width: 64rem){.js .cd-schedule__group>ul{height:950px;height:calc(var(--schedule-rows-height)*var(--schedule-rows-number));overflow:visible;padding:0}.js .cd-schedule__group>ul::after{display:none}}.cd-schedule__top-info{width:100%;padding:0 1.25em;padding:0 var(--component-padding)}.cd-schedule__top-info>span{display:inline-block;margin-bottom:0.75em;margin-bottom:var(--space-sm);font-weight:bold}@media (min-width: 64rem){.js .cd-schedule__top-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:50px;height:var(--schedule-rows-height);border-bottom:1px solid hsl(0, 0%, 92%);border-bottom:1px solid var(--cd-color-border);padding:0}.js .cd-schedule__top-info>span{font-weight:normal;font-size:0.83333em;font-size:var(--text-sm);margin-bottom:0}}.cd-schedule__event{-ms-flex-negative:0;flex-shrink:0;float:left;height:150px;width:70%;max-width:300px;margin-right:1.25em;margin-right:var(--space-md);transition:opacity .2s, background .2s}.cd-schedule__event a{display:block;height:100%;padding:0.75em;padding:var(--space-sm);box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2);text-decoration:none}.cd-schedule__event a::before{content:attr(data-start) " - " attr(data-end)}@media (min-width: 48rem){.js .cd-schedule__event{width:40%}}@media (min-width: 64rem){.js .cd-schedule__event{position:absolute;z-index:3;width:calc(100% + 2px);left:-1px;max-width:none;margin-right:0}.js .cd-schedule__event a{padding:0.75em;padding:var(--space-sm);box-shadow:0 10px 20px rgba(0,0,0,0.1),inset 0 -3px 0 rgba(0,0,0,0.2)}}@media (min-width: 64rem){.js .cd-schedule__event--selected{visibility:hidden}.js .cd-schedule--loading .cd-schedule__event{opacity:0}}.cd-schedule__name,.cd-schedule__event a::before,.cd-schedule-modal__name,.cd-schedule-modal__date{display:block;color:hsl(0, 0%, 100%);color:var(--color-white);font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cd-schedule__name,.cd-schedule-modal__name{font-size:1.44em;font-size:var(--text-lg)}@media (min-width: 64rem){.cd-schedule__name,.cd-schedule-modal__name{font-size:1em;font-size:calc(var(--text-sm)*1.2)}}.cd-schedule-modal__date,.cd-schedule__event a::before{opacity:.7;margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}@media (min-width: 64rem){.cd-schedule-modal__date,.cd-schedule__event a::before{font-size:0.72916em;font-size:calc(var(--text-xs)*1.05);margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}}.cd-schedule__event [data-event="event-1"],.cd-schedule-modal[data-event="event-1"] .cd-schedule-modal__header-bg{background:hsl(199, 25%, 46%);background:var(--cd-color-event-1)}.cd-schedule__event [data-event="event-2"],.cd-schedule-modal[data-event="event-2"] .cd-schedule-modal__header-bg{background:hsl(271, 23%, 26%);background:var(--cd-color-event-2)}.cd-schedule__event [data-event="event-3"],.cd-schedule-modal[data-event="event-3"] .cd-schedule-modal__header-bg{background:hsl(162, 14%, 68%);background:var(--cd-color-event-3)}.cd-schedule__event [data-event="event-4"],.cd-schedule-modal[data-event="event-4"] .cd-schedule-modal__header-bg{background:hsl(31, 89%, 68%);background:var(--cd-color-event-4)}.cd-schedule-modal{position:fixed;z-index:3;top:0;right:0;height:100%;width:100%;visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);transition:visibility .4s, -webkit-transform .4s;transition:transform .4s, visibility .4s;transition:transform .4s, visibility .4s, -webkit-transform .4s;transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1)}@media (min-width: 64rem){.cd-schedule-modal{right:auto;width:auto;height:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);will-change:transform, width, height;transition:height .4s, width .4s, visibility .4s, -webkit-transform .4s;transition:height .4s, width .4s, transform .4s, visibility .4s;transition:height .4s, width .4s, transform .4s, visibility .4s, -webkit-transform .4s;transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1)}}.cd-schedule-modal__header{position:relative;height:70px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;width:100%}@media (min-width: 64rem){.cd-schedule-modal__header{position:absolute;display:block;top:0;left:0;height:100%}}.cd-schedule-modal__content{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0.75em 1.25em;padding:var(--space-sm) var(--component-padding)}@media (min-width: 64rem){.cd-schedule-modal__content{display:block;padding:0.75em;padding:var(--space-sm)}}.cd-schedule-modal__body{position:relative;width:100%;height:calc(100% - 70px)}@media (min-width: 64rem){.cd-schedule-modal__body{height:100%;width:auto}}.cd-schedule-modal__event-info{position:relative;z-index:2;line-height:1.4;line-height:var(--body-line-height);height:100%;overflow:hidden;font-size:1em;font-size:calc(var(--text-sm)*1.2)}.cd-schedule-modal__event-info>div{overflow:auto;height:100%;padding:1.25em 1.25em;padding:var(--space-md) var(--component-padding)}@media (min-width: 64rem){.cd-schedule-modal__event-info{opacity:0;font-size:0.83333em;font-size:var(--text-sm)}.cd-schedule-modal__event-info>div{padding:1.625em 2.4em 1.625em 1.625em;padding:calc(var(--space-md)*1.3) calc(var(--space-lg)*1.2) calc(var(--space-md)*1.3) calc(var(--space-md)*1.3)}}.cd-schedule-modal__header-bg,.cd-schedule-modal__body-bg{position:absolute;top:0;left:0;height:100%;width:100%}@media (min-width: 64rem){.cd-schedule-modal__header-bg,.cd-schedule-modal__body-bg{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}}.cd-schedule-modal__header-bg{z-index:2;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}@media (min-width: 64rem){.cd-schedule-modal__header-bg{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1)}}.cd-schedule-modal__body-bg{z-index:1;background:hsl(0, 0%, 100%);background:var(--color-white);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (min-width: 64rem){.cd-schedule-modal__body-bg{opacity:0;-webkit-transform:none;-ms-transform:none;transform:none}}.cd-schedule-modal--no-transition{transition:none}.cd-schedule-modal--no-transition .cd-schedule-modal__header-bg,.cd-schedule-modal--no-transition .cd-schedule-modal__body-bg{transition:none !important}.cd-schedule-modal__date{display:none}@media (min-width: 64rem){.cd-schedule-modal__date{display:block}}.cd-schedule-modal__close{position:absolute;z-index:3;top:0;right:0;height:70px;width:70px;background:hsla(240, 8%, 12%, 0.1);background:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1)}.cd-schedule-modal__close::before,.cd-schedule-modal__close::after{content:'';position:absolute;top:50%;left:50%;width:2px;height:22px;background:hsl(0, 0%, 100%);background:var(--color-white);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-schedule-modal__close::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.cd-schedule-modal__close::after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}@media (min-width: 64rem){.cd-schedule-modal__close{width:40px;height:40px;background:transparent;opacity:0}.cd-schedule-modal__close::after,.cd-schedule-modal__close::before{background:hsl(0, 0%, 13%);background:var(--cd-color-text);height:16px}}.cd-schedule-modal--open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}.cd-schedule-modal--open .cd-schedule-modal__event-info>div{-webkit-overflow-scrolling:touch}@media (min-width: 64rem){.cd-schedule-modal--animation-completed .cd-schedule-modal__close,.cd-schedule-modal--content-loaded.cd-schedule-modal--animation-completed .cd-schedule-modal__event-info{opacity:1;transition:opacity .2s}.cd-schedule-modal--open .cd-schedule-modal__body-bg{opacity:1;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1)}}.cd-schedule__cover-layer{position:fixed;z-index:2;top:0;left:0;height:100%;width:100%;background:hsla(240, 8%, 12%, 0.8);background:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);opacity:0;visibility:hidden;transition:opacity .4s, visibility .4s}.cd-schedule-modal--open+.cd-schedule__cover-layer{opacity:1;visibility:visible}.cd-main-header h1{color:hsl(0, 0%, 13%);color:var(--cd-color-text);font-weight:700}.cd-article-link{font-size:0.83333em;font-size:var(--text-sm);transition:opacity .2s}.cd-article-link:hover{opacity:0.8} +@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600"); + *, *::after, *::before { + box-sizing: inherit; +} + * { + font: inherit; +} + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { + margin: 0; + padding: 0; + border: 0; +} + html { + box-sizing: border-box; +} + body { + background-color: var(--color-bg, white); +} + article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, form legend { + display: block; +} + ol, ul { + list-style: none; +} + blockquote, q { + quotes: none; +} + button, input, textarea, select { + margin: 0; +} + .btn, .form-control, .link, .reset { + background-color: transparent; + padding: 0; + border: 0; + border-radius: 0; + color: inherit; + line-height: inherit; + appearance: none; +} + select.form-control::-ms-expand { + display: none; +} + textarea { + resize: vertical; + overflow: auto; + vertical-align: top; +} + input::-ms-clear { + display: none; +} + table { + border-collapse: collapse; + border-spacing: 0; +} + img, video, svg { + max-width: 100%; +} + [data-theme] { + background-color: var(--color-bg, white); + color: var(--color-contrast-high, #313135); +} + :root { + --space-unit: 1em; +} + :root, * { + --space-xxxxs: calc(0.125 * var(--space-unit)); + --space-xxxs: calc(0.25 * var(--space-unit)); + --space-xxs: calc(0.375 * var(--space-unit)); + --space-xs: calc(0.5 * var(--space-unit)); + --space-sm: calc(0.75 * var(--space-unit)); + --space-md: calc(1.25 * var(--space-unit)); + --space-lg: calc(2 * var(--space-unit)); + --space-xl: calc(3.25 * var(--space-unit)); + --space-xxl: calc(5.25 * var(--space-unit)); + --space-xxxl: calc(8.5 * var(--space-unit)); + --space-xxxxl: calc(13.75 * var(--space-unit)); + --component-padding: var(--space-md); +} + .container { + width: calc(100% - 2*var(--component-padding)); + margin-left: auto; + margin-right: auto; +} + .grid { + --gap: 0px; + --offset: var(--gap); + display: flex; + flex-wrap: wrap; +} + .grid > * { + flex-basis: 100%; + max-width: 100%; + min-width: 0; +} + @supports (--css: variables) { + .grid > *[class*="offset-"] { + margin-left: var(--offset); + } +} + [class*="gap-xxxxs"], [class*="gap-xxxs"], [class*="gap-xxs"], [class*="gap-xs"], [class*="gap-sm"], [class*="gap-md"], [class*="gap-lg"], [class*="gap-xl"], [class*="gap-xxl"], [class*="gap-xxxl"], [class*="gap-xxxxl"], [class*="grid-gap-"], [class*="flex-gap-"] { + margin-bottom: -0.75em; + margin-left: -0.75em; +} + [class*="gap-xxxxs"] > *, [class*="gap-xxxs"] > *, [class*="gap-xxs"] > *, [class*="gap-xs"] > *, [class*="gap-sm"] > *, [class*="gap-md"] > *, [class*="gap-lg"] > *, [class*="gap-xl"] > *, [class*="gap-xxl"] > *, [class*="gap-xxxl"] > *, [class*="gap-xxxxl"] > *, [class*="grid-gap-"] > *, [class*="flex-gap-"] > * { + margin-bottom: 0.75em; + margin-left: 0.75em; +} + @supports (--css: variables) { + [class*="gap-xxxxs"], [class*="gap-xxxs"], [class*="gap-xxs"], [class*="gap-xs"], [class*="gap-sm"], [class*="gap-md"], [class*="gap-lg"], [class*="gap-xl"], [class*="gap-xxl"], [class*="gap-xxxl"], [class*="gap-xxxxl"], [class*="grid-gap-"], [class*="flex-gap-"] { + --gap: 0px; + --offset: var(--gap); + margin-bottom: calc(-1 * var(--gap)); + margin-left: calc(-1 * var(--gap)); + } + [class*="gap-xxxxs"] > *, [class*="gap-xxxs"] > *, [class*="gap-xxs"] > *, [class*="gap-xs"] > *, [class*="gap-sm"] > *, [class*="gap-md"] > *, [class*="gap-lg"] > *, [class*="gap-xl"] > *, [class*="gap-xxl"] > *, [class*="gap-xxxl"] > *, [class*="gap-xxxxl"] > *, [class*="grid-gap-"] > *, [class*="flex-gap-"] > * { + margin-bottom: var(--gap); + margin-left: var(--offset); + } + .gap-xxxxs, .grid-gap-xxxxs, .flex-gap-xxxxs { + --gap: var(--space-xxxxs); + } + .gap-xxxs, .grid-gap-xxxs, .flex-gap-xxxs { + --gap: var(--space-xxxs); + } + .gap-xxs, .grid-gap-xxs, .flex-gap-xxs { + --gap: var(--space-xxs); + } + .gap-xs, .grid-gap-xs, .flex-gap-xs { + --gap: var(--space-xs); + } + .gap-sm, .grid-gap-sm, .flex-gap-sm { + --gap: var(--space-sm); + } + .gap-md, .grid-gap-md, .flex-gap-md { + --gap: var(--space-md); + } + .gap-lg, .grid-gap-lg, .flex-gap-lg { + --gap: var(--space-lg); + } + .gap-xl, .grid-gap-xl, .flex-gap-xl { + --gap: var(--space-xl); + } + .gap-xxl, .grid-gap-xxl, .flex-gap-xxl { + --gap: var(--space-xxl); + } + .gap-xxxl, .grid-gap-xxxl, .flex-gap-xxxl { + --gap: var(--space-xxxl); + } + .gap-xxxxl, .grid-gap-xxxxl, .flex-gap-xxxxl { + --gap: var(--space-xxxxl); + } +} + .col { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; +} + .col-1 { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); +} + .col-2 { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); +} + .col-3 { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); +} + .col-4 { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); +} + .col-5 { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); +} + .col-6 { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); +} + .col-7 { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); +} + .col-8 { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); +} + .col-9 { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); +} + .col-10 { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); +} + .col-11 { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); +} + .col-12 { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); +} + .col-content { + flex-grow: 0; + flex-basis: initial; + max-width: initial; +} + .offset-1 { + --offset: calc(8.33% + var(--gap, 0.75em)); +} + .offset-2 { + --offset: calc(16.66% + var(--gap, 0.75em)); +} + .offset-3 { + --offset: calc(25% + var(--gap, 0.75em)); +} + .offset-4 { + --offset: calc(33.33% + var(--gap, 0.75em)); +} + .offset-5 { + --offset: calc(41.66% + var(--gap, 0.75em)); +} + .offset-6 { + --offset: calc(50% + var(--gap, 0.75em)); +} + .offset-7 { + --offset: calc(58.33% + var(--gap, 0.75em)); +} + .offset-8 { + --offset: calc(66.66% + var(--gap, 0.75em)); +} + .offset-9 { + --offset: calc(75% + var(--gap, 0.75em)); +} + .offset-10 { + --offset: calc(83.33% + var(--gap, 0.75em)); +} + .offset-11 { + --offset: calc(91.66% + var(--gap, 0.75em)); +} + @media (min-width: 32rem) { + .col\@xs { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + .col-1\@xs { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + .col-2\@xs { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + .col-3\@xs { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + .col-4\@xs { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + .col-5\@xs { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + .col-6\@xs { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + .col-7\@xs { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + .col-8\@xs { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + .col-9\@xs { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + .col-10\@xs { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + .col-11\@xs { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + .col-12\@xs { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + .col-content\@xs { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + .offset-1\@xs { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + .offset-2\@xs { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + .offset-3\@xs { + --offset: calc(25% + var(--gap, 0.75em)); + } + .offset-4\@xs { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + .offset-5\@xs { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + .offset-6\@xs { + --offset: calc(50% + var(--gap, 0.75em)); + } + .offset-7\@xs { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + .offset-8\@xs { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + .offset-9\@xs { + --offset: calc(75% + var(--gap, 0.75em)); + } + .offset-10\@xs { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + .offset-11\@xs { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + @supports (--css: variables) { + .gap-xxxxs\@xs { + --gap: var(--space-xxxxs); + } + .gap-xxxs\@xs { + --gap: var(--space-xxxs); + } + .gap-xxs\@xs { + --gap: var(--space-xxs); + } + .gap-xs\@xs { + --gap: var(--space-xs); + } + .gap-sm\@xs { + --gap: var(--space-sm); + } + .gap-md\@xs { + --gap: var(--space-md); + } + .gap-lg\@xs { + --gap: var(--space-lg); + } + .gap-xl\@xs { + --gap: var(--space-xl); + } + .gap-xxl\@xs { + --gap: var(--space-xxl); + } + .gap-xxxl\@xs { + --gap: var(--space-xxxl); + } + .gap-xxxxl\@xs { + --gap: var(--space-xxxxl); + } + .gap-0\@xs { + --gap: 0px; + } + } +} + @media (min-width: 48rem) { + .col\@sm { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + .col-1\@sm { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + .col-2\@sm { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + .col-3\@sm { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + .col-4\@sm { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + .col-5\@sm { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + .col-6\@sm { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + .col-7\@sm { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + .col-8\@sm { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + .col-9\@sm { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + .col-10\@sm { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + .col-11\@sm { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + .col-12\@sm { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + .col-content\@sm { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + .offset-1\@sm { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + .offset-2\@sm { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + .offset-3\@sm { + --offset: calc(25% + var(--gap, 0.75em)); + } + .offset-4\@sm { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + .offset-5\@sm { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + .offset-6\@sm { + --offset: calc(50% + var(--gap, 0.75em)); + } + .offset-7\@sm { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + .offset-8\@sm { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + .offset-9\@sm { + --offset: calc(75% + var(--gap, 0.75em)); + } + .offset-10\@sm { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + .offset-11\@sm { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + @supports (--css: variables) { + .gap-xxxxs\@sm { + --gap: var(--space-xxxxs); + } + .gap-xxxs\@sm { + --gap: var(--space-xxxs); + } + .gap-xxs\@sm { + --gap: var(--space-xxs); + } + .gap-xs\@sm { + --gap: var(--space-xs); + } + .gap-sm\@sm { + --gap: var(--space-sm); + } + .gap-md\@sm { + --gap: var(--space-md); + } + .gap-lg\@sm { + --gap: var(--space-lg); + } + .gap-xl\@sm { + --gap: var(--space-xl); + } + .gap-xxl\@sm { + --gap: var(--space-xxl); + } + .gap-xxxl\@sm { + --gap: var(--space-xxxl); + } + .gap-xxxxl\@sm { + --gap: var(--space-xxxxl); + } + .gap-0\@sm { + --gap: 0px; + } + } +} + @media (min-width: 64rem) { + .col\@md { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + .col-1\@md { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + .col-2\@md { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + .col-3\@md { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + .col-4\@md { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + .col-5\@md { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + .col-6\@md { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + .col-7\@md { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + .col-8\@md { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + .col-9\@md { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + .col-10\@md { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + .col-11\@md { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + .col-12\@md { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + .col-content\@md { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + .offset-1\@md { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + .offset-2\@md { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + .offset-3\@md { + --offset: calc(25% + var(--gap, 0.75em)); + } + .offset-4\@md { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + .offset-5\@md { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + .offset-6\@md { + --offset: calc(50% + var(--gap, 0.75em)); + } + .offset-7\@md { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + .offset-8\@md { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + .offset-9\@md { + --offset: calc(75% + var(--gap, 0.75em)); + } + .offset-10\@md { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + .offset-11\@md { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + @supports (--css: variables) { + .gap-xxxxs\@md { + --gap: var(--space-xxxxs); + } + .gap-xxxs\@md { + --gap: var(--space-xxxs); + } + .gap-xxs\@md { + --gap: var(--space-xxs); + } + .gap-xs\@md { + --gap: var(--space-xs); + } + .gap-sm\@md { + --gap: var(--space-sm); + } + .gap-md\@md { + --gap: var(--space-md); + } + .gap-lg\@md { + --gap: var(--space-lg); + } + .gap-xl\@md { + --gap: var(--space-xl); + } + .gap-xxl\@md { + --gap: var(--space-xxl); + } + .gap-xxxl\@md { + --gap: var(--space-xxxl); + } + .gap-xxxxl\@md { + --gap: var(--space-xxxxl); + } + .gap-0\@md { + --gap: 0px; + } + } +} + @media (min-width: 80rem) { + .col\@lg { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + .col-1\@lg { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + .col-2\@lg { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + .col-3\@lg { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + .col-4\@lg { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + .col-5\@lg { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + .col-6\@lg { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + .col-7\@lg { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + .col-8\@lg { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + .col-9\@lg { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + .col-10\@lg { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + .col-11\@lg { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + .col-12\@lg { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + .col-content\@lg { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + .offset-1\@lg { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + .offset-2\@lg { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + .offset-3\@lg { + --offset: calc(25% + var(--gap, 0.75em)); + } + .offset-4\@lg { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + .offset-5\@lg { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + .offset-6\@lg { + --offset: calc(50% + var(--gap, 0.75em)); + } + .offset-7\@lg { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + .offset-8\@lg { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + .offset-9\@lg { + --offset: calc(75% + var(--gap, 0.75em)); + } + .offset-10\@lg { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + .offset-11\@lg { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + @supports (--css: variables) { + .gap-xxxxs\@lg { + --gap: var(--space-xxxxs); + } + .gap-xxxs\@lg { + --gap: var(--space-xxxs); + } + .gap-xxs\@lg { + --gap: var(--space-xxs); + } + .gap-xs\@lg { + --gap: var(--space-xs); + } + .gap-sm\@lg { + --gap: var(--space-sm); + } + .gap-md\@lg { + --gap: var(--space-md); + } + .gap-lg\@lg { + --gap: var(--space-lg); + } + .gap-xl\@lg { + --gap: var(--space-xl); + } + .gap-xxl\@lg { + --gap: var(--space-xxl); + } + .gap-xxxl\@lg { + --gap: var(--space-xxxl); + } + .gap-xxxxl\@lg { + --gap: var(--space-xxxxl); + } + .gap-0\@lg { + --gap: 0px; + } + } +} + @media (min-width: 90rem) { + .col\@xl { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + .col-1\@xl { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + .col-2\@xl { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + .col-3\@xl { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + .col-4\@xl { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + .col-5\@xl { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + .col-6\@xl { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + .col-7\@xl { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + .col-8\@xl { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + .col-9\@xl { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + .col-10\@xl { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + .col-11\@xl { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + .col-12\@xl { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + .col-content\@xl { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + .offset-1\@xl { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + .offset-2\@xl { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + .offset-3\@xl { + --offset: calc(25% + var(--gap, 0.75em)); + } + .offset-4\@xl { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + .offset-5\@xl { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + .offset-6\@xl { + --offset: calc(50% + var(--gap, 0.75em)); + } + .offset-7\@xl { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + .offset-8\@xl { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + .offset-9\@xl { + --offset: calc(75% + var(--gap, 0.75em)); + } + .offset-10\@xl { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + .offset-11\@xl { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + @supports (--css: variables) { + .gap-xxxxs\@xl { + --gap: var(--space-xxxxs); + } + .gap-xxxs\@xl { + --gap: var(--space-xxxs); + } + .gap-xxs\@xl { + --gap: var(--space-xxs); + } + .gap-xs\@xl { + --gap: var(--space-xs); + } + .gap-sm\@xl { + --gap: var(--space-sm); + } + .gap-md\@xl { + --gap: var(--space-md); + } + .gap-lg\@xl { + --gap: var(--space-lg); + } + .gap-xl\@xl { + --gap: var(--space-xl); + } + .gap-xxl\@xl { + --gap: var(--space-xxl); + } + .gap-xxxl\@xl { + --gap: var(--space-xxxl); + } + .gap-xxxxl\@xl { + --gap: var(--space-xxxxl); + } + .gap-0\@xl { + --gap: 0px; + } + } +} + :root { + --radius-sm: calc(var(--radius, 0.25em)/2); + --radius-md: var(--radius, 0.25em); + --radius-lg: calc(var(--radius, 0.25em)*2); + --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); + --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1); + --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12); + --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15); + --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2); + --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275); + --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); + --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); + --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); + --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); +} + :root { + --heading-line-height: 1.2; + --body-line-height: 1.4; +} + body { + font-size: var(--text-base-size, 1em); + font-family: var(--font-primary, sans-serif); + color: var(--color-contrast-high, #313135); +} + h1, h2, h3, h4 { + color: var(--color-contrast-higher, #1c1c21); + line-height: var(--heading-line-height, 1.2); +} + h1 { + font-size: var(--text-xxl, 2.074em); +} + h2 { + font-size: var(--text-xl, 1.728em); +} + h3 { + font-size: var(--text-lg, 1.44em); +} + h4 { + font-size: var(--text-md, 1.2em); +} + small { + font-size: var(--text-sm, 0.833em); +} + a, .link { + color: var(--color-primary, #2a6df4); + text-decoration: underline; +} + strong { + font-weight: bold; +} + s { + text-decoration: line-through; +} + u { + text-decoration: underline; +} + .text-component h1, .text-component h2, .text-component h3, .text-component h4 { + line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1)); + margin-bottom: calc(var(--space-unit) * 0.25 * var(--text-vspace-multiplier, 1)); +} + .text-component h2, .text-component h3, .text-component h4 { + margin-top: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); +} + .text-component p, .text-component blockquote, .text-component ul li, .text-component ol li { + line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); +} + .text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block { + margin-bottom: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); +} + .text-component ul, .text-component ol { + list-style-position: inside; +} + .text-component ul { + list-style-type: disc; +} + .text-component ol { + list-style-type: decimal; +} + .text-component img { + display: block; + margin: 0 auto; +} + .text-component figcaption { + text-align: center; + margin-top: calc(var(--space-unit) * 0.5); +} + .text-component em { + font-style: italic; +} + .text-component hr { + margin-top: calc(var(--space-unit) * var(--text-vspace-multiplier, 1)); + margin-bottom: calc(var(--space-unit) * var(--text-vspace-multiplier, 1)); + margin-left: auto; + margin-right: auto; +} + .text-component > *:first-child { + margin-top: 0; +} + .text-component > *:last-child { + margin-bottom: 0; +} + .text-component__block--full-width { + width: 100vw; + margin-left: calc(50% - 50vw); +} + @media (min-width: 48rem) { + .text-component__block--left, .text-component__block--right { + width: 45%; + } + .text-component__block--left img, .text-component__block--right img { + width: 100%; + } + .text-component__block--left { + float: left; + margin-right: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); + } + .text-component__block--right { + float: right; + margin-left: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); + } +} + @media (min-width: 90rem) { + .text-component__block--outset { + width: calc(100% + 10.5 * var(--space-unit)); + } + .text-component__block--outset img { + width: 100%; + } + .text-component__block--outset:not(.text-component__block--right) { + margin-left: calc(-5.25 * var(--space-unit)); + } + .text-component__block--left, .text-component__block--right { + width: 50%; + } + .text-component__block--right.text-component__block--outset { + margin-right: calc(-5.25 * var(--space-unit)); + } +} + :root { + --icon-xxxs: 8px; + --icon-xxs: 12px; + --icon-xs: 16px; + --icon-sm: 24px; + --icon-md: 32px; + --icon-lg: 48px; + --icon-xl: 64px; + --icon-xxl: 96px; + --icon-xxxl: 128px; +} + .icon { + display: inline-block; + color: inherit; + fill: currentColor; + height: 1em; + width: 1em; + line-height: 1; + flex-shrink: 0; + max-width: initial; +} + .icon--xxxs { + width: var(--icon-xxxs); + height: var(--icon-xxxs); +} + .icon--xxs { + width: var(--icon-xxs); + height: var(--icon-xxs); +} + .icon--xs { + width: var(--icon-xs); + height: var(--icon-xs); +} + .icon--sm { + width: var(--icon-sm); + height: var(--icon-sm); +} + .icon--md { + width: var(--icon-md); + height: var(--icon-md); +} + .icon--lg { + width: var(--icon-lg); + height: var(--icon-lg); +} + .icon--xl { + width: var(--icon-xl); + height: var(--icon-xl); +} + .icon--xxl { + width: var(--icon-xxl); + height: var(--icon-xxl); +} + .icon--xxxl { + width: var(--icon-xxxl); + height: var(--icon-xxxl); +} + .icon--is-spinning { + animation: icon-spin 1s infinite linear; +} + @keyframes icon-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + .icon use { + color: inherit; + fill: currentColor; +} + .btn { + position: relative; + display: inline-flex; + justify-content: center; + align-items: center; + white-space: nowrap; + text-decoration: none; + line-height: 1; + font-size: var(--btn-font-size, 1em); + padding-top: var(--btn-padding-y, 0.5em); + padding-bottom: var(--btn-padding-y, 0.5em); + padding-left: var(--btn-padding-x, 0.75em); + padding-right: var(--btn-padding-x, 0.75em); + border-radius: var(--btn-radius, 0.25em); +} + .btn--sm { + font-size: var(--btn-font-size-sm, 0.8em); +} + .btn--md { + font-size: var(--btn-font-size-md, 1.2em); +} + .btn--lg { + font-size: var(--btn-font-size-lg, 1.4em); +} + .btn--icon { + padding: var(--btn-padding-y, 0.5em); +} + .form-control { + font-size: var(--form-control-font-size, 1em); + padding-top: var(--form-control-padding-y, 0.5em); + padding-bottom: var(--form-control-padding-y, 0.5em); + padding-left: var(--form-control-padding-x, 0.75em); + padding-right: var(--form-control-padding-x, 0.75em); + border-radius: var(--form-control-radius, 0.25em); +} + .form-legend { + color: var(--color-contrast-higher, #1c1c21); + line-height: var(--heading-line-height, 1.2); + font-size: var(--text-md, 1.2em); + margin-bottom: var(--space-xxs); +} + .form-label { + display: inline-block; +} + .form__msg-error, .form-error-msg { + color: var(--color-error, #e02447); + font-size: var(--text-sm, 0.833em); + margin-top: var(--space-xxs); + position: absolute; + clip: rect(1px, 1px, 1px, 1px); +} + .form__msg-error--is-visible, .form-error-msg--is-visible { + position: relative; + clip: auto; +} + .radio-list > *, .checkbox-list > * { + position: relative; + display: flex; + align-items: baseline; +} + .radio-list label, .checkbox-list label { + line-height: var(--body-line-height); +} + .radio-list input, .checkbox-list input { + margin-right: var(--space-xxxs); + flex-shrink: 0; +} + :root { + --zindex-header: 3; + --zindex-popover: 5; + --zindex-fixed-element: 10; + --zindex-overlay: 15; +} + :root { + --display: block; +} + .is-visible { + display: var(--display) !important; +} + .is-hidden { + display: none !important; +} + html:not(.js) .no-js\:is-hidden { + display: none !important; +} + @media print { + .print\:is-hidden { + display: none !important; + } +} + .sr-only { + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + width: 1px; + height: 1px; + overflow: hidden; + padding: 0; + border: 0; + white-space: nowrap; +} + .flex { + display: flex; +} + .inline-flex { + display: inline-flex; +} + .flex-wrap { + flex-wrap: wrap; +} + .flex-column { + flex-direction: column; +} + .flex-column-reverse { + flex-direction: column-reverse; +} + .flex-row { + flex-direction: row; +} + .flex-row-reverse { + flex-direction: row-reverse; +} + .flex-center { + justify-content: center; + align-items: center; +} + .flex-grow { + flex-grow: 1; +} + .flex-grow-0 { + flex-grow: 0; +} + .flex-shrink { + flex-shrink: 1; +} + .flex-shrink-0 { + flex-shrink: 0; +} + .flex-basis-0 { + flex-basis: 0; +} + .justify-start { + justify-content: flex-start; +} + .justify-end { + justify-content: flex-end; +} + .justify-center { + justify-content: center; +} + .justify-between { + justify-content: space-between; +} + .items-center { + align-items: center; +} + .items-start { + align-items: flex-start; +} + .items-end { + align-items: flex-end; +} + .items-baseline { + align-items: baseline; +} + .order-1 { + order: 1; +} + .order-2 { + order: 2; +} + .order-3 { + order: 3; +} + .block { + display: block; +} + .inline-block { + display: inline-block; +} + .inline { + display: inline; +} + .space-unit-rem { + --space-unit: 1rem; +} + .space-unit-em { + --space-unit: 1em; +} + .space-unit-px { + --space-unit: 16px; +} + .margin-xxxxs { + margin: var(--space-xxxxs); +} + .margin-xxxs { + margin: var(--space-xxxs); +} + .margin-xxs { + margin: var(--space-xxs); +} + .margin-xs { + margin: var(--space-xs); +} + .margin-sm { + margin: var(--space-sm); +} + .margin-md { + margin: var(--space-md); +} + .margin-lg { + margin: var(--space-lg); +} + .margin-xl { + margin: var(--space-xl); +} + .margin-xxl { + margin: var(--space-xxl); +} + .margin-xxxl { + margin: var(--space-xxxl); +} + .margin-xxxxl { + margin: var(--space-xxxxl); +} + .margin-auto { + margin: auto; +} + .margin-0 { + margin: 0; +} + .margin-top-xxxxs { + margin-top: var(--space-xxxxs); +} + .margin-top-xxxs { + margin-top: var(--space-xxxs); +} + .margin-top-xxs { + margin-top: var(--space-xxs); +} + .margin-top-xs { + margin-top: var(--space-xs); +} + .margin-top-sm { + margin-top: var(--space-sm); +} + .margin-top-md { + margin-top: var(--space-md); +} + .margin-top-lg { + margin-top: var(--space-lg); +} + .margin-top-xl { + margin-top: var(--space-xl); +} + .margin-top-xxl { + margin-top: var(--space-xxl); +} + .margin-top-xxxl { + margin-top: var(--space-xxxl); +} + .margin-top-xxxxl { + margin-top: var(--space-xxxxl); +} + .margin-top-auto { + margin-top: auto; +} + .margin-top-0 { + margin-top: 0; +} + .margin-bottom-xxxxs { + margin-bottom: var(--space-xxxxs); +} + .margin-bottom-xxxs { + margin-bottom: var(--space-xxxs); +} + .margin-bottom-xxs { + margin-bottom: var(--space-xxs); +} + .margin-bottom-xs { + margin-bottom: var(--space-xs); +} + .margin-bottom-sm { + margin-bottom: var(--space-sm); +} + .margin-bottom-md { + margin-bottom: var(--space-md); +} + .margin-bottom-lg { + margin-bottom: var(--space-lg); +} + .margin-bottom-xl { + margin-bottom: var(--space-xl); +} + .margin-bottom-xxl { + margin-bottom: var(--space-xxl); +} + .margin-bottom-xxxl { + margin-bottom: var(--space-xxxl); +} + .margin-bottom-xxxxl { + margin-bottom: var(--space-xxxxl); +} + .margin-bottom-auto { + margin-bottom: auto; +} + .margin-bottom-0 { + margin-bottom: 0; +} + .margin-right-xxxxs { + margin-right: var(--space-xxxxs); +} + .margin-right-xxxs { + margin-right: var(--space-xxxs); +} + .margin-right-xxs { + margin-right: var(--space-xxs); +} + .margin-right-xs { + margin-right: var(--space-xs); +} + .margin-right-sm { + margin-right: var(--space-sm); +} + .margin-right-md { + margin-right: var(--space-md); +} + .margin-right-lg { + margin-right: var(--space-lg); +} + .margin-right-xl { + margin-right: var(--space-xl); +} + .margin-right-xxl { + margin-right: var(--space-xxl); +} + .margin-right-xxxl { + margin-right: var(--space-xxxl); +} + .margin-right-xxxxl { + margin-right: var(--space-xxxxl); +} + .margin-right-auto { + margin-right: auto; +} + .margin-right-0 { + margin-right: 0; +} + .margin-left-xxxxs { + margin-left: var(--space-xxxxs); +} + .margin-left-xxxs { + margin-left: var(--space-xxxs); +} + .margin-left-xxs { + margin-left: var(--space-xxs); +} + .margin-left-xs { + margin-left: var(--space-xs); +} + .margin-left-sm { + margin-left: var(--space-sm); +} + .margin-left-md { + margin-left: var(--space-md); +} + .margin-left-lg { + margin-left: var(--space-lg); +} + .margin-left-xl { + margin-left: var(--space-xl); +} + .margin-left-xxl { + margin-left: var(--space-xxl); +} + .margin-left-xxxl { + margin-left: var(--space-xxxl); +} + .margin-left-xxxxl { + margin-left: var(--space-xxxxl); +} + .margin-left-auto { + margin-left: auto; +} + .margin-left-0 { + margin-left: 0; +} + .margin-x-xxxxs { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); +} + .margin-x-xxxs { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); +} + .margin-x-xxs { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); +} + .margin-x-xs { + margin-left: var(--space-xs); + margin-right: var(--space-xs); +} + .margin-x-sm { + margin-left: var(--space-sm); + margin-right: var(--space-sm); +} + .margin-x-md { + margin-left: var(--space-md); + margin-right: var(--space-md); +} + .margin-x-lg { + margin-left: var(--space-lg); + margin-right: var(--space-lg); +} + .margin-x-xl { + margin-left: var(--space-xl); + margin-right: var(--space-xl); +} + .margin-x-xxl { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); +} + .margin-x-xxxl { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); +} + .margin-x-xxxxl { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); +} + .margin-x-auto { + margin-left: auto; + margin-right: auto; +} + .margin-x-0 { + margin-left: 0; + margin-right: 0; +} + .margin-y-xxxxs { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); +} + .margin-y-xxxs { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); +} + .margin-y-xxs { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); +} + .margin-y-xs { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); +} + .margin-y-sm { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); +} + .margin-y-md { + margin-top: var(--space-md); + margin-bottom: var(--space-md); +} + .margin-y-lg { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); +} + .margin-y-xl { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); +} + .margin-y-xxl { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); +} + .margin-y-xxxl { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); +} + .margin-y-xxxxl { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); +} + .margin-y-auto { + margin-top: auto; + margin-bottom: auto; +} + .margin-y-0 { + margin-top: 0; + margin-bottom: 0; +} + .padding-xxxxs { + padding: var(--space-xxxxs); +} + .padding-xxxs { + padding: var(--space-xxxs); +} + .padding-xxs { + padding: var(--space-xxs); +} + .padding-xs { + padding: var(--space-xs); +} + .padding-sm { + padding: var(--space-sm); +} + .padding-md { + padding: var(--space-md); +} + .padding-lg { + padding: var(--space-lg); +} + .padding-xl { + padding: var(--space-xl); +} + .padding-xxl { + padding: var(--space-xxl); +} + .padding-xxxl { + padding: var(--space-xxxl); +} + .padding-xxxxl { + padding: var(--space-xxxxl); +} + .padding-0 { + padding: 0; +} + .padding-component { + padding: var(--component-padding); +} + .padding-top-xxxxs { + padding-top: var(--space-xxxxs); +} + .padding-top-xxxs { + padding-top: var(--space-xxxs); +} + .padding-top-xxs { + padding-top: var(--space-xxs); +} + .padding-top-xs { + padding-top: var(--space-xs); +} + .padding-top-sm { + padding-top: var(--space-sm); +} + .padding-top-md { + padding-top: var(--space-md); +} + .padding-top-lg { + padding-top: var(--space-lg); +} + .padding-top-xl { + padding-top: var(--space-xl); +} + .padding-top-xxl { + padding-top: var(--space-xxl); +} + .padding-top-xxxl { + padding-top: var(--space-xxxl); +} + .padding-top-xxxxl { + padding-top: var(--space-xxxxl); +} + .padding-top-0 { + padding-top: 0; +} + .padding-top-component { + padding-top: var(--component-padding); +} + .padding-bottom-xxxxs { + padding-bottom: var(--space-xxxxs); +} + .padding-bottom-xxxs { + padding-bottom: var(--space-xxxs); +} + .padding-bottom-xxs { + padding-bottom: var(--space-xxs); +} + .padding-bottom-xs { + padding-bottom: var(--space-xs); +} + .padding-bottom-sm { + padding-bottom: var(--space-sm); +} + .padding-bottom-md { + padding-bottom: var(--space-md); +} + .padding-bottom-lg { + padding-bottom: var(--space-lg); +} + .padding-bottom-xl { + padding-bottom: var(--space-xl); +} + .padding-bottom-xxl { + padding-bottom: var(--space-xxl); +} + .padding-bottom-xxxl { + padding-bottom: var(--space-xxxl); +} + .padding-bottom-xxxxl { + padding-bottom: var(--space-xxxxl); +} + .padding-bottom-0 { + padding-bottom: 0; +} + .padding-bottom-component { + padding-bottom: var(--component-padding); +} + .padding-right-xxxxs { + padding-right: var(--space-xxxxs); +} + .padding-right-xxxs { + padding-right: var(--space-xxxs); +} + .padding-right-xxs { + padding-right: var(--space-xxs); +} + .padding-right-xs { + padding-right: var(--space-xs); +} + .padding-right-sm { + padding-right: var(--space-sm); +} + .padding-right-md { + padding-right: var(--space-md); +} + .padding-right-lg { + padding-right: var(--space-lg); +} + .padding-right-xl { + padding-right: var(--space-xl); +} + .padding-right-xxl { + padding-right: var(--space-xxl); +} + .padding-right-xxxl { + padding-right: var(--space-xxxl); +} + .padding-right-xxxxl { + padding-right: var(--space-xxxxl); +} + .padding-right-0 { + padding-right: 0; +} + .padding-right-component { + padding-right: var(--component-padding); +} + .padding-left-xxxxs { + padding-left: var(--space-xxxxs); +} + .padding-left-xxxs { + padding-left: var(--space-xxxs); +} + .padding-left-xxs { + padding-left: var(--space-xxs); +} + .padding-left-xs { + padding-left: var(--space-xs); +} + .padding-left-sm { + padding-left: var(--space-sm); +} + .padding-left-md { + padding-left: var(--space-md); +} + .padding-left-lg { + padding-left: var(--space-lg); +} + .padding-left-xl { + padding-left: var(--space-xl); +} + .padding-left-xxl { + padding-left: var(--space-xxl); +} + .padding-left-xxxl { + padding-left: var(--space-xxxl); +} + .padding-left-xxxxl { + padding-left: var(--space-xxxxl); +} + .padding-left-0 { + padding-left: 0; +} + .padding-left-component { + padding-left: var(--component-padding); +} + .padding-x-xxxxs { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); +} + .padding-x-xxxs { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); +} + .padding-x-xxs { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); +} + .padding-x-xs { + padding-left: var(--space-xs); + padding-right: var(--space-xs); +} + .padding-x-sm { + padding-left: var(--space-sm); + padding-right: var(--space-sm); +} + .padding-x-md { + padding-left: var(--space-md); + padding-right: var(--space-md); +} + .padding-x-lg { + padding-left: var(--space-lg); + padding-right: var(--space-lg); +} + .padding-x-xl { + padding-left: var(--space-xl); + padding-right: var(--space-xl); +} + .padding-x-xxl { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); +} + .padding-x-xxxl { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); +} + .padding-x-xxxxl { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); +} + .padding-x-0 { + padding-left: 0; + padding-right: 0; +} + .padding-x-component { + padding-left: var(--component-padding); + padding-right: var(--component-padding); +} + .padding-y-xxxxs { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); +} + .padding-y-xxxs { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); +} + .padding-y-xxs { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); +} + .padding-y-xs { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); +} + .padding-y-sm { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); +} + .padding-y-md { + padding-top: var(--space-md); + padding-bottom: var(--space-md); +} + .padding-y-lg { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); +} + .padding-y-xl { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); +} + .padding-y-xxl { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); +} + .padding-y-xxxl { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); +} + .padding-y-xxxxl { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); +} + .padding-y-0 { + padding-top: 0; + padding-bottom: 0; +} + .padding-y-component { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); +} + .align-baseline { + vertical-align: baseline; +} + .align-top { + vertical-align: top; +} + .align-middle { + vertical-align: middle; +} + .align-bottom { + vertical-align: bottom; +} + .truncate, .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .text-replace { + overflow: hidden; + color: transparent; + text-indent: 100%; + white-space: nowrap; +} + .break-word { + overflow-wrap: break-word; + min-width: 0; +} + .text-xs { + font-size: var(--text-xs, 0.694em); +} + .text-sm { + font-size: var(--text-sm, 0.833em); +} + .text-base { + font-size: var(--text-unit, 1em); +} + .text-md { + font-size: var(--text-md, 1.2em); +} + .text-lg { + font-size: var(--text-lg, 1.44em); +} + .text-xl { + font-size: var(--text-xl, 1.728em); +} + .text-xxl { + font-size: var(--text-xxl, 2.074em); +} + .text-xxxl { + font-size: var(--text-xxxl, 2.488em); +} + .text-xxxxl { + font-size: var(--text-xxxxl, 2.985em); +} + .text-unit-rem, .text-unit-em, .text-unit-px { + font-size: var(--text-unit); +} + .text-unit-rem { + --text-unit: 1rem; +} + .text-unit-em { + --text-unit: 1em; +} + .text-unit-px { + --text-unit: 16px; +} + .text-uppercase { + text-transform: uppercase; +} + .text-capitalize { + text-transform: capitalize; +} + .letter-spacing-sm { + letter-spacing: -0.05em; +} + .letter-spacing-md { + letter-spacing: 0.05em; +} + .letter-spacing-lg { + letter-spacing: 0.1em; +} + .font-light { + font-weight: 300; +} + .font-normal { + font-weight: 400; +} + .font-medium { + font-weight: 500; +} + .font-semibold { + font-weight: 600; +} + .font-bold, .text-bold { + font-weight: 700; +} + .font-italic { + font-style: italic; +} + .font-smooth { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + .font-primary { + font-family: var(--font-primary); +} + .text-center { + text-align: center; +} + .text-left { + text-align: left; +} + .text-right { + text-align: right; +} + .text-justify { + text-align: justify; +} + .text-line-through { + text-decoration: line-through; +} + .text-underline { + text-decoration: underline; +} + .text-decoration-none { + text-decoration: none; +} + .text-shadow-xs { + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} + .text-shadow-sm { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); +} + .text-shadow-md { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); +} + .text-shadow-lg { + text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2); +} + .text-shadow-xl { + text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25); +} + .text-shadow-none { + text-shadow: none; +} + .v-space-xxs { + --text-vspace-multiplier: 0.25 !important; +} + .v-space-xs { + --text-vspace-multiplier: 0.5 !important; +} + .v-space-sm { + --text-vspace-multiplier: 0.75 !important; +} + .v-space-md { + --text-vspace-multiplier: 1.25 !important; +} + .v-space-lg { + --text-vspace-multiplier: 1.5 !important; +} + .v-space-xl { + --text-vspace-multiplier: 1.75 !important; +} + .v-space-xxl { + --text-vspace-multiplier: 2 !important; +} + .line-height-xs { + --heading-line-height: 1; + --body-line-height: 1.1; +} + .line-height-xs:not(.text-component) { + line-height: 1.1; +} + .line-height-sm { + --heading-line-height: 1.1; + --body-line-height: 1.2; +} + .line-height-sm:not(.text-component) { + line-height: 1.2; +} + .line-height-md { + --heading-line-height: 1.15; + --body-line-height: 1.4; +} + .line-height-md:not(.text-component) { + line-height: 1.4; +} + .line-height-lg { + --heading-line-height: 1.22; + --body-line-height: 1.58; +} + .line-height-lg:not(.text-component) { + line-height: 1.58; +} + .line-height-xl { + --heading-line-height: 1.3; + --body-line-height: 1.72; +} + .line-height-xl:not(.text-component) { + line-height: 1.72; +} + .line-height-body { + line-height: var(--body-line-height); +} + .line-height-heading { + line-height: var(--heading-line-height); +} + .line-height-normal { + line-height: normal !important; +} + .line-height-1 { + line-height: 1 !important; +} + .ws-nowrap, .text-nowrap { + white-space: nowrap; +} + .cursor-pointer { + cursor: pointer; +} + .cursor-default { + cursor: default; +} + .pointer-events-auto { + pointer-events: auto; +} + .pointer-events-none { + pointer-events: none; +} + .user-select-none { + user-select: none; +} + .user-select-all { + user-select: all; +} + [class*="color-"] { + --color-o: 1; +} + .color-inherit { + color: inherit; +} + .color-bg { + color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1)); +} + .color-contrast-lower { + color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1)); +} + .color-contrast-low { + color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1)); +} + .color-contrast-medium { + color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1)); +} + .color-contrast-high { + color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1)); +} + .color-contrast-higher { + color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1)); +} + .color-primary-darker { + color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1)); +} + .color-primary-dark { + color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1)); +} + .color-primary { + color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1)); +} + .color-primary-light { + color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1)); +} + .color-primary-lighter { + color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1)); +} + .color-accent-darker { + color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1)); +} + .color-accent-dark { + color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1)); +} + .color-accent { + color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1)); +} + .color-accent-light { + color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1)); +} + .color-accent-lighter { + color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1)); +} + .color-success-darker { + color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1)); +} + .color-success-dark { + color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1)); +} + .color-success { + color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1)); +} + .color-success-light { + color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1)); +} + .color-success-lighter { + color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1)); +} + .color-warning-darker { + color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1)); +} + .color-warning-dark { + color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1)); +} + .color-warning { + color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1)); +} + .color-warning-light { + color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1)); +} + .color-warning-lighter { + color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1)); +} + .color-error-darker { + color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1)); +} + .color-error-dark { + color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1)); +} + .color-error { + color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1)); +} + .color-error-light { + color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1)); +} + .color-error-lighter { + color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1)); +} + .color-white { + color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1)); +} + .color-black { + color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1)); +} + @supports (--css: variables) { + .color-opacity-0 { + --color-o: 0; + } + .color-opacity-10\% { + --color-o: 0.1; + } + .color-opacity-20\% { + --color-o: 0.2; + } + .color-opacity-30\% { + --color-o: 0.3; + } + .color-opacity-40\% { + --color-o: 0.4; + } + .color-opacity-50\% { + --color-o: 0.5; + } + .color-opacity-60\% { + --color-o: 0.6; + } + .color-opacity-70\% { + --color-o: 0.7; + } + .color-opacity-80\% { + --color-o: 0.8; + } + .color-opacity-90\% { + --color-o: 0.9; + } +} + .width-xxxxs { + width: var(--size-xxxxs, 0.25rem); +} + .width-xxxs { + width: var(--size-xxxs, 0.5rem); +} + .width-xxs { + width: var(--size-xxs, 0.75rem); +} + .width-xs { + width: var(--size-xs, 1rem); +} + .width-sm { + width: var(--size-sm, 1.5rem); +} + .width-md { + width: var(--size-md, 2rem); +} + .width-lg { + width: var(--size-lg, 3rem); +} + .width-xl { + width: var(--size-xl, 4rem); +} + .width-xxl { + width: var(--size-xxl, 6rem); +} + .width-xxxl { + width: var(--size-xxxl, 8rem); +} + .width-xxxxl { + width: var(--size-xxxxl, 16rem); +} + .width-0 { + width: 0; +} + .width-10\% { + width: 10%; +} + .width-20\% { + width: 20%; +} + .width-25\% { + width: 25%; +} + .width-30\% { + width: 30%; +} + .width-33\% { + width: calc(100% / 3); +} + .width-40\% { + width: 40%; +} + .width-50\% { + width: 50%; +} + .width-60\% { + width: 60%; +} + .width-66\% { + width: calc(100% / 1.5); +} + .width-70\% { + width: 70%; +} + .width-75\% { + width: 75%; +} + .width-80\% { + width: 80%; +} + .width-90\% { + width: 90%; +} + .width-100\% { + width: 100%; +} + .width-100vw { + width: 100vw; +} + .width-auto { + width: auto; +} + .height-xxxxs { + height: var(--size-xxxxs, 0.25rem); +} + .height-xxxs { + height: var(--size-xxxs, 0.5rem); +} + .height-xxs { + height: var(--size-xxs, 0.75rem); +} + .height-xs { + height: var(--size-xs, 1rem); +} + .height-sm { + height: var(--size-sm, 1.5rem); +} + .height-md { + height: var(--size-md, 2rem); +} + .height-lg { + height: var(--size-lg, 3rem); +} + .height-xl { + height: var(--size-xl, 4rem); +} + .height-xxl { + height: var(--size-xxl, 6rem); +} + .height-xxxl { + height: var(--size-xxxl, 8rem); +} + .height-xxxxl { + height: var(--size-xxxxl, 16rem); +} + .height-0 { + height: 0; +} + .height-10\% { + height: 10%; +} + .height-20\% { + height: 20%; +} + .height-25\% { + height: 25%; +} + .height-30\% { + height: 30%; +} + .height-33\% { + height: calc(100% / 3); +} + .height-40\% { + height: 40%; +} + .height-50\% { + height: 50%; +} + .height-60\% { + height: 60%; +} + .height-66\% { + height: calc(100% / 1.5); +} + .height-70\% { + height: 70%; +} + .height-75\% { + height: 75%; +} + .height-80\% { + height: 80%; +} + .height-90\% { + height: 90%; +} + .height-100\% { + height: 100%; +} + .height-100vh { + height: 100vh; +} + .height-auto { + height: auto; +} + .min-width-0 { + min-width: 0; +} + .min-width-25\% { + min-width: 25%; +} + .min-width-33\% { + min-width: calc(100% / 3); +} + .min-width-50\% { + min-width: 50%; +} + .min-width-66\% { + min-width: calc(100% / 1.5); +} + .min-width-75\% { + min-width: 75%; +} + .min-width-100\% { + min-width: 100%; +} + .min-width-100vw { + min-width: 100vw; +} + .min-height-100\% { + min-height: 100%; +} + .min-height-100vh { + min-height: 100vh; +} + :root { + --max-width-xxxxs: 20rem; + --max-width-xxxs: 26rem; + --max-width-xxs: 32rem; + --max-width-xs: 38rem; + --max-width-sm: 48rem; + --max-width-md: 64rem; + --max-width-lg: 80rem; + --max-width-xl: 90rem; + --max-width-xxl: 100rem; + --max-width-xxxl: 120rem; + --max-width-xxxxl: 150rem; +} + .max-width-xxxxs { + max-width: var(--max-width-xxxxs); +} + .max-width-xxxs { + max-width: var(--max-width-xxxs); +} + .max-width-xxs { + max-width: var(--max-width-xxs); +} + .max-width-xs { + max-width: var(--max-width-xs); +} + .max-width-sm { + max-width: var(--max-width-sm); +} + .max-width-md { + max-width: var(--max-width-md); +} + .max-width-lg { + max-width: var(--max-width-lg); +} + .max-width-xl { + max-width: var(--max-width-xl); +} + .max-width-xxl { + max-width: var(--max-width-xxl); +} + .max-width-xxxl { + max-width: var(--max-width-xxxl); +} + .max-width-xxxxl { + max-width: var(--max-width-xxxxl); +} + .max-width-100\% { + max-width: 100%; +} + [class*="max-width-adaptive"] { + max-width: 32rem; +} + @media (min-width: 48rem) { + .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 48rem; + } +} + @media (min-width: 64rem) { + .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 64rem; + } +} + @media (min-width: 80rem) { + .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 80rem; + } +} + @media (min-width: 90rem) { + .max-width-adaptive-xl { + max-width: 90rem; + } +} + .max-height-100\% { + max-height: 100%; +} + .max-height-100vh { + max-height: 100vh; +} + .position-relative { + position: relative; +} + .position-absolute { + position: absolute; +} + .position-fixed { + position: fixed; +} + .position-sticky { + position: sticky; +} + .top-0 { + top: 0; +} + .bottom-0 { + bottom: 0; +} + .left-0 { + left: 0; +} + .right-0 { + right: 0; +} + .z-index-header { + z-index: var(--zindex-header); +} + .z-index-popover { + z-index: var(--zindex-popover); +} + .z-index-fixed-element { + z-index: var(--zindex-fixed-element); +} + .z-index-overlay { + z-index: var(--zindex-overlay); +} + .zindex-1, .z-index-1 { + z-index: 1; +} + .zindex-2, .z-index-2 { + z-index: 2; +} + .zindex-3, .z-index-3 { + z-index: 3; +} + .overflow-hidden { + overflow: hidden; +} + .overflow-auto { + overflow: auto; +} + .momentum-scrolling { + -webkit-overflow-scrolling: touch; +} + .overscroll-contain { + overscroll-behavior: contain; +} + .opacity-0 { + opacity: 0; +} + .opacity-10\% { + opacity: 0.1; +} + .opacity-20\% { + opacity: 0.2; +} + .opacity-30\% { + opacity: 0.3; +} + .opacity-40\% { + opacity: 0.4; +} + .opacity-50\% { + opacity: 0.5; +} + .opacity-60\% { + opacity: 0.6; +} + .opacity-70\% { + opacity: 0.7; +} + .opacity-80\% { + opacity: 0.8; +} + .opacity-90\% { + opacity: 0.9; +} + .media-wrapper { + position: relative; + height: 0; + padding-bottom: 56.25%; +} + .media-wrapper > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + .media-wrapper--4\:3 { + padding-bottom: calc((3 / 4) * 100%); +} + .media-wrapper--1\:1 { + padding-bottom: calc((1 / 1) * 100%); +} + .float-left { + float: left; +} + .float-right { + float: right; +} + .clearfix::after { + content: ""; + display: table; + clear: both; +} + [class*="border-"] { + --border-o: 1; +} + .border { + border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-top { + border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-bottom { + border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-left { + border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-right { + border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-2 { + border-width: 2px; +} + .border-3 { + border-width: 3px; +} + .border-4 { + border-width: 4px; +} + .border-bg { + border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1)); +} + .border-contrast-lower { + border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); +} + .border-contrast-low { + border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + .border-contrast-medium { + border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1)); +} + .border-contrast-high { + border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1)); +} + .border-contrast-higher { + border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1)); +} + .border-primary-darker { + border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1)); +} + .border-primary-dark { + border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1)); +} + .border-primary { + border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1)); +} + .border-primary-light { + border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1)); +} + .border-primary-lighter { + border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1)); +} + .border-accent-darker { + border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1)); +} + .border-accent-dark { + border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1)); +} + .border-accent { + border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1)); +} + .border-accent-light { + border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1)); +} + .border-accent-lighter { + border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1)); +} + .border-success-darker { + border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1)); +} + .border-success-dark { + border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1)); +} + .border-success { + border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1)); +} + .border-success-light { + border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1)); +} + .border-success-lighter { + border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1)); +} + .border-warning-darker { + border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1)); +} + .border-warning-dark { + border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1)); +} + .border-warning { + border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1)); +} + .border-warning-light { + border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1)); +} + .border-warning-lighter { + border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1)); +} + .border-error-darker { + border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1)); +} + .border-error-dark { + border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1)); +} + .border-error { + border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1)); +} + .border-error-light { + border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1)); +} + .border-error-lighter { + border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1)); +} + .border-white { + border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1)); +} + .border-black { + border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1)); +} + @supports (--css: variables) { + .border-opacity-0 { + --border-o: 0; + } + .border-opacity-10\% { + --border-o: 0.1; + } + .border-opacity-20\% { + --border-o: 0.2; + } + .border-opacity-30\% { + --border-o: 0.3; + } + .border-opacity-40\% { + --border-o: 0.4; + } + .border-opacity-50\% { + --border-o: 0.5; + } + .border-opacity-60\% { + --border-o: 0.6; + } + .border-opacity-70\% { + --border-o: 0.7; + } + .border-opacity-80\% { + --border-o: 0.8; + } + .border-opacity-90\% { + --border-o: 0.9; + } +} + .radius-sm { + border-radius: var(--radius-sm); +} + .radius-md { + border-radius: var(--radius-md); +} + .radius-lg { + border-radius: var(--radius-lg); +} + .radius-50\% { + border-radius: 50%; +} + .radius-full { + border-radius: 50em; +} + .radius-0 { + border-radius: 0; +} + .radius-top-left-0 { + border-top-left-radius: 0; +} + .radius-top-right-0 { + border-top-right-radius: 0; +} + .radius-bottom-right-0 { + border-bottom-right-radius: 0; +} + .radius-bottom-left-0 { + border-bottom-left-radius: 0; +} + .shadow-xs { + box-shadow: var(--shadow-xs); +} + .shadow-sm { + box-shadow: var(--shadow-sm); +} + .shadow-md { + box-shadow: var(--shadow-md); +} + .shadow-lg { + box-shadow: var(--shadow-lg); +} + .shadow-xl { + box-shadow: var(--shadow-xl); +} + .shadow-none { + box-shadow: none; +} + .bg, [class*="bg-"] { + --bg-o: 1; +} + .bg-transparent { + background-color: transparent; +} + .bg-inherit { + background-color: inherit; +} + .bg { + background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o)); +} + .bg-contrast-lower { + background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1)); +} + .bg-contrast-low { + background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1)); +} + .bg-contrast-medium { + background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1)); +} + .bg-contrast-high { + background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1)); +} + .bg-contrast-higher { + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1)); +} + .bg-primary-darker { + background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1)); +} + .bg-primary-dark { + background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1)); +} + .bg-primary { + background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1)); +} + .bg-primary-light { + background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1)); +} + .bg-primary-lighter { + background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1)); +} + .bg-accent-darker { + background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1)); +} + .bg-accent-dark { + background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1)); +} + .bg-accent { + background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1)); +} + .bg-accent-light { + background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1)); +} + .bg-accent-lighter { + background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1)); +} + .bg-success-darker { + background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1)); +} + .bg-success-dark { + background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1)); +} + .bg-success { + background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1)); +} + .bg-success-light { + background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1)); +} + .bg-success-lighter { + background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1)); +} + .bg-warning-darker { + background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1)); +} + .bg-warning-dark { + background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1)); +} + .bg-warning { + background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1)); +} + .bg-warning-light { + background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1)); +} + .bg-warning-lighter { + background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1)); +} + .bg-error-darker { + background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1)); +} + .bg-error-dark { + background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1)); +} + .bg-error { + background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1)); +} + .bg-error-light { + background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1)); +} + .bg-error-lighter { + background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1)); +} + .bg-white { + background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1)); +} + .bg-black { + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1)); +} + @supports (--css: variables) { + .bg-opacity-0 { + --bg-o: 0; + } + .bg-opacity-10\% { + --bg-o: 0.1; + } + .bg-opacity-20\% { + --bg-o: 0.2; + } + .bg-opacity-30\% { + --bg-o: 0.3; + } + .bg-opacity-40\% { + --bg-o: 0.4; + } + .bg-opacity-50\% { + --bg-o: 0.5; + } + .bg-opacity-60\% { + --bg-o: 0.6; + } + .bg-opacity-70\% { + --bg-o: 0.7; + } + .bg-opacity-80\% { + --bg-o: 0.8; + } + .bg-opacity-90\% { + --bg-o: 0.9; + } +} + .bg-cover { + background-size: cover; +} + .bg-center { + background-position: center; +} + .bg-no-repeat { + background-repeat: no-repeat; +} + .backdrop-blur-10 { + backdrop-filter: blur(10px); +} + .backdrop-blur-20 { + backdrop-filter: blur(20px); +} + .isolate { + isolation: isolate; +} + .blend-multiply { + mix-blend-mode: multiply; +} + .blend-overlay { + mix-blend-mode: overlay; +} + .object-contain { + object-fit: contain; +} + .object-cover { + object-fit: cover; +} + .flip { + transform: scale(-1); +} + .flip-x { + transform: scaleX(-1); +} + .flip-y { + transform: scaleY(-1); +} + @media (min-width: 32rem) { + .flex\@xs { + display: flex; + } + .inline-flex\@xs { + display: inline-flex; + } + .flex-wrap\@xs { + flex-wrap: wrap; + } + .flex-column\@xs { + flex-direction: column; + } + .flex-column-reverse\@xs { + flex-direction: column-reverse; + } + .flex-row\@xs { + flex-direction: row; + } + .flex-row-reverse\@xs { + flex-direction: row-reverse; + } + .flex-center\@xs { + justify-content: center; + align-items: center; + } + .flex-grow\@xs { + flex-grow: 1; + } + .flex-grow-0\@xs { + flex-grow: 0; + } + .flex-shrink\@xs { + flex-shrink: 1; + } + .flex-shrink-0\@xs { + flex-shrink: 0; + } + .flex-basis-0\@xs { + flex-basis: 0; + } + .justify-start\@xs { + justify-content: flex-start; + } + .justify-end\@xs { + justify-content: flex-end; + } + .justify-center\@xs { + justify-content: center; + } + .justify-between\@xs { + justify-content: space-between; + } + .items-center\@xs { + align-items: center; + } + .items-start\@xs { + align-items: flex-start; + } + .items-end\@xs { + align-items: flex-end; + } + .items-baseline\@xs { + align-items: baseline; + } + .order-1\@xs { + order: 1; + } + .order-2\@xs { + order: 2; + } + .order-3\@xs { + order: 3; + } + .block\@xs { + display: block; + } + .inline-block\@xs { + display: inline-block; + } + .inline\@xs { + display: inline; + } + @supports (--css: variables) { + .margin-xxxxs\@xs { + margin: var(--space-xxxxs); + } + .margin-xxxs\@xs { + margin: var(--space-xxxs); + } + .margin-xxs\@xs { + margin: var(--space-xxs); + } + .margin-xs\@xs { + margin: var(--space-xs); + } + .margin-sm\@xs { + margin: var(--space-sm); + } + .margin-md\@xs { + margin: var(--space-md); + } + .margin-lg\@xs { + margin: var(--space-lg); + } + .margin-xl\@xs { + margin: var(--space-xl); + } + .margin-xxl\@xs { + margin: var(--space-xxl); + } + .margin-xxxl\@xs { + margin: var(--space-xxxl); + } + .margin-xxxxl\@xs { + margin: var(--space-xxxxl); + } + .margin-auto\@xs { + margin: auto; + } + .margin-0\@xs { + margin: 0; + } + .margin-top-xxxxs\@xs { + margin-top: var(--space-xxxxs); + } + .margin-top-xxxs\@xs { + margin-top: var(--space-xxxs); + } + .margin-top-xxs\@xs { + margin-top: var(--space-xxs); + } + .margin-top-xs\@xs { + margin-top: var(--space-xs); + } + .margin-top-sm\@xs { + margin-top: var(--space-sm); + } + .margin-top-md\@xs { + margin-top: var(--space-md); + } + .margin-top-lg\@xs { + margin-top: var(--space-lg); + } + .margin-top-xl\@xs { + margin-top: var(--space-xl); + } + .margin-top-xxl\@xs { + margin-top: var(--space-xxl); + } + .margin-top-xxxl\@xs { + margin-top: var(--space-xxxl); + } + .margin-top-xxxxl\@xs { + margin-top: var(--space-xxxxl); + } + .margin-top-auto\@xs { + margin-top: auto; + } + .margin-top-0\@xs { + margin-top: 0; + } + .margin-bottom-xxxxs\@xs { + margin-bottom: var(--space-xxxxs); + } + .margin-bottom-xxxs\@xs { + margin-bottom: var(--space-xxxs); + } + .margin-bottom-xxs\@xs { + margin-bottom: var(--space-xxs); + } + .margin-bottom-xs\@xs { + margin-bottom: var(--space-xs); + } + .margin-bottom-sm\@xs { + margin-bottom: var(--space-sm); + } + .margin-bottom-md\@xs { + margin-bottom: var(--space-md); + } + .margin-bottom-lg\@xs { + margin-bottom: var(--space-lg); + } + .margin-bottom-xl\@xs { + margin-bottom: var(--space-xl); + } + .margin-bottom-xxl\@xs { + margin-bottom: var(--space-xxl); + } + .margin-bottom-xxxl\@xs { + margin-bottom: var(--space-xxxl); + } + .margin-bottom-xxxxl\@xs { + margin-bottom: var(--space-xxxxl); + } + .margin-bottom-auto\@xs { + margin-bottom: auto; + } + .margin-bottom-0\@xs { + margin-bottom: 0; + } + .margin-right-xxxxs\@xs { + margin-right: var(--space-xxxxs); + } + .margin-right-xxxs\@xs { + margin-right: var(--space-xxxs); + } + .margin-right-xxs\@xs { + margin-right: var(--space-xxs); + } + .margin-right-xs\@xs { + margin-right: var(--space-xs); + } + .margin-right-sm\@xs { + margin-right: var(--space-sm); + } + .margin-right-md\@xs { + margin-right: var(--space-md); + } + .margin-right-lg\@xs { + margin-right: var(--space-lg); + } + .margin-right-xl\@xs { + margin-right: var(--space-xl); + } + .margin-right-xxl\@xs { + margin-right: var(--space-xxl); + } + .margin-right-xxxl\@xs { + margin-right: var(--space-xxxl); + } + .margin-right-xxxxl\@xs { + margin-right: var(--space-xxxxl); + } + .margin-right-auto\@xs { + margin-right: auto; + } + .margin-right-0\@xs { + margin-right: 0; + } + .margin-left-xxxxs\@xs { + margin-left: var(--space-xxxxs); + } + .margin-left-xxxs\@xs { + margin-left: var(--space-xxxs); + } + .margin-left-xxs\@xs { + margin-left: var(--space-xxs); + } + .margin-left-xs\@xs { + margin-left: var(--space-xs); + } + .margin-left-sm\@xs { + margin-left: var(--space-sm); + } + .margin-left-md\@xs { + margin-left: var(--space-md); + } + .margin-left-lg\@xs { + margin-left: var(--space-lg); + } + .margin-left-xl\@xs { + margin-left: var(--space-xl); + } + .margin-left-xxl\@xs { + margin-left: var(--space-xxl); + } + .margin-left-xxxl\@xs { + margin-left: var(--space-xxxl); + } + .margin-left-xxxxl\@xs { + margin-left: var(--space-xxxxl); + } + .margin-left-auto\@xs { + margin-left: auto; + } + .margin-left-0\@xs { + margin-left: 0; + } + .margin-x-xxxxs\@xs { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + .margin-x-xxxs\@xs { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + .margin-x-xxs\@xs { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + .margin-x-xs\@xs { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + .margin-x-sm\@xs { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + .margin-x-md\@xs { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + .margin-x-lg\@xs { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + .margin-x-xl\@xs { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + .margin-x-xxl\@xs { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + .margin-x-xxxl\@xs { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + .margin-x-xxxxl\@xs { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + .margin-x-auto\@xs { + margin-left: auto; + margin-right: auto; + } + .margin-x-0\@xs { + margin-left: 0; + margin-right: 0; + } + .margin-y-xxxxs\@xs { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + .margin-y-xxxs\@xs { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + .margin-y-xxs\@xs { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + .margin-y-xs\@xs { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + .margin-y-sm\@xs { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + .margin-y-md\@xs { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + .margin-y-lg\@xs { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + .margin-y-xl\@xs { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + .margin-y-xxl\@xs { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + .margin-y-xxxl\@xs { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + .margin-y-xxxxl\@xs { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + .margin-y-auto\@xs { + margin-top: auto; + margin-bottom: auto; + } + .margin-y-0\@xs { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@xs { + padding: var(--space-xxxxs); + } + .padding-xxxs\@xs { + padding: var(--space-xxxs); + } + .padding-xxs\@xs { + padding: var(--space-xxs); + } + .padding-xs\@xs { + padding: var(--space-xs); + } + .padding-sm\@xs { + padding: var(--space-sm); + } + .padding-md\@xs { + padding: var(--space-md); + } + .padding-lg\@xs { + padding: var(--space-lg); + } + .padding-xl\@xs { + padding: var(--space-xl); + } + .padding-xxl\@xs { + padding: var(--space-xxl); + } + .padding-xxxl\@xs { + padding: var(--space-xxxl); + } + .padding-xxxxl\@xs { + padding: var(--space-xxxxl); + } + .padding-0\@xs { + padding: 0; + } + .padding-component\@xs { + padding: var(--component-padding); + } + .padding-top-xxxxs\@xs { + padding-top: var(--space-xxxxs); + } + .padding-top-xxxs\@xs { + padding-top: var(--space-xxxs); + } + .padding-top-xxs\@xs { + padding-top: var(--space-xxs); + } + .padding-top-xs\@xs { + padding-top: var(--space-xs); + } + .padding-top-sm\@xs { + padding-top: var(--space-sm); + } + .padding-top-md\@xs { + padding-top: var(--space-md); + } + .padding-top-lg\@xs { + padding-top: var(--space-lg); + } + .padding-top-xl\@xs { + padding-top: var(--space-xl); + } + .padding-top-xxl\@xs { + padding-top: var(--space-xxl); + } + .padding-top-xxxl\@xs { + padding-top: var(--space-xxxl); + } + .padding-top-xxxxl\@xs { + padding-top: var(--space-xxxxl); + } + .padding-top-0\@xs { + padding-top: 0; + } + .padding-top-component\@xs { + padding-top: var(--component-padding); + } + .padding-bottom-xxxxs\@xs { + padding-bottom: var(--space-xxxxs); + } + .padding-bottom-xxxs\@xs { + padding-bottom: var(--space-xxxs); + } + .padding-bottom-xxs\@xs { + padding-bottom: var(--space-xxs); + } + .padding-bottom-xs\@xs { + padding-bottom: var(--space-xs); + } + .padding-bottom-sm\@xs { + padding-bottom: var(--space-sm); + } + .padding-bottom-md\@xs { + padding-bottom: var(--space-md); + } + .padding-bottom-lg\@xs { + padding-bottom: var(--space-lg); + } + .padding-bottom-xl\@xs { + padding-bottom: var(--space-xl); + } + .padding-bottom-xxl\@xs { + padding-bottom: var(--space-xxl); + } + .padding-bottom-xxxl\@xs { + padding-bottom: var(--space-xxxl); + } + .padding-bottom-xxxxl\@xs { + padding-bottom: var(--space-xxxxl); + } + .padding-bottom-0\@xs { + padding-bottom: 0; + } + .padding-bottom-component\@xs { + padding-bottom: var(--component-padding); + } + .padding-right-xxxxs\@xs { + padding-right: var(--space-xxxxs); + } + .padding-right-xxxs\@xs { + padding-right: var(--space-xxxs); + } + .padding-right-xxs\@xs { + padding-right: var(--space-xxs); + } + .padding-right-xs\@xs { + padding-right: var(--space-xs); + } + .padding-right-sm\@xs { + padding-right: var(--space-sm); + } + .padding-right-md\@xs { + padding-right: var(--space-md); + } + .padding-right-lg\@xs { + padding-right: var(--space-lg); + } + .padding-right-xl\@xs { + padding-right: var(--space-xl); + } + .padding-right-xxl\@xs { + padding-right: var(--space-xxl); + } + .padding-right-xxxl\@xs { + padding-right: var(--space-xxxl); + } + .padding-right-xxxxl\@xs { + padding-right: var(--space-xxxxl); + } + .padding-right-0\@xs { + padding-right: 0; + } + .padding-right-component\@xs { + padding-right: var(--component-padding); + } + .padding-left-xxxxs\@xs { + padding-left: var(--space-xxxxs); + } + .padding-left-xxxs\@xs { + padding-left: var(--space-xxxs); + } + .padding-left-xxs\@xs { + padding-left: var(--space-xxs); + } + .padding-left-xs\@xs { + padding-left: var(--space-xs); + } + .padding-left-sm\@xs { + padding-left: var(--space-sm); + } + .padding-left-md\@xs { + padding-left: var(--space-md); + } + .padding-left-lg\@xs { + padding-left: var(--space-lg); + } + .padding-left-xl\@xs { + padding-left: var(--space-xl); + } + .padding-left-xxl\@xs { + padding-left: var(--space-xxl); + } + .padding-left-xxxl\@xs { + padding-left: var(--space-xxxl); + } + .padding-left-xxxxl\@xs { + padding-left: var(--space-xxxxl); + } + .padding-left-0\@xs { + padding-left: 0; + } + .padding-left-component\@xs { + padding-left: var(--component-padding); + } + .padding-x-xxxxs\@xs { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + .padding-x-xxxs\@xs { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + .padding-x-xxs\@xs { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + .padding-x-xs\@xs { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + .padding-x-sm\@xs { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + .padding-x-md\@xs { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + .padding-x-lg\@xs { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + .padding-x-xl\@xs { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + .padding-x-xxl\@xs { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + .padding-x-xxxl\@xs { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + .padding-x-xxxxl\@xs { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + .padding-x-0\@xs { + padding-left: 0; + padding-right: 0; + } + .padding-x-component\@xs { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + .padding-y-xxxxs\@xs { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + .padding-y-xxxs\@xs { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + .padding-y-xxs\@xs { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + .padding-y-xs\@xs { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + .padding-y-sm\@xs { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + .padding-y-md\@xs { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + .padding-y-lg\@xs { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + .padding-y-xl\@xs { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + .padding-y-xxl\@xs { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + .padding-y-xxxl\@xs { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + .padding-y-xxxxl\@xs { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + .padding-y-0\@xs { + padding-top: 0; + padding-bottom: 0; + } + .padding-y-component\@xs { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@xs { + text-align: center; + } + .text-left\@xs { + text-align: left; + } + .text-right\@xs { + text-align: right; + } + .text-justify\@xs { + text-align: justify; + } + @supports (--css: variables) { + .text-xs\@xs { + font-size: var(--text-xs, 0.694em); + } + .text-sm\@xs { + font-size: var(--text-sm, 0.833em); + } + .text-base\@xs { + font-size: var(--text-unit, 1em); + } + .text-md\@xs { + font-size: var(--text-md, 1.2em); + } + .text-lg\@xs { + font-size: var(--text-lg, 1.44em); + } + .text-xl\@xs { + font-size: var(--text-xl, 1.728em); + } + .text-xxl\@xs { + font-size: var(--text-xxl, 2.074em); + } + .text-xxxl\@xs { + font-size: var(--text-xxxl, 2.488em); + } + .text-xxxxl\@xs { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@xs { + display: none !important; + } +} + @media not all and (min-width: 32rem) { + .has-margin\@xs { + margin: 0 !important; + } + .has-padding\@xs { + padding: 0 !important; + } + .display\@xs { + display: none !important; + } +} + @media (min-width: 48rem) { + .flex\@sm { + display: flex; + } + .inline-flex\@sm { + display: inline-flex; + } + .flex-wrap\@sm { + flex-wrap: wrap; + } + .flex-column\@sm { + flex-direction: column; + } + .flex-column-reverse\@sm { + flex-direction: column-reverse; + } + .flex-row\@sm { + flex-direction: row; + } + .flex-row-reverse\@sm { + flex-direction: row-reverse; + } + .flex-center\@sm { + justify-content: center; + align-items: center; + } + .flex-grow\@sm { + flex-grow: 1; + } + .flex-grow-0\@sm { + flex-grow: 0; + } + .flex-shrink\@sm { + flex-shrink: 1; + } + .flex-shrink-0\@sm { + flex-shrink: 0; + } + .flex-basis-0\@sm { + flex-basis: 0; + } + .justify-start\@sm { + justify-content: flex-start; + } + .justify-end\@sm { + justify-content: flex-end; + } + .justify-center\@sm { + justify-content: center; + } + .justify-between\@sm { + justify-content: space-between; + } + .items-center\@sm { + align-items: center; + } + .items-start\@sm { + align-items: flex-start; + } + .items-end\@sm { + align-items: flex-end; + } + .items-baseline\@sm { + align-items: baseline; + } + .order-1\@sm { + order: 1; + } + .order-2\@sm { + order: 2; + } + .order-3\@sm { + order: 3; + } + .block\@sm { + display: block; + } + .inline-block\@sm { + display: inline-block; + } + .inline\@sm { + display: inline; + } + @supports (--css: variables) { + .margin-xxxxs\@sm { + margin: var(--space-xxxxs); + } + .margin-xxxs\@sm { + margin: var(--space-xxxs); + } + .margin-xxs\@sm { + margin: var(--space-xxs); + } + .margin-xs\@sm { + margin: var(--space-xs); + } + .margin-sm\@sm { + margin: var(--space-sm); + } + .margin-md\@sm { + margin: var(--space-md); + } + .margin-lg\@sm { + margin: var(--space-lg); + } + .margin-xl\@sm { + margin: var(--space-xl); + } + .margin-xxl\@sm { + margin: var(--space-xxl); + } + .margin-xxxl\@sm { + margin: var(--space-xxxl); + } + .margin-xxxxl\@sm { + margin: var(--space-xxxxl); + } + .margin-auto\@sm { + margin: auto; + } + .margin-0\@sm { + margin: 0; + } + .margin-top-xxxxs\@sm { + margin-top: var(--space-xxxxs); + } + .margin-top-xxxs\@sm { + margin-top: var(--space-xxxs); + } + .margin-top-xxs\@sm { + margin-top: var(--space-xxs); + } + .margin-top-xs\@sm { + margin-top: var(--space-xs); + } + .margin-top-sm\@sm { + margin-top: var(--space-sm); + } + .margin-top-md\@sm { + margin-top: var(--space-md); + } + .margin-top-lg\@sm { + margin-top: var(--space-lg); + } + .margin-top-xl\@sm { + margin-top: var(--space-xl); + } + .margin-top-xxl\@sm { + margin-top: var(--space-xxl); + } + .margin-top-xxxl\@sm { + margin-top: var(--space-xxxl); + } + .margin-top-xxxxl\@sm { + margin-top: var(--space-xxxxl); + } + .margin-top-auto\@sm { + margin-top: auto; + } + .margin-top-0\@sm { + margin-top: 0; + } + .margin-bottom-xxxxs\@sm { + margin-bottom: var(--space-xxxxs); + } + .margin-bottom-xxxs\@sm { + margin-bottom: var(--space-xxxs); + } + .margin-bottom-xxs\@sm { + margin-bottom: var(--space-xxs); + } + .margin-bottom-xs\@sm { + margin-bottom: var(--space-xs); + } + .margin-bottom-sm\@sm { + margin-bottom: var(--space-sm); + } + .margin-bottom-md\@sm { + margin-bottom: var(--space-md); + } + .margin-bottom-lg\@sm { + margin-bottom: var(--space-lg); + } + .margin-bottom-xl\@sm { + margin-bottom: var(--space-xl); + } + .margin-bottom-xxl\@sm { + margin-bottom: var(--space-xxl); + } + .margin-bottom-xxxl\@sm { + margin-bottom: var(--space-xxxl); + } + .margin-bottom-xxxxl\@sm { + margin-bottom: var(--space-xxxxl); + } + .margin-bottom-auto\@sm { + margin-bottom: auto; + } + .margin-bottom-0\@sm { + margin-bottom: 0; + } + .margin-right-xxxxs\@sm { + margin-right: var(--space-xxxxs); + } + .margin-right-xxxs\@sm { + margin-right: var(--space-xxxs); + } + .margin-right-xxs\@sm { + margin-right: var(--space-xxs); + } + .margin-right-xs\@sm { + margin-right: var(--space-xs); + } + .margin-right-sm\@sm { + margin-right: var(--space-sm); + } + .margin-right-md\@sm { + margin-right: var(--space-md); + } + .margin-right-lg\@sm { + margin-right: var(--space-lg); + } + .margin-right-xl\@sm { + margin-right: var(--space-xl); + } + .margin-right-xxl\@sm { + margin-right: var(--space-xxl); + } + .margin-right-xxxl\@sm { + margin-right: var(--space-xxxl); + } + .margin-right-xxxxl\@sm { + margin-right: var(--space-xxxxl); + } + .margin-right-auto\@sm { + margin-right: auto; + } + .margin-right-0\@sm { + margin-right: 0; + } + .margin-left-xxxxs\@sm { + margin-left: var(--space-xxxxs); + } + .margin-left-xxxs\@sm { + margin-left: var(--space-xxxs); + } + .margin-left-xxs\@sm { + margin-left: var(--space-xxs); + } + .margin-left-xs\@sm { + margin-left: var(--space-xs); + } + .margin-left-sm\@sm { + margin-left: var(--space-sm); + } + .margin-left-md\@sm { + margin-left: var(--space-md); + } + .margin-left-lg\@sm { + margin-left: var(--space-lg); + } + .margin-left-xl\@sm { + margin-left: var(--space-xl); + } + .margin-left-xxl\@sm { + margin-left: var(--space-xxl); + } + .margin-left-xxxl\@sm { + margin-left: var(--space-xxxl); + } + .margin-left-xxxxl\@sm { + margin-left: var(--space-xxxxl); + } + .margin-left-auto\@sm { + margin-left: auto; + } + .margin-left-0\@sm { + margin-left: 0; + } + .margin-x-xxxxs\@sm { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + .margin-x-xxxs\@sm { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + .margin-x-xxs\@sm { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + .margin-x-xs\@sm { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + .margin-x-sm\@sm { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + .margin-x-md\@sm { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + .margin-x-lg\@sm { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + .margin-x-xl\@sm { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + .margin-x-xxl\@sm { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + .margin-x-xxxl\@sm { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + .margin-x-xxxxl\@sm { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + .margin-x-auto\@sm { + margin-left: auto; + margin-right: auto; + } + .margin-x-0\@sm { + margin-left: 0; + margin-right: 0; + } + .margin-y-xxxxs\@sm { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + .margin-y-xxxs\@sm { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + .margin-y-xxs\@sm { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + .margin-y-xs\@sm { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + .margin-y-sm\@sm { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + .margin-y-md\@sm { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + .margin-y-lg\@sm { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + .margin-y-xl\@sm { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + .margin-y-xxl\@sm { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + .margin-y-xxxl\@sm { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + .margin-y-xxxxl\@sm { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + .margin-y-auto\@sm { + margin-top: auto; + margin-bottom: auto; + } + .margin-y-0\@sm { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@sm { + padding: var(--space-xxxxs); + } + .padding-xxxs\@sm { + padding: var(--space-xxxs); + } + .padding-xxs\@sm { + padding: var(--space-xxs); + } + .padding-xs\@sm { + padding: var(--space-xs); + } + .padding-sm\@sm { + padding: var(--space-sm); + } + .padding-md\@sm { + padding: var(--space-md); + } + .padding-lg\@sm { + padding: var(--space-lg); + } + .padding-xl\@sm { + padding: var(--space-xl); + } + .padding-xxl\@sm { + padding: var(--space-xxl); + } + .padding-xxxl\@sm { + padding: var(--space-xxxl); + } + .padding-xxxxl\@sm { + padding: var(--space-xxxxl); + } + .padding-0\@sm { + padding: 0; + } + .padding-component\@sm { + padding: var(--component-padding); + } + .padding-top-xxxxs\@sm { + padding-top: var(--space-xxxxs); + } + .padding-top-xxxs\@sm { + padding-top: var(--space-xxxs); + } + .padding-top-xxs\@sm { + padding-top: var(--space-xxs); + } + .padding-top-xs\@sm { + padding-top: var(--space-xs); + } + .padding-top-sm\@sm { + padding-top: var(--space-sm); + } + .padding-top-md\@sm { + padding-top: var(--space-md); + } + .padding-top-lg\@sm { + padding-top: var(--space-lg); + } + .padding-top-xl\@sm { + padding-top: var(--space-xl); + } + .padding-top-xxl\@sm { + padding-top: var(--space-xxl); + } + .padding-top-xxxl\@sm { + padding-top: var(--space-xxxl); + } + .padding-top-xxxxl\@sm { + padding-top: var(--space-xxxxl); + } + .padding-top-0\@sm { + padding-top: 0; + } + .padding-top-component\@sm { + padding-top: var(--component-padding); + } + .padding-bottom-xxxxs\@sm { + padding-bottom: var(--space-xxxxs); + } + .padding-bottom-xxxs\@sm { + padding-bottom: var(--space-xxxs); + } + .padding-bottom-xxs\@sm { + padding-bottom: var(--space-xxs); + } + .padding-bottom-xs\@sm { + padding-bottom: var(--space-xs); + } + .padding-bottom-sm\@sm { + padding-bottom: var(--space-sm); + } + .padding-bottom-md\@sm { + padding-bottom: var(--space-md); + } + .padding-bottom-lg\@sm { + padding-bottom: var(--space-lg); + } + .padding-bottom-xl\@sm { + padding-bottom: var(--space-xl); + } + .padding-bottom-xxl\@sm { + padding-bottom: var(--space-xxl); + } + .padding-bottom-xxxl\@sm { + padding-bottom: var(--space-xxxl); + } + .padding-bottom-xxxxl\@sm { + padding-bottom: var(--space-xxxxl); + } + .padding-bottom-0\@sm { + padding-bottom: 0; + } + .padding-bottom-component\@sm { + padding-bottom: var(--component-padding); + } + .padding-right-xxxxs\@sm { + padding-right: var(--space-xxxxs); + } + .padding-right-xxxs\@sm { + padding-right: var(--space-xxxs); + } + .padding-right-xxs\@sm { + padding-right: var(--space-xxs); + } + .padding-right-xs\@sm { + padding-right: var(--space-xs); + } + .padding-right-sm\@sm { + padding-right: var(--space-sm); + } + .padding-right-md\@sm { + padding-right: var(--space-md); + } + .padding-right-lg\@sm { + padding-right: var(--space-lg); + } + .padding-right-xl\@sm { + padding-right: var(--space-xl); + } + .padding-right-xxl\@sm { + padding-right: var(--space-xxl); + } + .padding-right-xxxl\@sm { + padding-right: var(--space-xxxl); + } + .padding-right-xxxxl\@sm { + padding-right: var(--space-xxxxl); + } + .padding-right-0\@sm { + padding-right: 0; + } + .padding-right-component\@sm { + padding-right: var(--component-padding); + } + .padding-left-xxxxs\@sm { + padding-left: var(--space-xxxxs); + } + .padding-left-xxxs\@sm { + padding-left: var(--space-xxxs); + } + .padding-left-xxs\@sm { + padding-left: var(--space-xxs); + } + .padding-left-xs\@sm { + padding-left: var(--space-xs); + } + .padding-left-sm\@sm { + padding-left: var(--space-sm); + } + .padding-left-md\@sm { + padding-left: var(--space-md); + } + .padding-left-lg\@sm { + padding-left: var(--space-lg); + } + .padding-left-xl\@sm { + padding-left: var(--space-xl); + } + .padding-left-xxl\@sm { + padding-left: var(--space-xxl); + } + .padding-left-xxxl\@sm { + padding-left: var(--space-xxxl); + } + .padding-left-xxxxl\@sm { + padding-left: var(--space-xxxxl); + } + .padding-left-0\@sm { + padding-left: 0; + } + .padding-left-component\@sm { + padding-left: var(--component-padding); + } + .padding-x-xxxxs\@sm { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + .padding-x-xxxs\@sm { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + .padding-x-xxs\@sm { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + .padding-x-xs\@sm { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + .padding-x-sm\@sm { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + .padding-x-md\@sm { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + .padding-x-lg\@sm { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + .padding-x-xl\@sm { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + .padding-x-xxl\@sm { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + .padding-x-xxxl\@sm { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + .padding-x-xxxxl\@sm { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + .padding-x-0\@sm { + padding-left: 0; + padding-right: 0; + } + .padding-x-component\@sm { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + .padding-y-xxxxs\@sm { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + .padding-y-xxxs\@sm { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + .padding-y-xxs\@sm { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + .padding-y-xs\@sm { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + .padding-y-sm\@sm { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + .padding-y-md\@sm { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + .padding-y-lg\@sm { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + .padding-y-xl\@sm { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + .padding-y-xxl\@sm { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + .padding-y-xxxl\@sm { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + .padding-y-xxxxl\@sm { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + .padding-y-0\@sm { + padding-top: 0; + padding-bottom: 0; + } + .padding-y-component\@sm { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@sm { + text-align: center; + } + .text-left\@sm { + text-align: left; + } + .text-right\@sm { + text-align: right; + } + .text-justify\@sm { + text-align: justify; + } + @supports (--css: variables) { + .text-xs\@sm { + font-size: var(--text-xs, 0.694em); + } + .text-sm\@sm { + font-size: var(--text-sm, 0.833em); + } + .text-base\@sm { + font-size: var(--text-unit, 1em); + } + .text-md\@sm { + font-size: var(--text-md, 1.2em); + } + .text-lg\@sm { + font-size: var(--text-lg, 1.44em); + } + .text-xl\@sm { + font-size: var(--text-xl, 1.728em); + } + .text-xxl\@sm { + font-size: var(--text-xxl, 2.074em); + } + .text-xxxl\@sm { + font-size: var(--text-xxxl, 2.488em); + } + .text-xxxxl\@sm { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@sm { + display: none !important; + } +} + @media not all and (min-width: 48rem) { + .has-margin\@sm { + margin: 0 !important; + } + .has-padding\@sm { + padding: 0 !important; + } + .display\@sm { + display: none !important; + } +} + @media (min-width: 64rem) { + .flex\@md { + display: flex; + } + .inline-flex\@md { + display: inline-flex; + } + .flex-wrap\@md { + flex-wrap: wrap; + } + .flex-column\@md { + flex-direction: column; + } + .flex-column-reverse\@md { + flex-direction: column-reverse; + } + .flex-row\@md { + flex-direction: row; + } + .flex-row-reverse\@md { + flex-direction: row-reverse; + } + .flex-center\@md { + justify-content: center; + align-items: center; + } + .flex-grow\@md { + flex-grow: 1; + } + .flex-grow-0\@md { + flex-grow: 0; + } + .flex-shrink\@md { + flex-shrink: 1; + } + .flex-shrink-0\@md { + flex-shrink: 0; + } + .flex-basis-0\@md { + flex-basis: 0; + } + .justify-start\@md { + justify-content: flex-start; + } + .justify-end\@md { + justify-content: flex-end; + } + .justify-center\@md { + justify-content: center; + } + .justify-between\@md { + justify-content: space-between; + } + .items-center\@md { + align-items: center; + } + .items-start\@md { + align-items: flex-start; + } + .items-end\@md { + align-items: flex-end; + } + .items-baseline\@md { + align-items: baseline; + } + .order-1\@md { + order: 1; + } + .order-2\@md { + order: 2; + } + .order-3\@md { + order: 3; + } + .block\@md { + display: block; + } + .inline-block\@md { + display: inline-block; + } + .inline\@md { + display: inline; + } + @supports (--css: variables) { + .margin-xxxxs\@md { + margin: var(--space-xxxxs); + } + .margin-xxxs\@md { + margin: var(--space-xxxs); + } + .margin-xxs\@md { + margin: var(--space-xxs); + } + .margin-xs\@md { + margin: var(--space-xs); + } + .margin-sm\@md { + margin: var(--space-sm); + } + .margin-md\@md { + margin: var(--space-md); + } + .margin-lg\@md { + margin: var(--space-lg); + } + .margin-xl\@md { + margin: var(--space-xl); + } + .margin-xxl\@md { + margin: var(--space-xxl); + } + .margin-xxxl\@md { + margin: var(--space-xxxl); + } + .margin-xxxxl\@md { + margin: var(--space-xxxxl); + } + .margin-auto\@md { + margin: auto; + } + .margin-0\@md { + margin: 0; + } + .margin-top-xxxxs\@md { + margin-top: var(--space-xxxxs); + } + .margin-top-xxxs\@md { + margin-top: var(--space-xxxs); + } + .margin-top-xxs\@md { + margin-top: var(--space-xxs); + } + .margin-top-xs\@md { + margin-top: var(--space-xs); + } + .margin-top-sm\@md { + margin-top: var(--space-sm); + } + .margin-top-md\@md { + margin-top: var(--space-md); + } + .margin-top-lg\@md { + margin-top: var(--space-lg); + } + .margin-top-xl\@md { + margin-top: var(--space-xl); + } + .margin-top-xxl\@md { + margin-top: var(--space-xxl); + } + .margin-top-xxxl\@md { + margin-top: var(--space-xxxl); + } + .margin-top-xxxxl\@md { + margin-top: var(--space-xxxxl); + } + .margin-top-auto\@md { + margin-top: auto; + } + .margin-top-0\@md { + margin-top: 0; + } + .margin-bottom-xxxxs\@md { + margin-bottom: var(--space-xxxxs); + } + .margin-bottom-xxxs\@md { + margin-bottom: var(--space-xxxs); + } + .margin-bottom-xxs\@md { + margin-bottom: var(--space-xxs); + } + .margin-bottom-xs\@md { + margin-bottom: var(--space-xs); + } + .margin-bottom-sm\@md { + margin-bottom: var(--space-sm); + } + .margin-bottom-md\@md { + margin-bottom: var(--space-md); + } + .margin-bottom-lg\@md { + margin-bottom: var(--space-lg); + } + .margin-bottom-xl\@md { + margin-bottom: var(--space-xl); + } + .margin-bottom-xxl\@md { + margin-bottom: var(--space-xxl); + } + .margin-bottom-xxxl\@md { + margin-bottom: var(--space-xxxl); + } + .margin-bottom-xxxxl\@md { + margin-bottom: var(--space-xxxxl); + } + .margin-bottom-auto\@md { + margin-bottom: auto; + } + .margin-bottom-0\@md { + margin-bottom: 0; + } + .margin-right-xxxxs\@md { + margin-right: var(--space-xxxxs); + } + .margin-right-xxxs\@md { + margin-right: var(--space-xxxs); + } + .margin-right-xxs\@md { + margin-right: var(--space-xxs); + } + .margin-right-xs\@md { + margin-right: var(--space-xs); + } + .margin-right-sm\@md { + margin-right: var(--space-sm); + } + .margin-right-md\@md { + margin-right: var(--space-md); + } + .margin-right-lg\@md { + margin-right: var(--space-lg); + } + .margin-right-xl\@md { + margin-right: var(--space-xl); + } + .margin-right-xxl\@md { + margin-right: var(--space-xxl); + } + .margin-right-xxxl\@md { + margin-right: var(--space-xxxl); + } + .margin-right-xxxxl\@md { + margin-right: var(--space-xxxxl); + } + .margin-right-auto\@md { + margin-right: auto; + } + .margin-right-0\@md { + margin-right: 0; + } + .margin-left-xxxxs\@md { + margin-left: var(--space-xxxxs); + } + .margin-left-xxxs\@md { + margin-left: var(--space-xxxs); + } + .margin-left-xxs\@md { + margin-left: var(--space-xxs); + } + .margin-left-xs\@md { + margin-left: var(--space-xs); + } + .margin-left-sm\@md { + margin-left: var(--space-sm); + } + .margin-left-md\@md { + margin-left: var(--space-md); + } + .margin-left-lg\@md { + margin-left: var(--space-lg); + } + .margin-left-xl\@md { + margin-left: var(--space-xl); + } + .margin-left-xxl\@md { + margin-left: var(--space-xxl); + } + .margin-left-xxxl\@md { + margin-left: var(--space-xxxl); + } + .margin-left-xxxxl\@md { + margin-left: var(--space-xxxxl); + } + .margin-left-auto\@md { + margin-left: auto; + } + .margin-left-0\@md { + margin-left: 0; + } + .margin-x-xxxxs\@md { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + .margin-x-xxxs\@md { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + .margin-x-xxs\@md { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + .margin-x-xs\@md { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + .margin-x-sm\@md { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + .margin-x-md\@md { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + .margin-x-lg\@md { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + .margin-x-xl\@md { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + .margin-x-xxl\@md { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + .margin-x-xxxl\@md { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + .margin-x-xxxxl\@md { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + .margin-x-auto\@md { + margin-left: auto; + margin-right: auto; + } + .margin-x-0\@md { + margin-left: 0; + margin-right: 0; + } + .margin-y-xxxxs\@md { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + .margin-y-xxxs\@md { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + .margin-y-xxs\@md { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + .margin-y-xs\@md { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + .margin-y-sm\@md { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + .margin-y-md\@md { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + .margin-y-lg\@md { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + .margin-y-xl\@md { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + .margin-y-xxl\@md { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + .margin-y-xxxl\@md { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + .margin-y-xxxxl\@md { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + .margin-y-auto\@md { + margin-top: auto; + margin-bottom: auto; + } + .margin-y-0\@md { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@md { + padding: var(--space-xxxxs); + } + .padding-xxxs\@md { + padding: var(--space-xxxs); + } + .padding-xxs\@md { + padding: var(--space-xxs); + } + .padding-xs\@md { + padding: var(--space-xs); + } + .padding-sm\@md { + padding: var(--space-sm); + } + .padding-md\@md { + padding: var(--space-md); + } + .padding-lg\@md { + padding: var(--space-lg); + } + .padding-xl\@md { + padding: var(--space-xl); + } + .padding-xxl\@md { + padding: var(--space-xxl); + } + .padding-xxxl\@md { + padding: var(--space-xxxl); + } + .padding-xxxxl\@md { + padding: var(--space-xxxxl); + } + .padding-0\@md { + padding: 0; + } + .padding-component\@md { + padding: var(--component-padding); + } + .padding-top-xxxxs\@md { + padding-top: var(--space-xxxxs); + } + .padding-top-xxxs\@md { + padding-top: var(--space-xxxs); + } + .padding-top-xxs\@md { + padding-top: var(--space-xxs); + } + .padding-top-xs\@md { + padding-top: var(--space-xs); + } + .padding-top-sm\@md { + padding-top: var(--space-sm); + } + .padding-top-md\@md { + padding-top: var(--space-md); + } + .padding-top-lg\@md { + padding-top: var(--space-lg); + } + .padding-top-xl\@md { + padding-top: var(--space-xl); + } + .padding-top-xxl\@md { + padding-top: var(--space-xxl); + } + .padding-top-xxxl\@md { + padding-top: var(--space-xxxl); + } + .padding-top-xxxxl\@md { + padding-top: var(--space-xxxxl); + } + .padding-top-0\@md { + padding-top: 0; + } + .padding-top-component\@md { + padding-top: var(--component-padding); + } + .padding-bottom-xxxxs\@md { + padding-bottom: var(--space-xxxxs); + } + .padding-bottom-xxxs\@md { + padding-bottom: var(--space-xxxs); + } + .padding-bottom-xxs\@md { + padding-bottom: var(--space-xxs); + } + .padding-bottom-xs\@md { + padding-bottom: var(--space-xs); + } + .padding-bottom-sm\@md { + padding-bottom: var(--space-sm); + } + .padding-bottom-md\@md { + padding-bottom: var(--space-md); + } + .padding-bottom-lg\@md { + padding-bottom: var(--space-lg); + } + .padding-bottom-xl\@md { + padding-bottom: var(--space-xl); + } + .padding-bottom-xxl\@md { + padding-bottom: var(--space-xxl); + } + .padding-bottom-xxxl\@md { + padding-bottom: var(--space-xxxl); + } + .padding-bottom-xxxxl\@md { + padding-bottom: var(--space-xxxxl); + } + .padding-bottom-0\@md { + padding-bottom: 0; + } + .padding-bottom-component\@md { + padding-bottom: var(--component-padding); + } + .padding-right-xxxxs\@md { + padding-right: var(--space-xxxxs); + } + .padding-right-xxxs\@md { + padding-right: var(--space-xxxs); + } + .padding-right-xxs\@md { + padding-right: var(--space-xxs); + } + .padding-right-xs\@md { + padding-right: var(--space-xs); + } + .padding-right-sm\@md { + padding-right: var(--space-sm); + } + .padding-right-md\@md { + padding-right: var(--space-md); + } + .padding-right-lg\@md { + padding-right: var(--space-lg); + } + .padding-right-xl\@md { + padding-right: var(--space-xl); + } + .padding-right-xxl\@md { + padding-right: var(--space-xxl); + } + .padding-right-xxxl\@md { + padding-right: var(--space-xxxl); + } + .padding-right-xxxxl\@md { + padding-right: var(--space-xxxxl); + } + .padding-right-0\@md { + padding-right: 0; + } + .padding-right-component\@md { + padding-right: var(--component-padding); + } + .padding-left-xxxxs\@md { + padding-left: var(--space-xxxxs); + } + .padding-left-xxxs\@md { + padding-left: var(--space-xxxs); + } + .padding-left-xxs\@md { + padding-left: var(--space-xxs); + } + .padding-left-xs\@md { + padding-left: var(--space-xs); + } + .padding-left-sm\@md { + padding-left: var(--space-sm); + } + .padding-left-md\@md { + padding-left: var(--space-md); + } + .padding-left-lg\@md { + padding-left: var(--space-lg); + } + .padding-left-xl\@md { + padding-left: var(--space-xl); + } + .padding-left-xxl\@md { + padding-left: var(--space-xxl); + } + .padding-left-xxxl\@md { + padding-left: var(--space-xxxl); + } + .padding-left-xxxxl\@md { + padding-left: var(--space-xxxxl); + } + .padding-left-0\@md { + padding-left: 0; + } + .padding-left-component\@md { + padding-left: var(--component-padding); + } + .padding-x-xxxxs\@md { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + .padding-x-xxxs\@md { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + .padding-x-xxs\@md { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + .padding-x-xs\@md { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + .padding-x-sm\@md { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + .padding-x-md\@md { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + .padding-x-lg\@md { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + .padding-x-xl\@md { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + .padding-x-xxl\@md { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + .padding-x-xxxl\@md { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + .padding-x-xxxxl\@md { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + .padding-x-0\@md { + padding-left: 0; + padding-right: 0; + } + .padding-x-component\@md { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + .padding-y-xxxxs\@md { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + .padding-y-xxxs\@md { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + .padding-y-xxs\@md { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + .padding-y-xs\@md { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + .padding-y-sm\@md { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + .padding-y-md\@md { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + .padding-y-lg\@md { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + .padding-y-xl\@md { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + .padding-y-xxl\@md { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + .padding-y-xxxl\@md { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + .padding-y-xxxxl\@md { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + .padding-y-0\@md { + padding-top: 0; + padding-bottom: 0; + } + .padding-y-component\@md { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@md { + text-align: center; + } + .text-left\@md { + text-align: left; + } + .text-right\@md { + text-align: right; + } + .text-justify\@md { + text-align: justify; + } + @supports (--css: variables) { + .text-xs\@md { + font-size: var(--text-xs, 0.694em); + } + .text-sm\@md { + font-size: var(--text-sm, 0.833em); + } + .text-base\@md { + font-size: var(--text-unit, 1em); + } + .text-md\@md { + font-size: var(--text-md, 1.2em); + } + .text-lg\@md { + font-size: var(--text-lg, 1.44em); + } + .text-xl\@md { + font-size: var(--text-xl, 1.728em); + } + .text-xxl\@md { + font-size: var(--text-xxl, 2.074em); + } + .text-xxxl\@md { + font-size: var(--text-xxxl, 2.488em); + } + .text-xxxxl\@md { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@md { + display: none !important; + } +} + @media not all and (min-width: 64rem) { + .has-margin\@md { + margin: 0 !important; + } + .has-padding\@md { + padding: 0 !important; + } + .display\@md { + display: none !important; + } +} + @media (min-width: 80rem) { + .flex\@lg { + display: flex; + } + .inline-flex\@lg { + display: inline-flex; + } + .flex-wrap\@lg { + flex-wrap: wrap; + } + .flex-column\@lg { + flex-direction: column; + } + .flex-column-reverse\@lg { + flex-direction: column-reverse; + } + .flex-row\@lg { + flex-direction: row; + } + .flex-row-reverse\@lg { + flex-direction: row-reverse; + } + .flex-center\@lg { + justify-content: center; + align-items: center; + } + .flex-grow\@lg { + flex-grow: 1; + } + .flex-grow-0\@lg { + flex-grow: 0; + } + .flex-shrink\@lg { + flex-shrink: 1; + } + .flex-shrink-0\@lg { + flex-shrink: 0; + } + .flex-basis-0\@lg { + flex-basis: 0; + } + .justify-start\@lg { + justify-content: flex-start; + } + .justify-end\@lg { + justify-content: flex-end; + } + .justify-center\@lg { + justify-content: center; + } + .justify-between\@lg { + justify-content: space-between; + } + .items-center\@lg { + align-items: center; + } + .items-start\@lg { + align-items: flex-start; + } + .items-end\@lg { + align-items: flex-end; + } + .items-baseline\@lg { + align-items: baseline; + } + .order-1\@lg { + order: 1; + } + .order-2\@lg { + order: 2; + } + .order-3\@lg { + order: 3; + } + .block\@lg { + display: block; + } + .inline-block\@lg { + display: inline-block; + } + .inline\@lg { + display: inline; + } + @supports (--css: variables) { + .margin-xxxxs\@lg { + margin: var(--space-xxxxs); + } + .margin-xxxs\@lg { + margin: var(--space-xxxs); + } + .margin-xxs\@lg { + margin: var(--space-xxs); + } + .margin-xs\@lg { + margin: var(--space-xs); + } + .margin-sm\@lg { + margin: var(--space-sm); + } + .margin-md\@lg { + margin: var(--space-md); + } + .margin-lg\@lg { + margin: var(--space-lg); + } + .margin-xl\@lg { + margin: var(--space-xl); + } + .margin-xxl\@lg { + margin: var(--space-xxl); + } + .margin-xxxl\@lg { + margin: var(--space-xxxl); + } + .margin-xxxxl\@lg { + margin: var(--space-xxxxl); + } + .margin-auto\@lg { + margin: auto; + } + .margin-0\@lg { + margin: 0; + } + .margin-top-xxxxs\@lg { + margin-top: var(--space-xxxxs); + } + .margin-top-xxxs\@lg { + margin-top: var(--space-xxxs); + } + .margin-top-xxs\@lg { + margin-top: var(--space-xxs); + } + .margin-top-xs\@lg { + margin-top: var(--space-xs); + } + .margin-top-sm\@lg { + margin-top: var(--space-sm); + } + .margin-top-md\@lg { + margin-top: var(--space-md); + } + .margin-top-lg\@lg { + margin-top: var(--space-lg); + } + .margin-top-xl\@lg { + margin-top: var(--space-xl); + } + .margin-top-xxl\@lg { + margin-top: var(--space-xxl); + } + .margin-top-xxxl\@lg { + margin-top: var(--space-xxxl); + } + .margin-top-xxxxl\@lg { + margin-top: var(--space-xxxxl); + } + .margin-top-auto\@lg { + margin-top: auto; + } + .margin-top-0\@lg { + margin-top: 0; + } + .margin-bottom-xxxxs\@lg { + margin-bottom: var(--space-xxxxs); + } + .margin-bottom-xxxs\@lg { + margin-bottom: var(--space-xxxs); + } + .margin-bottom-xxs\@lg { + margin-bottom: var(--space-xxs); + } + .margin-bottom-xs\@lg { + margin-bottom: var(--space-xs); + } + .margin-bottom-sm\@lg { + margin-bottom: var(--space-sm); + } + .margin-bottom-md\@lg { + margin-bottom: var(--space-md); + } + .margin-bottom-lg\@lg { + margin-bottom: var(--space-lg); + } + .margin-bottom-xl\@lg { + margin-bottom: var(--space-xl); + } + .margin-bottom-xxl\@lg { + margin-bottom: var(--space-xxl); + } + .margin-bottom-xxxl\@lg { + margin-bottom: var(--space-xxxl); + } + .margin-bottom-xxxxl\@lg { + margin-bottom: var(--space-xxxxl); + } + .margin-bottom-auto\@lg { + margin-bottom: auto; + } + .margin-bottom-0\@lg { + margin-bottom: 0; + } + .margin-right-xxxxs\@lg { + margin-right: var(--space-xxxxs); + } + .margin-right-xxxs\@lg { + margin-right: var(--space-xxxs); + } + .margin-right-xxs\@lg { + margin-right: var(--space-xxs); + } + .margin-right-xs\@lg { + margin-right: var(--space-xs); + } + .margin-right-sm\@lg { + margin-right: var(--space-sm); + } + .margin-right-md\@lg { + margin-right: var(--space-md); + } + .margin-right-lg\@lg { + margin-right: var(--space-lg); + } + .margin-right-xl\@lg { + margin-right: var(--space-xl); + } + .margin-right-xxl\@lg { + margin-right: var(--space-xxl); + } + .margin-right-xxxl\@lg { + margin-right: var(--space-xxxl); + } + .margin-right-xxxxl\@lg { + margin-right: var(--space-xxxxl); + } + .margin-right-auto\@lg { + margin-right: auto; + } + .margin-right-0\@lg { + margin-right: 0; + } + .margin-left-xxxxs\@lg { + margin-left: var(--space-xxxxs); + } + .margin-left-xxxs\@lg { + margin-left: var(--space-xxxs); + } + .margin-left-xxs\@lg { + margin-left: var(--space-xxs); + } + .margin-left-xs\@lg { + margin-left: var(--space-xs); + } + .margin-left-sm\@lg { + margin-left: var(--space-sm); + } + .margin-left-md\@lg { + margin-left: var(--space-md); + } + .margin-left-lg\@lg { + margin-left: var(--space-lg); + } + .margin-left-xl\@lg { + margin-left: var(--space-xl); + } + .margin-left-xxl\@lg { + margin-left: var(--space-xxl); + } + .margin-left-xxxl\@lg { + margin-left: var(--space-xxxl); + } + .margin-left-xxxxl\@lg { + margin-left: var(--space-xxxxl); + } + .margin-left-auto\@lg { + margin-left: auto; + } + .margin-left-0\@lg { + margin-left: 0; + } + .margin-x-xxxxs\@lg { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + .margin-x-xxxs\@lg { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + .margin-x-xxs\@lg { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + .margin-x-xs\@lg { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + .margin-x-sm\@lg { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + .margin-x-md\@lg { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + .margin-x-lg\@lg { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + .margin-x-xl\@lg { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + .margin-x-xxl\@lg { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + .margin-x-xxxl\@lg { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + .margin-x-xxxxl\@lg { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + .margin-x-auto\@lg { + margin-left: auto; + margin-right: auto; + } + .margin-x-0\@lg { + margin-left: 0; + margin-right: 0; + } + .margin-y-xxxxs\@lg { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + .margin-y-xxxs\@lg { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + .margin-y-xxs\@lg { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + .margin-y-xs\@lg { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + .margin-y-sm\@lg { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + .margin-y-md\@lg { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + .margin-y-lg\@lg { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + .margin-y-xl\@lg { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + .margin-y-xxl\@lg { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + .margin-y-xxxl\@lg { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + .margin-y-xxxxl\@lg { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + .margin-y-auto\@lg { + margin-top: auto; + margin-bottom: auto; + } + .margin-y-0\@lg { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@lg { + padding: var(--space-xxxxs); + } + .padding-xxxs\@lg { + padding: var(--space-xxxs); + } + .padding-xxs\@lg { + padding: var(--space-xxs); + } + .padding-xs\@lg { + padding: var(--space-xs); + } + .padding-sm\@lg { + padding: var(--space-sm); + } + .padding-md\@lg { + padding: var(--space-md); + } + .padding-lg\@lg { + padding: var(--space-lg); + } + .padding-xl\@lg { + padding: var(--space-xl); + } + .padding-xxl\@lg { + padding: var(--space-xxl); + } + .padding-xxxl\@lg { + padding: var(--space-xxxl); + } + .padding-xxxxl\@lg { + padding: var(--space-xxxxl); + } + .padding-0\@lg { + padding: 0; + } + .padding-component\@lg { + padding: var(--component-padding); + } + .padding-top-xxxxs\@lg { + padding-top: var(--space-xxxxs); + } + .padding-top-xxxs\@lg { + padding-top: var(--space-xxxs); + } + .padding-top-xxs\@lg { + padding-top: var(--space-xxs); + } + .padding-top-xs\@lg { + padding-top: var(--space-xs); + } + .padding-top-sm\@lg { + padding-top: var(--space-sm); + } + .padding-top-md\@lg { + padding-top: var(--space-md); + } + .padding-top-lg\@lg { + padding-top: var(--space-lg); + } + .padding-top-xl\@lg { + padding-top: var(--space-xl); + } + .padding-top-xxl\@lg { + padding-top: var(--space-xxl); + } + .padding-top-xxxl\@lg { + padding-top: var(--space-xxxl); + } + .padding-top-xxxxl\@lg { + padding-top: var(--space-xxxxl); + } + .padding-top-0\@lg { + padding-top: 0; + } + .padding-top-component\@lg { + padding-top: var(--component-padding); + } + .padding-bottom-xxxxs\@lg { + padding-bottom: var(--space-xxxxs); + } + .padding-bottom-xxxs\@lg { + padding-bottom: var(--space-xxxs); + } + .padding-bottom-xxs\@lg { + padding-bottom: var(--space-xxs); + } + .padding-bottom-xs\@lg { + padding-bottom: var(--space-xs); + } + .padding-bottom-sm\@lg { + padding-bottom: var(--space-sm); + } + .padding-bottom-md\@lg { + padding-bottom: var(--space-md); + } + .padding-bottom-lg\@lg { + padding-bottom: var(--space-lg); + } + .padding-bottom-xl\@lg { + padding-bottom: var(--space-xl); + } + .padding-bottom-xxl\@lg { + padding-bottom: var(--space-xxl); + } + .padding-bottom-xxxl\@lg { + padding-bottom: var(--space-xxxl); + } + .padding-bottom-xxxxl\@lg { + padding-bottom: var(--space-xxxxl); + } + .padding-bottom-0\@lg { + padding-bottom: 0; + } + .padding-bottom-component\@lg { + padding-bottom: var(--component-padding); + } + .padding-right-xxxxs\@lg { + padding-right: var(--space-xxxxs); + } + .padding-right-xxxs\@lg { + padding-right: var(--space-xxxs); + } + .padding-right-xxs\@lg { + padding-right: var(--space-xxs); + } + .padding-right-xs\@lg { + padding-right: var(--space-xs); + } + .padding-right-sm\@lg { + padding-right: var(--space-sm); + } + .padding-right-md\@lg { + padding-right: var(--space-md); + } + .padding-right-lg\@lg { + padding-right: var(--space-lg); + } + .padding-right-xl\@lg { + padding-right: var(--space-xl); + } + .padding-right-xxl\@lg { + padding-right: var(--space-xxl); + } + .padding-right-xxxl\@lg { + padding-right: var(--space-xxxl); + } + .padding-right-xxxxl\@lg { + padding-right: var(--space-xxxxl); + } + .padding-right-0\@lg { + padding-right: 0; + } + .padding-right-component\@lg { + padding-right: var(--component-padding); + } + .padding-left-xxxxs\@lg { + padding-left: var(--space-xxxxs); + } + .padding-left-xxxs\@lg { + padding-left: var(--space-xxxs); + } + .padding-left-xxs\@lg { + padding-left: var(--space-xxs); + } + .padding-left-xs\@lg { + padding-left: var(--space-xs); + } + .padding-left-sm\@lg { + padding-left: var(--space-sm); + } + .padding-left-md\@lg { + padding-left: var(--space-md); + } + .padding-left-lg\@lg { + padding-left: var(--space-lg); + } + .padding-left-xl\@lg { + padding-left: var(--space-xl); + } + .padding-left-xxl\@lg { + padding-left: var(--space-xxl); + } + .padding-left-xxxl\@lg { + padding-left: var(--space-xxxl); + } + .padding-left-xxxxl\@lg { + padding-left: var(--space-xxxxl); + } + .padding-left-0\@lg { + padding-left: 0; + } + .padding-left-component\@lg { + padding-left: var(--component-padding); + } + .padding-x-xxxxs\@lg { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + .padding-x-xxxs\@lg { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + .padding-x-xxs\@lg { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + .padding-x-xs\@lg { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + .padding-x-sm\@lg { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + .padding-x-md\@lg { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + .padding-x-lg\@lg { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + .padding-x-xl\@lg { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + .padding-x-xxl\@lg { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + .padding-x-xxxl\@lg { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + .padding-x-xxxxl\@lg { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + .padding-x-0\@lg { + padding-left: 0; + padding-right: 0; + } + .padding-x-component\@lg { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + .padding-y-xxxxs\@lg { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + .padding-y-xxxs\@lg { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + .padding-y-xxs\@lg { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + .padding-y-xs\@lg { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + .padding-y-sm\@lg { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + .padding-y-md\@lg { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + .padding-y-lg\@lg { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + .padding-y-xl\@lg { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + .padding-y-xxl\@lg { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + .padding-y-xxxl\@lg { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + .padding-y-xxxxl\@lg { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + .padding-y-0\@lg { + padding-top: 0; + padding-bottom: 0; + } + .padding-y-component\@lg { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@lg { + text-align: center; + } + .text-left\@lg { + text-align: left; + } + .text-right\@lg { + text-align: right; + } + .text-justify\@lg { + text-align: justify; + } + @supports (--css: variables) { + .text-xs\@lg { + font-size: var(--text-xs, 0.694em); + } + .text-sm\@lg { + font-size: var(--text-sm, 0.833em); + } + .text-base\@lg { + font-size: var(--text-unit, 1em); + } + .text-md\@lg { + font-size: var(--text-md, 1.2em); + } + .text-lg\@lg { + font-size: var(--text-lg, 1.44em); + } + .text-xl\@lg { + font-size: var(--text-xl, 1.728em); + } + .text-xxl\@lg { + font-size: var(--text-xxl, 2.074em); + } + .text-xxxl\@lg { + font-size: var(--text-xxxl, 2.488em); + } + .text-xxxxl\@lg { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@lg { + display: none !important; + } +} + @media not all and (min-width: 80rem) { + .has-margin\@lg { + margin: 0 !important; + } + .has-padding\@lg { + padding: 0 !important; + } + .display\@lg { + display: none !important; + } +} + @media (min-width: 90rem) { + .flex\@xl { + display: flex; + } + .inline-flex\@xl { + display: inline-flex; + } + .flex-wrap\@xl { + flex-wrap: wrap; + } + .flex-column\@xl { + flex-direction: column; + } + .flex-column-reverse\@xl { + flex-direction: column-reverse; + } + .flex-row\@xl { + flex-direction: row; + } + .flex-row-reverse\@xl { + flex-direction: row-reverse; + } + .flex-center\@xl { + justify-content: center; + align-items: center; + } + .flex-grow\@xl { + flex-grow: 1; + } + .flex-grow-0\@xl { + flex-grow: 0; + } + .flex-shrink\@xl { + flex-shrink: 1; + } + .flex-shrink-0\@xl { + flex-shrink: 0; + } + .flex-basis-0\@xl { + flex-basis: 0; + } + .justify-start\@xl { + justify-content: flex-start; + } + .justify-end\@xl { + justify-content: flex-end; + } + .justify-center\@xl { + justify-content: center; + } + .justify-between\@xl { + justify-content: space-between; + } + .items-center\@xl { + align-items: center; + } + .items-start\@xl { + align-items: flex-start; + } + .items-end\@xl { + align-items: flex-end; + } + .items-baseline\@xl { + align-items: baseline; + } + .order-1\@xl { + order: 1; + } + .order-2\@xl { + order: 2; + } + .order-3\@xl { + order: 3; + } + .block\@xl { + display: block; + } + .inline-block\@xl { + display: inline-block; + } + .inline\@xl { + display: inline; + } + @supports (--css: variables) { + .margin-xxxxs\@xl { + margin: var(--space-xxxxs); + } + .margin-xxxs\@xl { + margin: var(--space-xxxs); + } + .margin-xxs\@xl { + margin: var(--space-xxs); + } + .margin-xs\@xl { + margin: var(--space-xs); + } + .margin-sm\@xl { + margin: var(--space-sm); + } + .margin-md\@xl { + margin: var(--space-md); + } + .margin-lg\@xl { + margin: var(--space-lg); + } + .margin-xl\@xl { + margin: var(--space-xl); + } + .margin-xxl\@xl { + margin: var(--space-xxl); + } + .margin-xxxl\@xl { + margin: var(--space-xxxl); + } + .margin-xxxxl\@xl { + margin: var(--space-xxxxl); + } + .margin-auto\@xl { + margin: auto; + } + .margin-0\@xl { + margin: 0; + } + .margin-top-xxxxs\@xl { + margin-top: var(--space-xxxxs); + } + .margin-top-xxxs\@xl { + margin-top: var(--space-xxxs); + } + .margin-top-xxs\@xl { + margin-top: var(--space-xxs); + } + .margin-top-xs\@xl { + margin-top: var(--space-xs); + } + .margin-top-sm\@xl { + margin-top: var(--space-sm); + } + .margin-top-md\@xl { + margin-top: var(--space-md); + } + .margin-top-lg\@xl { + margin-top: var(--space-lg); + } + .margin-top-xl\@xl { + margin-top: var(--space-xl); + } + .margin-top-xxl\@xl { + margin-top: var(--space-xxl); + } + .margin-top-xxxl\@xl { + margin-top: var(--space-xxxl); + } + .margin-top-xxxxl\@xl { + margin-top: var(--space-xxxxl); + } + .margin-top-auto\@xl { + margin-top: auto; + } + .margin-top-0\@xl { + margin-top: 0; + } + .margin-bottom-xxxxs\@xl { + margin-bottom: var(--space-xxxxs); + } + .margin-bottom-xxxs\@xl { + margin-bottom: var(--space-xxxs); + } + .margin-bottom-xxs\@xl { + margin-bottom: var(--space-xxs); + } + .margin-bottom-xs\@xl { + margin-bottom: var(--space-xs); + } + .margin-bottom-sm\@xl { + margin-bottom: var(--space-sm); + } + .margin-bottom-md\@xl { + margin-bottom: var(--space-md); + } + .margin-bottom-lg\@xl { + margin-bottom: var(--space-lg); + } + .margin-bottom-xl\@xl { + margin-bottom: var(--space-xl); + } + .margin-bottom-xxl\@xl { + margin-bottom: var(--space-xxl); + } + .margin-bottom-xxxl\@xl { + margin-bottom: var(--space-xxxl); + } + .margin-bottom-xxxxl\@xl { + margin-bottom: var(--space-xxxxl); + } + .margin-bottom-auto\@xl { + margin-bottom: auto; + } + .margin-bottom-0\@xl { + margin-bottom: 0; + } + .margin-right-xxxxs\@xl { + margin-right: var(--space-xxxxs); + } + .margin-right-xxxs\@xl { + margin-right: var(--space-xxxs); + } + .margin-right-xxs\@xl { + margin-right: var(--space-xxs); + } + .margin-right-xs\@xl { + margin-right: var(--space-xs); + } + .margin-right-sm\@xl { + margin-right: var(--space-sm); + } + .margin-right-md\@xl { + margin-right: var(--space-md); + } + .margin-right-lg\@xl { + margin-right: var(--space-lg); + } + .margin-right-xl\@xl { + margin-right: var(--space-xl); + } + .margin-right-xxl\@xl { + margin-right: var(--space-xxl); + } + .margin-right-xxxl\@xl { + margin-right: var(--space-xxxl); + } + .margin-right-xxxxl\@xl { + margin-right: var(--space-xxxxl); + } + .margin-right-auto\@xl { + margin-right: auto; + } + .margin-right-0\@xl { + margin-right: 0; + } + .margin-left-xxxxs\@xl { + margin-left: var(--space-xxxxs); + } + .margin-left-xxxs\@xl { + margin-left: var(--space-xxxs); + } + .margin-left-xxs\@xl { + margin-left: var(--space-xxs); + } + .margin-left-xs\@xl { + margin-left: var(--space-xs); + } + .margin-left-sm\@xl { + margin-left: var(--space-sm); + } + .margin-left-md\@xl { + margin-left: var(--space-md); + } + .margin-left-lg\@xl { + margin-left: var(--space-lg); + } + .margin-left-xl\@xl { + margin-left: var(--space-xl); + } + .margin-left-xxl\@xl { + margin-left: var(--space-xxl); + } + .margin-left-xxxl\@xl { + margin-left: var(--space-xxxl); + } + .margin-left-xxxxl\@xl { + margin-left: var(--space-xxxxl); + } + .margin-left-auto\@xl { + margin-left: auto; + } + .margin-left-0\@xl { + margin-left: 0; + } + .margin-x-xxxxs\@xl { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + .margin-x-xxxs\@xl { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + .margin-x-xxs\@xl { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + .margin-x-xs\@xl { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + .margin-x-sm\@xl { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + .margin-x-md\@xl { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + .margin-x-lg\@xl { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + .margin-x-xl\@xl { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + .margin-x-xxl\@xl { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + .margin-x-xxxl\@xl { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + .margin-x-xxxxl\@xl { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + .margin-x-auto\@xl { + margin-left: auto; + margin-right: auto; + } + .margin-x-0\@xl { + margin-left: 0; + margin-right: 0; + } + .margin-y-xxxxs\@xl { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + .margin-y-xxxs\@xl { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + .margin-y-xxs\@xl { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + .margin-y-xs\@xl { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + .margin-y-sm\@xl { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + .margin-y-md\@xl { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + .margin-y-lg\@xl { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + .margin-y-xl\@xl { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + .margin-y-xxl\@xl { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + .margin-y-xxxl\@xl { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + .margin-y-xxxxl\@xl { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + .margin-y-auto\@xl { + margin-top: auto; + margin-bottom: auto; + } + .margin-y-0\@xl { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@xl { + padding: var(--space-xxxxs); + } + .padding-xxxs\@xl { + padding: var(--space-xxxs); + } + .padding-xxs\@xl { + padding: var(--space-xxs); + } + .padding-xs\@xl { + padding: var(--space-xs); + } + .padding-sm\@xl { + padding: var(--space-sm); + } + .padding-md\@xl { + padding: var(--space-md); + } + .padding-lg\@xl { + padding: var(--space-lg); + } + .padding-xl\@xl { + padding: var(--space-xl); + } + .padding-xxl\@xl { + padding: var(--space-xxl); + } + .padding-xxxl\@xl { + padding: var(--space-xxxl); + } + .padding-xxxxl\@xl { + padding: var(--space-xxxxl); + } + .padding-0\@xl { + padding: 0; + } + .padding-component\@xl { + padding: var(--component-padding); + } + .padding-top-xxxxs\@xl { + padding-top: var(--space-xxxxs); + } + .padding-top-xxxs\@xl { + padding-top: var(--space-xxxs); + } + .padding-top-xxs\@xl { + padding-top: var(--space-xxs); + } + .padding-top-xs\@xl { + padding-top: var(--space-xs); + } + .padding-top-sm\@xl { + padding-top: var(--space-sm); + } + .padding-top-md\@xl { + padding-top: var(--space-md); + } + .padding-top-lg\@xl { + padding-top: var(--space-lg); + } + .padding-top-xl\@xl { + padding-top: var(--space-xl); + } + .padding-top-xxl\@xl { + padding-top: var(--space-xxl); + } + .padding-top-xxxl\@xl { + padding-top: var(--space-xxxl); + } + .padding-top-xxxxl\@xl { + padding-top: var(--space-xxxxl); + } + .padding-top-0\@xl { + padding-top: 0; + } + .padding-top-component\@xl { + padding-top: var(--component-padding); + } + .padding-bottom-xxxxs\@xl { + padding-bottom: var(--space-xxxxs); + } + .padding-bottom-xxxs\@xl { + padding-bottom: var(--space-xxxs); + } + .padding-bottom-xxs\@xl { + padding-bottom: var(--space-xxs); + } + .padding-bottom-xs\@xl { + padding-bottom: var(--space-xs); + } + .padding-bottom-sm\@xl { + padding-bottom: var(--space-sm); + } + .padding-bottom-md\@xl { + padding-bottom: var(--space-md); + } + .padding-bottom-lg\@xl { + padding-bottom: var(--space-lg); + } + .padding-bottom-xl\@xl { + padding-bottom: var(--space-xl); + } + .padding-bottom-xxl\@xl { + padding-bottom: var(--space-xxl); + } + .padding-bottom-xxxl\@xl { + padding-bottom: var(--space-xxxl); + } + .padding-bottom-xxxxl\@xl { + padding-bottom: var(--space-xxxxl); + } + .padding-bottom-0\@xl { + padding-bottom: 0; + } + .padding-bottom-component\@xl { + padding-bottom: var(--component-padding); + } + .padding-right-xxxxs\@xl { + padding-right: var(--space-xxxxs); + } + .padding-right-xxxs\@xl { + padding-right: var(--space-xxxs); + } + .padding-right-xxs\@xl { + padding-right: var(--space-xxs); + } + .padding-right-xs\@xl { + padding-right: var(--space-xs); + } + .padding-right-sm\@xl { + padding-right: var(--space-sm); + } + .padding-right-md\@xl { + padding-right: var(--space-md); + } + .padding-right-lg\@xl { + padding-right: var(--space-lg); + } + .padding-right-xl\@xl { + padding-right: var(--space-xl); + } + .padding-right-xxl\@xl { + padding-right: var(--space-xxl); + } + .padding-right-xxxl\@xl { + padding-right: var(--space-xxxl); + } + .padding-right-xxxxl\@xl { + padding-right: var(--space-xxxxl); + } + .padding-right-0\@xl { + padding-right: 0; + } + .padding-right-component\@xl { + padding-right: var(--component-padding); + } + .padding-left-xxxxs\@xl { + padding-left: var(--space-xxxxs); + } + .padding-left-xxxs\@xl { + padding-left: var(--space-xxxs); + } + .padding-left-xxs\@xl { + padding-left: var(--space-xxs); + } + .padding-left-xs\@xl { + padding-left: var(--space-xs); + } + .padding-left-sm\@xl { + padding-left: var(--space-sm); + } + .padding-left-md\@xl { + padding-left: var(--space-md); + } + .padding-left-lg\@xl { + padding-left: var(--space-lg); + } + .padding-left-xl\@xl { + padding-left: var(--space-xl); + } + .padding-left-xxl\@xl { + padding-left: var(--space-xxl); + } + .padding-left-xxxl\@xl { + padding-left: var(--space-xxxl); + } + .padding-left-xxxxl\@xl { + padding-left: var(--space-xxxxl); + } + .padding-left-0\@xl { + padding-left: 0; + } + .padding-left-component\@xl { + padding-left: var(--component-padding); + } + .padding-x-xxxxs\@xl { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + .padding-x-xxxs\@xl { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + .padding-x-xxs\@xl { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + .padding-x-xs\@xl { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + .padding-x-sm\@xl { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + .padding-x-md\@xl { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + .padding-x-lg\@xl { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + .padding-x-xl\@xl { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + .padding-x-xxl\@xl { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + .padding-x-xxxl\@xl { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + .padding-x-xxxxl\@xl { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + .padding-x-0\@xl { + padding-left: 0; + padding-right: 0; + } + .padding-x-component\@xl { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + .padding-y-xxxxs\@xl { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + .padding-y-xxxs\@xl { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + .padding-y-xxs\@xl { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + .padding-y-xs\@xl { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + .padding-y-sm\@xl { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + .padding-y-md\@xl { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + .padding-y-lg\@xl { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + .padding-y-xl\@xl { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + .padding-y-xxl\@xl { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + .padding-y-xxxl\@xl { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + .padding-y-xxxxl\@xl { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + .padding-y-0\@xl { + padding-top: 0; + padding-bottom: 0; + } + .padding-y-component\@xl { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@xl { + text-align: center; + } + .text-left\@xl { + text-align: left; + } + .text-right\@xl { + text-align: right; + } + .text-justify\@xl { + text-align: justify; + } + @supports (--css: variables) { + .text-xs\@xl { + font-size: var(--text-xs, 0.694em); + } + .text-sm\@xl { + font-size: var(--text-sm, 0.833em); + } + .text-base\@xl { + font-size: var(--text-unit, 1em); + } + .text-md\@xl { + font-size: var(--text-md, 1.2em); + } + .text-lg\@xl { + font-size: var(--text-lg, 1.44em); + } + .text-xl\@xl { + font-size: var(--text-xl, 1.728em); + } + .text-xxl\@xl { + font-size: var(--text-xxl, 2.074em); + } + .text-xxxl\@xl { + font-size: var(--text-xxxl, 2.488em); + } + .text-xxxxl\@xl { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@xl { + display: none !important; + } +} + @media not all and (min-width: 90rem) { + .has-margin\@xl { + margin: 0 !important; + } + .has-padding\@xl { + padding: 0 !important; + } + .display\@xl { + display: none !important; + } +} + :root, [data-theme="default"] { + --color-primary-darker: hsl(220, 90%, 42%); + --color-primary-darker-h: 220; + --color-primary-darker-s: 90%; + --color-primary-darker-l: 42%; + --color-primary-dark: hsl(220, 90%, 49%); + --color-primary-dark-h: 220; + --color-primary-dark-s: 90%; + --color-primary-dark-l: 49%; + --color-primary: hsl(220, 90%, 56%); + --color-primary-h: 220; + --color-primary-s: 90%; + --color-primary-l: 56%; + --color-primary-light: hsl(220, 90%, 63%); + --color-primary-light-h: 220; + --color-primary-light-s: 90%; + --color-primary-light-l: 63%; + --color-primary-lighter: hsl(220, 90%, 70%); + --color-primary-lighter-h: 220; + --color-primary-lighter-s: 90%; + --color-primary-lighter-l: 70%; + --color-accent-darker: hsl(349, 75%, 36%); + --color-accent-darker-h: 349; + --color-accent-darker-s: 75%; + --color-accent-darker-l: 36%; + --color-accent-dark: hsl(349, 75%, 44%); + --color-accent-dark-h: 349; + --color-accent-dark-s: 75%; + --color-accent-dark-l: 44%; + --color-accent: hsl(349, 75%, 51%); + --color-accent-h: 349; + --color-accent-s: 75%; + --color-accent-l: 51%; + --color-accent-light: hsl(349, 75%, 59%); + --color-accent-light-h: 349; + --color-accent-light-s: 75%; + --color-accent-light-l: 59%; + --color-accent-lighter: hsl(349, 75%, 67%); + --color-accent-lighter-h: 349; + --color-accent-lighter-s: 75%; + --color-accent-lighter-l: 67%; + --color-black: hsl(240, 8%, 12%); + --color-black-h: 240; + --color-black-s: 8%; + --color-black-l: 12%; + --color-white: hsl(0, 0%, 100%); + --color-white-h: 0; + --color-white-s: 0%; + --color-white-l: 100%; + --color-success-darker: hsl(94, 48%, 42%); + --color-success-darker-h: 94; + --color-success-darker-s: 48%; + --color-success-darker-l: 42%; + --color-success-dark: hsl(94, 48%, 48%); + --color-success-dark-h: 94; + --color-success-dark-s: 48%; + --color-success-dark-l: 48%; + --color-success: hsl(94, 48%, 56%); + --color-success-h: 94; + --color-success-s: 48%; + --color-success-l: 56%; + --color-success-light: hsl(94, 48%, 65%); + --color-success-light-h: 94; + --color-success-light-s: 48%; + --color-success-light-l: 65%; + --color-success-lighter: hsl(94, 48%, 74%); + --color-success-lighter-h: 94; + --color-success-lighter-s: 48%; + --color-success-lighter-l: 74%; + --color-error-darker: hsl(349, 75%, 36%); + --color-error-darker-h: 349; + --color-error-darker-s: 75%; + --color-error-darker-l: 36%; + --color-error-dark: hsl(349, 75%, 44%); + --color-error-dark-h: 349; + --color-error-dark-s: 75%; + --color-error-dark-l: 44%; + --color-error: hsl(349, 75%, 51%); + --color-error-h: 349; + --color-error-s: 75%; + --color-error-l: 51%; + --color-error-light: hsl(349, 75%, 59%); + --color-error-light-h: 349; + --color-error-light-s: 75%; + --color-error-light-l: 59%; + --color-error-lighter: hsl(349, 75%, 67%); + --color-error-lighter-h: 349; + --color-error-lighter-s: 75%; + --color-error-lighter-l: 67%; + --color-warning-darker: hsl(46, 100%, 47%); + --color-warning-darker-h: 46; + --color-warning-darker-s: 100%; + --color-warning-darker-l: 47%; + --color-warning-dark: hsl(46, 100%, 50%); + --color-warning-dark-h: 46; + --color-warning-dark-s: 100%; + --color-warning-dark-l: 50%; + --color-warning: hsl(46, 100%, 61%); + --color-warning-h: 46; + --color-warning-s: 100%; + --color-warning-l: 61%; + --color-warning-light: hsl(46, 100%, 71%); + --color-warning-light-h: 46; + --color-warning-light-s: 100%; + --color-warning-light-l: 71%; + --color-warning-lighter: hsl(46, 100%, 80%); + --color-warning-lighter-h: 46; + --color-warning-lighter-s: 100%; + --color-warning-lighter-l: 80%; + --color-bg: hsl(0, 0%, 100%); + --color-bg-h: 0; + --color-bg-s: 0%; + --color-bg-l: 100%; + --color-contrast-lower: hsl(0, 0%, 95%); + --color-contrast-lower-h: 0; + --color-contrast-lower-s: 0%; + --color-contrast-lower-l: 95%; + --color-contrast-low: hsl(240, 1%, 83%); + --color-contrast-low-h: 240; + --color-contrast-low-s: 1%; + --color-contrast-low-l: 83%; + --color-contrast-medium: hsl(240, 1%, 48%); + --color-contrast-medium-h: 240; + --color-contrast-medium-s: 1%; + --color-contrast-medium-l: 48%; + --color-contrast-high: hsl(240, 4%, 20%); + --color-contrast-high-h: 240; + --color-contrast-high-s: 4%; + --color-contrast-high-l: 20%; + --color-contrast-higher: hsl(240, 8%, 12%); + --color-contrast-higher-h: 240; + --color-contrast-higher-s: 8%; + --color-contrast-higher-l: 12%; +} + @supports (--css: variables) { + @media (min-width: 64rem) { + :root { + --space-unit: 1.25em; + } + } +} + :root { + --radius: 0.25em; +} + .hover\:elevate { + box-shadow: var(--shadow-sm); + transition: 0.2s; +} + .hover\:elevate:hover { + box-shadow: var(--shadow-md); +} + :root { + --font-primary: system-ui, sans-serif; + --text-base-size: 1em; + --text-scale-ratio: 1.2; + --body-line-height: 1.4; + --heading-line-height: 1.2; + --font-primary-capital-letter: 1; + --text-unit: 1em; +} + :root, * { + --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio)); + --text-sm: calc(var(--text-xs) * var(--text-scale-ratio)); + --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)); + --text-lg: calc(var(--text-md) * var(--text-scale-ratio)); + --text-xl: calc(var(--text-lg) * var(--text-scale-ratio)); + --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio)); + --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio)); + --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); +} + @supports (--css: variables) { + @media (min-width: 64rem) { + :root { + --text-base-size: 1.25em; + --text-scale-ratio: 1.25; + } + } +} + h1, h2, h3, h4 { + font-weight: 700; +} + mark { + background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); + color: inherit; +} + .text-component { + --line-height-multiplier: 1; + --text-vspace-multiplier: 1; +} + .text-component blockquote { + padding-left: 1em; + border-left: 4px solid var(--color-contrast-low); +} + .text-component hr { + background: var(--color-contrast-low); + height: 1px; +} + .text-component figcaption { + font-size: var(--text-sm); + color: var(--color-contrast-medium); +} + .article { + --body-line-height: 1.58; + --text-vspace-multiplier: 1.2; +} + .btn { + --btn-padding-y: var(--space-xxs); + --btn-padding-x: var(--space-sm); + --btn-radius: 0.25em; + --btn-font-size: 1em; + line-height: 1.2; + box-shadow: var(--shadow-xs); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transition: .2s; +} + .btn:hover { + cursor: pointer; + box-shadow: var(--shadow-sm); +} + .btn:focus { + outline: none; + box-shadow: 0px 0px 0px 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15); +} + .btn:active { + transform: translateY(2px); +} + .btn--primary { + background-color: var(--color-primary); + color: var(--color-white); +} + .btn--primary:hover { + background-color: var(--color-primary-dark); +} + .btn--primary:focus { + box-shadow: 0px 0px 0px 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); +} + .btn--subtle { + background-color: var(--color-contrast-lower); + color: var(--color-contrast-higher); +} + .btn--accent { + background-color: var(--color-accent); + color: var(--color-white); +} + .btn--accent:hover { + background-color: var(--color-accent-dark); +} + .btn--accent:focus { + box-shadow: 0px 0px 0px 2px hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); +} + .btn--disabled, .btn[disabled], .btn[readonly] { + opacity: 0.6; + cursor: not-allowed; +} + .btn--sm { + font-size: 0.8em; +} + .btn--md { + font-size: 1.2em; +} + .btn--lg { + font-size: 1.4em; +} + .form-control { + --form-control-padding-y: var(--space-xxs); + --form-control-padding-x: var(--space-xs); + --form-control-radius: 0.25em; + --form-control-font-size: 1em; + line-height: 1.2; + background-color: var(--color-bg); + border: 2px solid var(--color-contrast-low); + transition: .2s; +} + .form-control::placeholder { + opacity: 1; + color: var(--color-contrast-medium); +} + .form-control:focus { + outline: none; + border-color: var(--color-primary); + box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); +} + .form-control--error, .form-control[aria-invalid="true"] { + border-color: var(--color-error); +} + .form-control--error:focus, .form-control[aria-invalid="true"]:focus { + box-shadow: 0 0 0 2px hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2); +} + .form-control--disabled, .form-control[disabled], .form-control[readonly] { + cursor: not-allowed; +} +/* -------------------------------- File#: _1_list Title: List Descr: Custom list component Usage: codyhouse.co/license -------------------------------- */ + .list, .text-component .list { + --list-v-space: 0.65; + --list-offset: 1; + padding-left: 0; + list-style: none; +} + .list ul, .list ol, .text-component .list ul, .text-component .list ol { + list-style: none; + margin: 0; + margin-top: calc( var(--space-xxxs) * var(--list-v-space, 1)); + padding-top: calc( var(--space-xxxs) * var(--list-v-space, 1)); + padding-left: calc(var(--space-xs) * var(--list-offset, 1)); +} + .list li, .text-component .list li { + padding-bottom: calc( var(--space-xxxs) * var(--list-v-space, 1)); + margin-bottom: calc( var(--space-xxxs) * var(--list-v-space, 1)); +} + .list > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child { + margin-bottom: 0; +} + .list:not(.list--border) > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list:not(.list--border) > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child { + padding-bottom: 0; +} + .list--ul li, .list--ol li { + padding-left: calc(var(--bullet-size) + var(--bullet-margin-right)); +} + .list--ul li::before, .list--ol li::before { + width: var(--bullet-size); + height: var(--bullet-size); + margin-left: calc(var(--bullet-size) * -1); + display: inline-flex; + vertical-align: middle; + position: relative; + left: calc(var(--bullet-margin-right) * -1); +} + .list--ul { + --bullet-size: 7px; + --bullet-margin-right: var(--space-xxs); +} + .list--ul li::before { + content: ''; + border-radius: 50%; + color: var(--color-primary); + background-color: currentColor; + border: 2px solid currentColor; +} + .list--ul ul li::before { + background-color: transparent; +} + .list--ol { + --bullet-size: 26px; + --bullet-margin-right: 6px; + counter-reset: list-items; +} + .list--ol li { + counter-increment: list-items; +} + .list--ol ol { + counter-reset: list-items; +} + .list--ol li::before { + content: counter(list-items); + font-size: 0.75em; + justify-content: center; + align-items: center; + top: -0.1em; + border-radius: 50%; + background-color: var(--color-contrast-lower); + border: 2px solid var(--color-contrast-lower); + color: var(--color-contrast-high); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + .list--ol ol li::before { + background-color: transparent; +} + .list--border li { + border-bottom: 1px solid var(--color-contrast-low); +} + .list--border ul, .list--border ol { + border-top: 1px solid var(--color-contrast-low); +} + .list--border ul li:last-child, .list--border ol li:last-child { + border-bottom-width: 0; +} + :root { + --cd-color-event-0: hsl(0, 0%, 80%); + --cd-color-event-0-h: 0; + --cd-color-event-0-s: 0%; + --cd-color-event-0-l: 80%; + --cd-color-event-1: hsl(199, 25%, 46%); + --cd-color-event-1-h: 199; + --cd-color-event-1-s: 25%; + --cd-color-event-1-l: 46%; + --cd-color-event-2: hsl(271, 23%, 26%); + --cd-color-event-2-h: 271; + --cd-color-event-2-s: 23%; + --cd-color-event-2-l: 26%; + --cd-color-event-3: hsl(162, 14%, 68%); + --cd-color-event-3-h: 162; + --cd-color-event-3-s: 14%; + --cd-color-event-3-l: 68%; + --cd-color-event-4: hsl(31, 89%, 68%); + --cd-color-event-4-h: 31; + --cd-color-event-4-s: 89%; + --cd-color-event-4-l: 68%; + --cd-color-text: hsl(0, 0%, 13%); + --cd-color-text-h: 0; + --cd-color-text-s: 0%; + --cd-color-text-l: 13%; + --cd-color-border: hsl(0, 0%, 92%); + --cd-color-border-h: 0; + --cd-color-border-s: 0%; + --cd-color-border-l: 92%; + --font-primary: 'Source Sans Pro', sans-serif; + --schedule-rows-number: 19; + --schedule-rows-height: 50px; +} + body { + color: var(--cd-color-text); +} + a { + color: var(--cd-color-event-3); +} + .cd-schedule { + position: relative; +} + .cd-schedule::before { + content: 'mobile'; + display: none; +} + @media (min-width: 64rem) { + .js .cd-schedule { + width: calc(100% - 2*var(--component-padding)); + margin-left: auto; + margin-right: auto; + max-width: var(--max-width-xl); + } + .js .cd-schedule::before { + content: 'desktop'; + } +} + .cd-schedule__timeline { + display: none; +} + @media (min-width: 64rem) { + .js .cd-schedule__timeline { + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + padding-top: var(--schedule-rows-height); + } + .js .cd-schedule__timeline li { + position: relative; + height: var(--schedule-rows-height); + } + .js .cd-schedule__timeline li::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 1px; + background: var(--cd-color-border); + } + .js .cd-schedule__timeline li:last-of-type::after { + display: none; + } + .js .cd-schedule__timeline li span { + display: none; + } +} + @media (min-width: 80rem) { + .js .cd-schedule__timeline li::after { + width: calc(100% - 60px); + left: 60px; + } + .js .cd-schedule__timeline li span { + display: inline-block; + transform: translateY(-50%); + font-size: var(--text-sm); + } + .js .cd-schedule__timeline li:nth-of-type(2n) span { + display: none; + } +} + .cd-schedule__events { + position: relative; + z-index: 1; +} + @media (min-width: 64rem) { + .js .cd-schedule__events { + width: 100%; + } + .js .cd-schedule__events > ul { + display: flex; + flex-wrap: nowrap; + } +} + @media (min-width: 80rem) { + .js .cd-schedule__events { + width: calc(100% - 60px); + margin-left: 60px; + } +} + .cd-schedule__group { + margin-bottom: var(--space-lg); +} + @media (min-width: 64rem) { + .js .cd-schedule__group { + flex-basis: 0; + flex-grow: 1; + border: 1px solid var(--cd-color-border); + margin-bottom: 0; + } + .js .cd-schedule__group:not(:first-of-type) { + border-left-width: 0; + } +} + .cd-schedule__group > ul { + position: relative; + padding: 0 var(--component-padding); + display: flex; + overflow-x: scroll; + -webkit-overflow-scrolling: touch; +} + .cd-schedule__group > ul::after { + display: inline-block; + content: '-'; + width: 1px; + height: 100%; + opacity: 0; + color: transparent; +} + @media (min-width: 64rem) { + .js .cd-schedule__group > ul { + height: calc(var(--schedule-rows-height)*var(--schedule-rows-number)); + overflow: visible; + padding: 0; + } + .js .cd-schedule__group > ul::after { + display: none; + } +} + .cd-schedule__top-info { + width: 100%; + padding: 0 var(--component-padding); +} + .cd-schedule__top-info > span { + display: inline-block; + margin-bottom: var(--space-sm); + font-weight: bold; +} + @media (min-width: 64rem) { + .js .cd-schedule__top-info { + display: flex; + align-items: center; + justify-content: center; + height: var(--schedule-rows-height); + border-bottom: 1px solid var(--cd-color-border); + padding: 0; + } + .js .cd-schedule__top-info > span { + font-weight: normal; + font-size: var(--text-sm); + margin-bottom: 0; + } +} + .cd-schedule__event { + flex-shrink: 0; + float: left; + height: 150px; + width: 70%; + max-width: 300px; + margin-right: var(--space-md); + transition: opacity .2s, background .2s; +} + .cd-schedule__event a { + display: block; + height: 100%; + padding: var(--space-sm); + box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); + text-decoration: none; +} + .cd-schedule__event a::before { + content: attr(data-start) " - " attr(data-end); +} + @media (min-width: 48rem) { + .js .cd-schedule__event { + width: 40%; + } +} + @media (min-width: 64rem) { + .js .cd-schedule__event { + position: absolute; + z-index: 3; + width: calc(100% + 2px); + left: -1px; + max-width: none; + margin-right: 0; + } + .js .cd-schedule__event a { + padding: var(--space-sm); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), inset 0 -3px 0 rgba(0, 0, 0, 0.2); + } +} + @media (min-width: 64rem) { + .js .cd-schedule__event--selected { + visibility: hidden; + } + .js .cd-schedule--loading .cd-schedule__event { + opacity: 0; + } +} + .cd-schedule__name, .cd-schedule__event a::before, .cd-schedule-modal__name, .cd-schedule-modal__date { + display: block; + color: var(--color-white); + font-weight: bold; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + .cd-schedule__name, .cd-schedule-modal__name { + font-size: var(--text-lg); +} + @media (min-width: 64rem) { + .cd-schedule__name, .cd-schedule-modal__name { + font-size: calc(var(--text-sm)*1.2); + } +} + .cd-schedule-modal__date, .cd-schedule__event a::before { + opacity: .7; + margin-bottom: var(--space-xxxs); +} + @media (min-width: 64rem) { + .cd-schedule-modal__date, .cd-schedule__event a::before { + font-size: calc(var(--text-xs)*1.05); + margin-bottom: var(--space-xxxxs); + } +} + .cd-schedule__event [data-event="event-0"], .cd-schedule-modal[data-event="event-0"] .cd-schedule-modal__header-bg { + background: var(--cd-color-event-0); +} + .cd-schedule__event [data-event="event-1"], .cd-schedule-modal[data-event="event-1"] .cd-schedule-modal__header-bg { + background: var(--cd-color-event-1); +} + .cd-schedule__event [data-event="event-2"], .cd-schedule-modal[data-event="event-2"] .cd-schedule-modal__header-bg { + background: var(--cd-color-event-2); +} + .cd-schedule__event [data-event="event-3"], .cd-schedule-modal[data-event="event-3"] .cd-schedule-modal__header-bg { + background: var(--cd-color-event-3); +} + .cd-schedule__event [data-event="event-4"], .cd-schedule-modal[data-event="event-4"] .cd-schedule-modal__header-bg { + background: var(--cd-color-event-4); +} + .cd-schedule-modal { + position: fixed; + z-index: 3; + top: 0; + right: 0; + height: 100%; + width: 100%; + visibility: hidden; + transform: translateZ(0); + transform: translateX(100%); + transition: transform .4s, visibility .4s; + transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); +} + @media (min-width: 64rem) { + .cd-schedule-modal { + right: auto; + width: auto; + height: auto; + transform: translateX(0); + will-change: transform, width, height; + transition: height .4s, width .4s, transform .4s, visibility .4s; + transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); + } +} + .cd-schedule-modal__header { + position: relative; + height: 70px; + display: flex; + align-content: center; + width: 100%; +} + @media (min-width: 64rem) { + .cd-schedule-modal__header { + position: absolute; + display: block; + top: 0; + left: 0; + height: 100%; + } +} + .cd-schedule-modal__content { + position: relative; + z-index: 3; + display: flex; + align-items: center; + padding: var(--space-sm) var(--component-padding); +} + @media (min-width: 64rem) { + .cd-schedule-modal__content { + display: block; + padding: var(--space-sm); + } +} + .cd-schedule-modal__body { + position: relative; + width: 100%; + height: calc(100% - 70px); +} + @media (min-width: 64rem) { + .cd-schedule-modal__body { + height: 100%; + width: auto; + } +} + .cd-schedule-modal__event-info { + position: relative; + z-index: 2; + line-height: var(--body-line-height); + height: 100%; + overflow: hidden; + font-size: calc(var(--text-sm) * 1.2); +} + .cd-schedule-modal__event-info > div { + overflow: auto; + height: 100%; + padding: var(--space-md) var(--component-padding); +} + @media (min-width: 64rem) { + .cd-schedule-modal__event-info { + opacity: 0; + font-size: var(--text-sm); + } + .cd-schedule-modal__event-info > div { + padding: calc(var(--space-md)*1.3) calc(var(--space-lg)*1.2) calc(var(--space-md)*1.3) calc(var(--space-md)*1.3); + } +} + .cd-schedule-modal__header-bg, .cd-schedule-modal__body-bg { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + @media (min-width: 64rem) { + .cd-schedule-modal__header-bg, .cd-schedule-modal__body-bg { + transform: translateZ(0); + will-change: transform; + backface-visibility: hidden; + } +} + .cd-schedule-modal__header-bg { + z-index: 2; + transform-origin: top center; +} + @media (min-width: 64rem) { + .cd-schedule-modal__header-bg { + transition: transform .4s; + transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); + } +} + .cd-schedule-modal__body-bg { + z-index: 1; + background: var(--color-white); + transform-origin: top left; +} + @media (min-width: 64rem) { + .cd-schedule-modal__body-bg { + opacity: 0; + transform: none; + } +} + .cd-schedule-modal--no-transition { + transition: none; +} + .cd-schedule-modal--no-transition .cd-schedule-modal__header-bg, .cd-schedule-modal--no-transition .cd-schedule-modal__body-bg { + transition: none !important; +} + .cd-schedule-modal__date { + display: none; +} + @media (min-width: 64rem) { + .cd-schedule-modal__date { + display: block; + } +} + .cd-schedule-modal__close { + position: absolute; + z-index: 3; + top: 0; + right: 0; + height: 70px; + width: 70px; + background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1); +} + .cd-schedule-modal__close::before, .cd-schedule-modal__close::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 2px; + height: 22px; + background: var(--color-white); + backface-visibility: hidden; +} + .cd-schedule-modal__close::before { + transform: translateX(-50%) translateY(-50%) rotate(45deg); +} + .cd-schedule-modal__close::after { + transform: translateX(-50%) translateY(-50%) rotate(-45deg); +} + @media (min-width: 64rem) { + .cd-schedule-modal__close { + width: 40px; + height: 40px; + background: transparent; + opacity: 0; + } + .cd-schedule-modal__close::after, .cd-schedule-modal__close::before { + background: var(--cd-color-text); + height: 16px; + } +} + .cd-schedule-modal--open { + transform: translateX(0); + visibility: visible; +} + .cd-schedule-modal--open .cd-schedule-modal__event-info > div { + -webkit-overflow-scrolling: touch; +} + @media (min-width: 64rem) { + .cd-schedule-modal--animation-completed .cd-schedule-modal__close, .cd-schedule-modal--content-loaded.cd-schedule-modal--animation-completed .cd-schedule-modal__event-info { + opacity: 1; + transition: opacity .2s; + } + .cd-schedule-modal--open .cd-schedule-modal__body-bg { + opacity: 1; + transition: transform .4s; + transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); + } +} + .cd-schedule__cover-layer { + position: fixed; + z-index: 2; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8); + opacity: 0; + visibility: hidden; + transition: opacity .4s, visibility .4s; +} + .cd-schedule-modal--open + .cd-schedule__cover-layer { + opacity: 1; + visibility: visible; +} + .cd-main-header h1 { + color: var(--cd-color-text); + font-weight: 700; +} + .cd-article-link { + font-size: var(--text-sm); + transition: opacity .2s; +} + .cd-article-link:hover { + opacity: 0.8; +} +/*# sourceMappingURL=style.css.map */ + diff --git a/index.html b/index.html index 55c12df..1fcaf59 100644 --- a/index.html +++ b/index.html @@ -301,6 +301,12 @@ return result; } } + class EmptySpaceAppointment extends Appointment { + constructor(start, end, type = 0) { + super("Free", start, end, type); + } + } + class Day { constructor(name, appointment_list) { @@ -354,6 +360,7 @@ } var schedule = new Schedule([ new Day("Monday", [ + new EmptySpaceAppointment("9:00", "9:30"), new Appointment("Lecture HCI", "9:30", "11:00", 4), new Appointment("Lecture Analysis", "12:00", "13:30", 4), new Appointment("Innebandy", "17:00", "18:30", 4),